jucai/public/themes/default/views/mobile/app/active/restaurant.blade.php

@extends('mobile.module.layouts.empty')

@push('meta')

@endpush

@push('css')
    <link rel="stylesheet" href="{{theme_asset('mobile/css/online2021_special.css')}}">
    <link href="{{ theme_asset('mobile/css/jobs.css') }}" rel="stylesheet">
    <style>
        .drop_content a{color: #666666;text-decoration: none;}
        .con-filter .f-box.f-box-trade{
            height: 8.7rem;
        }
        .con-filter .f-box-trade div.f-box-inner{
            height: 7rem;
        }
        .load_more_footer{
            width: 100%;
            text-align: center;
            line-height: 1rem;
            color:white;
        }
        .bottom-nav-bar .nav-bar-cell .bar-cell {
            width: 50%;
        }
        .online2021_title {background-image:url({{theme_asset("mobile/images/online2021/bg_title_restaurant.png")}}) !important;}
        .online2021_content {background-image:url({{theme_asset("mobile/images/online2021/bg_restaurant.png")}});}
        .online2021_content .btn {width: 75%;align-items: flex-start;justify-content: flex-end;color: #075645;margin-top: 25px;font-weight: bold;background-color: transparent;}
        .online2021_content h3 {width: 100%;padding-left: 25%;padding-top:20px;}
        .online2021_content .online2021_line {color: black;}
    </style>
@endpush

@push('js')
    <script src="{{ theme_asset('mobile/js/dropload.min.js') }}"></script>
@endpush
@section('content')
    <div class="online2021_header">
        <img src="{{theme_asset('mobile/images/spring/header_restaurant.jpg')}}?v=3">
    </div>
    <div class="online2021_title">
        <p>&nbsp;</p>
    </div>
    <div id="join_com" style="position: relative;top: -40px;">
        @if(count($res))
            <div class="load_more_body">
                @foreach($res as $key=>$val)
                    <div class="online2021_content">
                        <h3 class="substring">{{ $val['companyname'] or '' }}</h3>
                        <p class="online2021_line">
                            <span class="line_left">招聘岗位</span>
                            <span class="line_right more"><a href="{{route('mobile.jobs.company',['id'=>$val['id']])}}">更多>></a></span>
                        </p>
                        @for($i=0;$i<3;$i++)
                        <p class="online2021_line">
                            <span class="line_left substring">{{empty($val['jobs'][$i]) ? '' : $val['jobs'][$i]['jobs_name']}}</span>
                            <span class="line_right substring">
                            @if(!empty($val['jobs'][$i]))
                                @if($val['jobs'][$i]['wage'] == '-1')
                                    面议
                                @else
                                        ¥{{$val['jobs'][$i]['wage_min']}}-{{$val['jobs'][$i]['wage_max']}}
                                @endif
                            @endif
                            </span>
                        </p>
                        @endfor
                        <p class="online2021_line end">
                            @foreach($val['tag_arr'] as $tag)
                                <span class="tag">{{$tag->demand}}</span>
                            @endforeach
                        </p>
                        <a href="{{route('mobile.jobs.company',['id'=>$val['id']])}}">
                            <div class="btn">
                                <img src="{{theme_asset('mobile/images/online2021/bg_btn_restaurant.png')}}" />
                                投递简历
                            </div>
                        </a>
                    </div>
                @endforeach
            </div>
        @endif

        @if($more)
            <div class="load_more_footer">
                <span page="1" >加载更多</span>
            </div>
        @else
            <div class="load_more_footer">
                <span page="1" >-----没有更多了-----</span>
            </div>
        @endif
    </div>

    <div class="bottom-nav-bar-group">
        <div class="bottom-nav-bar">
            <div class="nav-bar-cell qs-left" style="width: 100%;">
                <a href="{{route('mobile.home')}}"
                   class="bar-cell index @if(url($current_url) == route('mobile.home')) active @endif">
                    <div class="b-img"></div>
                    <div class="b-txt font10">首页</div>
                </a>
                <a href="{{ route('mobile.person.index') }}"
                   class="bar-cell mine @if(strripos( url($current_url), route('mobile.person.index')) !== false) active @endif">
                    <div class="b-img"></div>
                    <div class="b-txt font10">我的</div>
                </a>
                <div class="clear"></div>
            </div>
        </div>
    </div>


    <script type="text/javascript" src="{{theme_asset('mobile/js/QSfilter.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('mobile/js/qsCategory.js')}}"></script>
    <script type="text/javascript" charset="utf-8" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src="{{ theme_asset('mobile/js/dropload.min.js') }}"></script>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak={{subsite_config('aix.system.map.map.map_ak')}}&s=1"></script>
@endsection
@section('script')
    <script>
        function goPage() {
            var toSearchPage = "{{route('mobile.active.spring_special')}}";
            window.location.href = toSearchPage + '?'+$('#searchForm').serialize();
        }

        // 除更多和读取缓存之外的下拉列表
        $('.f-item-normal').on('click', function () {
            var thisType = $(this).data('type');
            var thisTitle = $(this).data('title');
            var thisCode = $(this).data('code');
            $('.f-normal-code-' + thisType).val(thisCode);
            $('.f-normal-txt-' + thisType).text(thisTitle);
            $('body').removeClass('filter-fixed');
            $('.f-box-' + thisType).addClass('qs-hidden');
            $('.js-filter').removeClass('active');
            $('#f-mask').hide();
            goPage();
        });

        // 点击筛选
        $('#f-do-filter').on('click', function () {
            goPage();
        });
        $('.js-filter').on('click', function () {
            $('.f-more-content').removeClass('qs-actionsheet-toggle');
            $('.f-box-more').removeClass('qs-actionsheet-toggle-left');
            var filter = new QSfilter($(this));
            document.getElementById('f-mask').ontouchstart = function(e){ e.preventDefault(); }
        });

        @if($more)
        /**
         * 监听网页滚动事件
         */
        var f = true;


        $(window).on("scroll",function () {
            var isShow = true;//$("#join_com").is(":visible");
            if($(".load_more_footer span").hasClass("end")){
                return false;
            }
            var h = document.documentElement.clientHeight || document.body.clientHeight;
            var sh = document.documentElement.scrollTop || document.body.scrollTop;
            var t1 = document.querySelector(".load_more_footer").offsetTop- sh;
            //可视区域
            if (t1 < h && isShow  && f ) {
                s();
            }
        });
        var s = function () {
            var page = $(".load_more_footer span").attr('page');
            $.ajax({
                type:"get",
                url:"{{ route('mobile.active.restaurant') }}",
                data:{
                    page:page
                },
                beforeSend:function () {
                    f = false;
                    $(".load_more_footer span").html('正在加载').addClass("loading");
                },
                success:function (result) {
                    if(result.status==1){
                        $(".load_more_body").append(result.data);
                        // console.log(result.data);
                        $(".load_more_footer span").attr('page',parseInt(page)+1);
                        $(".load_more_footer span").html('加载更多').removeClass("loading");
                    }else {
                        $(".load_more_footer span").html('-----没有更多了-----').removeClass("loading").addClass("end");
                    }

                },
                complete:function () {
                    f = true;
                }
            })
        }
        @endif

    </script>
@endsection