jucai/public/themes/default/views/mobile/app/jkq/index.blade.php

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

@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('mobile/css/index.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('mobile/css/jobs.css') }}" rel="stylesheet">
    @if(time() >=1585929600 && time()<=1586015999)
        <style>
            *{
                filter: grayscale(100%);
                -webkit-filter: grayscale(100%);
                -moz-filter: grayscale(100%);
                -ms-filter: grayscale(100%);
                -o-filter: grayscale(100%);
            }
        </style>
    @endif
    <style>
        .new-index-top .ni-head{position:relative;z-index:9998;}
        .new-index-top .ni-head .rbtn{position:absolute;right:.95rem;top:0px;width:.9rem;height:.9rem;background-image:url({{ theme_asset('mobile/images/108.png') }});background-repeat:no-repeat;background-size:50%;background-position:center;line-height:100%;}
        .new-index-top .ni-head .rbtn.eventactive{background-color:#0169A7;}

        /*创业帮手弹窗样式*/
        #helper_div{position:fixed;top:3rem;left:10%;width:80%;height:4rem;z-index:9999;border-radius:.5rem;background:rgba(0,0,0,.5)}
        #helper_div .close{width:90%;height:.8rem;position:relative;margin:auto;top:.2rem;}
        #helper_div .close .btn_icon{background:url({{ theme_asset('mobile/images/index/dialog_close.png') }}) no-repeat center right;width:.6rem;height:.6rem;position:absolute;margin:auto;right:0;top:0;background-size:.6rem .6rem;}
        #helper_div .dialog_box{width:70%;margin:auto;margin-top:.2rem;}
        #helper_div .dialog_box .rli{width:100%;height:1rem;border-radius:.3rem;background-color:#dd4250;margin-bottom:.3rem;color:#fff;text-align:center;line-height:1rem; }

        /*人才服务广场*/
        .service_square{width:100%;background-color:#fff;}
        .service_square .in_title{width:3.5rem;position:relative;margin:auto;text-align:center;line-height:1rem;font-weight:600;color:#dd4250;}
        .service_square .in_title:before{position:absolute;top:.5rem;left:-1rem;content:"";width:1.5rem;height:0;border-top:.03rem solid #dd4250;}
        .service_square .in_title:after{position:absolute;top:.5rem;right:-1rem;content:"";width:1.5rem;height:0;border-top:.03rem solid #dd4250;}
        .service_square .in_content{width:100%;}
        .service_square .in_content a{float:left;width:25%;text-align:center;padding:.2rem 0;text-decoration: none;color:#666;}
        .service_square .in_content a img{width:.65rem;height:.65rem;}
    </style>
@endpush

@push('js')
    <script type="text/javascript" src="{{theme_asset('mobile/js/zepto.hwSlider.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('mobile/js/fx.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('mobile/js/touch-0.2.14.min.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('mobile/js/zepto.textSlider.js')}}"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#recommend").hide();
            $("#emergency").show();
            $("#emer").addClass('active');
            $("#emer").on('click', function(){
                $(this).addClass('active');
                $("#recom").removeClass('active');
                $("#recommend").hide();
                $("#emergency").show();
            });
            $("#recom").on('click', function(){
                $(this).addClass('active');
                $("#emer").removeClass('active');
                $("#recommend").show();
                $("#emergency").hide();
            });


            //创业帮手弹窗
            $("#business_helper").click(function () {
                $('.t-mask').css("display","block");
                $('#helper_div').css("display","block");
            });
            $("#helper_div .close .btn_icon").click(function () {
                $('.t-mask').css("display","none");
                $('#helper_div').css("display","none");
            });

        });

    </script>
@endpush

@section('content')
    <div class="new-index-banner">
        <div class="ni-search-g">
            <div class="nis-box font16 js-show-qspageso">搜索职位/简历<div class="nis-s-icon"></div></div>
        </div>
        <script>
            // 显示搜索层
            $('.js-show-qspageso').on('click', function(){
                $('.qspageso').toggle();
                $('#J_soinput').focus();
                if($('#J_soinput').val()!=''){
                    $('#J_soinput').val($('#J_soinput').val());
                    $('#J_soinput').closest('.topbg').addClass('has-inp');
                }
            });
        </script>
    </div>
    @include('mobile.app.common.search')

    <div class="index-slider">
        <div id="hwslider" class="hwslider">
            <ul>
                <li>
                    <a href="{{route($sub_site.'mobile.jobs')}}"><dl class="l1"><dt class="job for-event"></dt><dd class="font12">找工作</dd></dl></a>
                    <a href="{{route($sub_site.'mobile.resumes')}}"><dl class="l1"><dt class="resume for-event"></dt><dd class="font12">招人才</dd></dl></a>
                    <a href="{{route($sub_site.'mobile.new')}}"><dl class="l1"><dt class="news"></dt><dd class="font12 for-event">职场资讯</dd></dl></a>
                    <a href="{{route($sub_site.'mobile.notice')}}"><dl class="l1"><dt class="notice"></dt><dd class="font12 for-event">公告</dd></dl></a>
                    <div class="clear"></div>
                </li>
            </ul>
        </div>
    </div>

    <!--服务广场-->
    <div class="service_square">
        <div class="in_title font16">人才服务广场</div>
        <div class="in_content">
            <a href="{{route($sub_site.'mobile.policy')}}">
                <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon1.png') }}" /></div>
                <div class="tit font12">政策信息</div>
            </a>
            <a href="{{route($sub_site.'mobile.jobs')}}">
                <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon2.png') }}" /></div>
                <div class="tit font12">招聘信息</div>
            </a>
            <div class="clear"></div>
        </div>
    </div>

    <div class="split-block"></div>

    <!--新闻-->
    <div class="module">
        <div class="module-title font14">
            <a href="javascript:;" class="module-title-nav font14 active f-left" id="emer">聚才动态</a>
            <a href="javascript:;" class="module-title-nav font14 f-left" id="recom">工作动态</a>
            <div class="clear"></div>
        </div>
        <div class="mobile_index_news" id="emergency">
            <ul>
                @if(array_has($articles1, '3') && $articles1['3'])
                    @foreach($articles1['3'] as $k=>$v)
                        <li>
                            <a href="{{route($sub_site.'mobile.news.show',['id'=>$v->id])}}"><b>&gt;</b>{{cut_str($v->title, 15, 0, '...')}}<span class="jc_rt">{{date('Y-m-d',strtotime($v->created_at))}}</span></a>
                        </li>
                    @endforeach
                @else
                    <div style="text-align:center;height:.8rem;line-height:.8rem;background:#fff;">暂无动态</div>
                @endif
            </ul>
        </div>
        <div class="mobile_index_news" id="recommend">
            <ul>
                @if(array_has($articles2, '2') && $articles2['2'])
                    @foreach($articles2['2'] as $k=>$v)
                        <li>
                            <a href="{{route($sub_site.'mobile.news.show',['id'=>$v->id])}}"><b class="b2"></b>{{cut_str($v->title, 25, 0, '...')}}</a>
                        </li>
                    @endforeach
                @else
                    <div style="text-align:center;height:.8rem;line-height:.8rem;background:#fff;">暂无动态</div>
                @endif
            </ul>
        </div>
    </div>
    <!--新闻 end-->

    <div class="split-block"></div>
    <div class="indexfamous">
        <div>
            <div class="famoustitle font14 ">名企招聘</div>
            <a class="more font14" href="{{route($sub_site.'mobile.jobs',['search_cont'=>'setmeal'])}}">更多 ></a>
            <div class="clear"></div>
        </div>
        <div class="indexfamous_list">
            @if($seatmeal_companies)
                @foreach($seatmeal_companies as $k=>$v)
                    <a href="{{route($sub_site.'mobile.jobs.company', ['id'=>$v->id])}}">
                        <img src="{{$v->logo}}" alt="{{$v->companyname}}" />
                        <div class="companyinfo">
                            <div class="name font12">{{$v->companyname}}</div>
                            <div class="num font10"><span>{{$v->jobs_num}}</span>个职位</div>
                        </div>
                    </a>
                @endforeach
            @endif
            <div class="clear"></div>
        </div>
    </div>
    <div class="split-block"></div>
    <!--招聘列表-->
    <div class="indexjoblist link_gray6">
        <div class="listtitle">
            <ul>
                <li class="font14 select"><a>最新招聘</a></li><li class="font14"><a>紧急招聘</a></li><li class="font14"><a>推荐职位</a></li>
            </ul>
        </div>
        <div class="listcon select">
            @if($newJobs)
                @php $n=1@endphp
                @foreach($newJobs as $k=>$v)
                    <div class="job-list-item for-event" onclick="javascript:location.href='{{route($sub_site."mobile.jobs.show", ["id"=>$v->id])}}'">
                        <div class="info">
                            <div class="line-one">
                                <div class="job-name substring font16">
                                    {{$v->jobs_name}}
                                    @if($v->emergency == 1)
                                        <img src="{{theme_asset('mobile/images/231.png')}}"/>
                                    @endif
                                </div>
                                @if($v->stick == 1)
                                    <div class="refresh-time font12 font_red_light">置顶</div>
                                @else
                                    <div class="refresh-time font12">{!! daterange(time(), $v->refresh_time, 'Y-m-d', "#FF3300") !!}</div>
                                @endif
                                <div class="clear"></div>
                            </div>
                            <div class="line-two font14">
                                <div class="salary">{{$v->wage_cn}}</div>
                                <div class="category substring">{{$v->category_name}}</div>
                                <div class="clear"></div>
                            </div>
                            @if($v->tag_cn)
                                <div class="line-three fontag">
                                    @foreach($v->tag_cn as $j=>$tag)
                                        @if($j<3)
                                        <div class="job-tag">{{$tag}}</div>
                                        @endif
                                    @endforeach
                                    <div class="clear"></div>
                                </div>
                            @else
                                <div class="line-four font13">
                                    {{ $v->education_cn }}/ {{ $v->experience_cn }} / 年龄{{ $v->age_cn }}
                                </div>
                            @endif
                            @if($v->has_deliver)
                                <div class="apply-btn apply_jobs has-apply" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
                            @else
                                <div class="apply-btn apply_jobs" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
                            @endif
                        </div>
                        <div class="company font13">
                            <div class="company-name substring">{{$v->company_name}}</div>
                            <div class="district  substring">{{$v->district_cn}}</div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    @if($n<count($newJobs))
                        <div class="split-block"></div>
                    @endif
                    @php $n++@endphp
                @endforeach
            @endif
        </div>
        <div class="listcon">
            @if($emergency_jobs)
                @php $e=1@endphp
                @foreach($emergency_jobs as $k=>$v)
                    <div class="job-list-item for-event" onclick="javascript:location.href='{{route($sub_site."mobile.jobs.show",['id'=>$v->id])}}'">
                        <div class="info">
                            <div class="line-one">
                                <div class="job-name substring font16">
                                    {{$v->jobs_name}}
                                    @if($v->emergency == 1)
                                        <img src="{{theme_asset('mobile/images/231.png')}}"/>
                                    @endif
                                </div>
                                @if($v->stick == 1)
                                    <div class="refresh-time font12 font_red_light">置顶</div>
                                @else
                                    <div class="refresh-time font12">{!! daterange(time(), $v->refresh_time, 'Y-m-d', "#FF3300") !!}</div>
                                @endif
                                <div class="clear"></div>
                            </div>
                            <div class="line-two font14">
                                <div class="salary">{{$v->wage_cn}}</div>
                                <div class="category substring">{{$v->category_name}}</div>
                                <div class="clear"></div>
                            </div>
                            @if($v->tag_cn)
                                <div class="line-three fontag">
                                    @foreach($v->tag_cn as $j=>$tag)
                                        @if($j<3)
                                        <div class="job-tag">{{$tag}}</div>
                                        @endif
                                    @endforeach
                                    <div class="clear"></div>
                                </div>
                            @else
                                <div class="line-four font13">
                                    {{ $v->education_cn }}/ {{ $v->experience_cn }} / 年龄{{ $v->age_cn }}
                                </div>
                            @endif
                            {{--<div class="apply-btn apply_jobs" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>--}}
                            @if($v->has_deliver)
                                <div class="apply-btn apply_jobs has-apply" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
                            @else
                                <div class="apply-btn apply_jobs" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
                            @endif
                        </div>
                        <div class="company font13">
                            <div class="company-name substring">{{$v->company_name}}</div>
                            <div class="district  substring">{{$v->district_cn}}</div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    @if($e<count($emergency_jobs))
                        <div class="split-block"></div>
                    @endif
                    @php $e++@endphp
                @endforeach
            @endif
        </div>
        <div class="listcon">
            @if($recommend_jobs)
                @php $i=1@endphp
                @foreach($recommend_jobs as $k=>$v)
                    <div class="job-list-item for-event" onclick="javascript:location.href='{{route($sub_site."mobile.jobs.show",['id'=>$v->id])}}'">
                        <div class="info">
                            <div class="line-one">
                                <div class="job-name substring font16">
                                    {{$v->jobs_name}}
                                    @if($v->emergency == 1)
                                    <img src="{{theme_asset('mobile/images/231.png')}}"/>
                                    @endif
                                </div>
                                @if($v->stick == 1)
                                    <div class="refresh-time font12 font_red_light">置顶</div>
                                @else
                                    <div class="refresh-time font12">{!! daterange(time(), $v->refresh_time, 'Y-m-d', "#FF3300") !!}</div>
                                @endif
                                <div class="clear"></div>
                            </div>
                            <div class="line-two font14">
                                <div class="salary">{{$v->wage_cn}}</div>
                                <div class="category substring">{{$v->category_name}}</div>
                                <div class="clear"></div>
                            </div>
                            @if($v->tag_cn)
                                <div class="line-three fontag">
                                    @foreach($v->tag_cn as $j=>$tag)
                                        @if($j<3)
                                            <div class="job-tag">{{$tag}}</div>
                                        @endif
                                    @endforeach
                                    <div class="clear"></div>
                                </div>
                            @else
                                <div class="line-four font13">
                                    {{ $v->education_cn }}/ {{ $v->experience_cn }} / 年龄{{ $v->age_cn }}
                                </div>
                            @endif
                            {{--<div class="apply-btn apply_jobs" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>--}}
                            @if($v->has_deliver)
                                <div class="apply-btn apply_jobs has-apply" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
                            @else
                                <div class="apply-btn apply_jobs" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
                            @endif
                        </div>
                        <div class="company font13">
                            <div class="company-name substring">{{$v->company_name}}</div>
                            <div class="district  substring">{{$v->district_cn}}</div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    @if($i<count($recommend_jobs))
                        <div class="split-block"></div>
                    @endif
                    @php $i++@endphp
                @endforeach
            @endif
            <input class="J_listitme_code" name="select_resume_id" id="select_resume_id" type="hidden" value="">
        </div>
    </div>
    <div class="split-block"></div>

    <div style="background: #ffffff;width: 100%;border-top: 1px solid #f0f0f0;" onclick="javascript:location.href='{{route($sub_site."mobile.jobs")}}'">
        <div style=" padding: .15rem 30% .2rem;position: relative;text-align: center;">显示更多职位
        </div>
    </div>

    <div class="split-block"></div>
@endsection


@section('script')
    <script>
        var isVisitor = 0;
        var utype = 0;
        @if($user)
            isVisitor = 1;
            @if($user->utype == 1)
                utype = 1;
            @else
                utype = 2;
            @endif
        @endif
        var sitenameWidth = $(".ni-head .sitename").width()
        var siteboxWidth = $(".ni-head .nih-l").width()
        if(sitenameWidth>siteboxWidth){
            setTimeout(function () {
                $(".ni-head .sitename").addClass("marquee");
            },4000)
        }
        // 滚动更多
        $("#hwslider").hwSlider({
            autoPlay: false,
            dotShow: true,
            touch: true,
            arrShow: false
        });
        //公告信息滚动
        $(".ul-upscroll").textSlider({line:1,speed:50});

        $('.listtitle li').on('click', function () {
            $(this).addClass("select").siblings().removeClass("select");
            $(".indexjoblist .listcon ").eq($(this).index()).addClass("select").siblings().removeClass("select");
        });

        // 职位标签亮点随机背景色
        function randomsort(a, b) {
            return Math.random()>.5 ? -1 : 1;
        }
        var bgArrBefore = [1,2,3,4];
        $('.job-list-item').each(function () {
            var $jobTagDom = $(this).find('.job-tag');
            if ($jobTagDom.length) {
                var bgArray = bgArrBefore.sort(randomsort);
                $($jobTagDom).each(function (index, value) {
                    $(this).addClass('tg' + bgArray[index]);
                })
            }
        });

        //职位申请
        $(".apply_jobs").on('click',function(){
            var that = this;
            var url = "{{route($sub_site.'mobile.jobs.apply')}}";
            var jid = $(this).data('jid');
            if ($(this).hasClass('has-apply')) {
                return false;
            }
            if ((isVisitor > 0)) {
                if (utype == 1) {
                    qsToast({type:2,context: '请登录个人会员'});
                    return false;
                }else{
                    $.ajax({
                        type: 'POST',
                        url: url,
                        data: {jobs_id:jid,_token:"{{csrf_token()}}"},
                        success: function(data){
                            if (data.status==1) {
                                qsToast({type:1,context: data.msg});
                                $(that).addClass("has-apply");
                                return false;
                            } else if(data.status==2){
                                //选择简历
                                var dialog = new QSpopout();
                                dialog.setContent(data.html);
                                if(data.data=='no'){
                                    dialog.setBtn(1,'确定');
                                }
                                else if(data.data=='mix'){
                                    dialog.setBtn(1,'取消');
                                }else{
                                    dialog.getPrimaryBtn().on('click', function () {
                                        var resume_id = $('#select_resume_id').val();
                                        $.ajax({
                                            type: 'POST',
                                            url: url,
                                            data: {jobs_id:jid,resume_id:resume_id,_token:"{{csrf_token()}}"},
                                            success: function(res){
                                                if (res.status == 0) {
                                                    qsToast({type:2,context: res.error});
                                                } else {
                                                    qsToast({type:1,context: res.msg});
                                                    $(that).addClass("has-apply");
                                                }
                                            },
                                            error: function(apply_error){
                                                if(apply_error.status == 500 || apply_error.status == 400){
                                                    qsToast({type:2,context: apply_error.responseJSON.message});
                                                } else {
                                                    qsToast({type:2,context: '申请失败！'});
                                                }
                                            }
                                        });
                                    });
                                }
                                dialog.show();
                            }else {
                                qsToast({type:2,context: data.error});
                            }
                        },
                        error: function(error){
                            if(result.status == 500 || result.status == 400){
                                qsToast({type:2,context: result.responseJSON.message});
                            } else {
                                qsToast({type:2,context: '申请失败！'});
                            }
                        }
                    });
                }

            } else {
                window.location = "{{route($sub_site.'mobile.login')}}";

            }
        });
        /*// 分站筛选
        $('.m-sub-txt-group').on('click', function(){
            $('.m-sub-filter-page').toggle();
            $('.m-sub-filter-page-complex').toggle();
        });
        $('.msp-cancel-btn').on('click', function () {
            $('.m-sub-filter-page').toggle();
            $('.m-sub-filter-page-complex').toggle();
        });*/
    </script>
@endsection