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

@extends('jkq.module.layouts.main_index')

@push('meta')
@endpush

@push('css')
    <link rel="stylesheet" type="text/css" href="{{theme_asset('app/css/jkq/index.css')}}">
@endpush

@section('content')
    <div class="left_arrows"></div>
    <div id="app">
        {{--搜索 START--}}
        <div class="index_search">
            <div class="index_search_box body_box">
                <div class="search_input">
                    <input v-model="search_value">
                    <el-button type="warning" @click="search">搜 索</el-button>
                    <p>实时预约 · 安全便捷 · 一网通办</p>
                </div>
            </div>
        </div>
        {{--搜索 END--}}

        {{--预约界面 START--}}
        <div class="appoint body_box">
            <el-row>
                <el-col :span="12">
                    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAmCAYAAABH/4KQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVCNDAzMzFDOUI0OTExRUE5MTI5OEZEMDcxQzIxODkxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVCNDAzMzFEOUI0OTExRUE5MTI5OEZEMDcxQzIxODkxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUI0MDMzMUE5QjQ5MTFFQTkxMjk4RkQwNzFDMjE4OTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUI0MDMzMUI5QjQ5MTFFQTkxMjk4RkQwNzFDMjE4OTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7YvHxdAAAEVklEQVR42sSYbWiWVRjH7/vZPTfn25w5nVnmZiNmGEagaYpiL8MPEviCX/xS4TeDQtEvhX6ojxkRQRREFkKQBSkJainMlQsh8x1fl8ZM07k5HW5uPv6u8X/i+LR798ujTxf8Pjwv55zrXNc518vxs9msl1B8GAtT4Emog8kwFcbAJWiF83AKzkIb3E66UOAlF1PsOZgHz0jJSVAFGeiFv+EvOA0t8Ascg75EK5nlYlIFq2Ef9Gb/K93QCXcG+e0CfAZzoCTumn5Mty6BtTBX1rkDB6FJFjG3dUA/DIfx8AQ8CwvgMR2HK7AVNsOFQi1XDpvgpixwDb6GJTA+xu6HwVPwFhyAPs3TAgvAH2r8UBNPhG2Oa3bDy1rQS8Ek2ABtmu8qrIIgqXI1sEOT2Bl6D8amVCqfebBfc5tHXoPSuMpVyHVZueHNCGvZxCMgk0DBetilNdrh1cHGDzbwXejRwDVhuxKBztP3OkNJLFinm29yGJ6OUm4hXNSAzTAyYoFqHXSTd3SBkrr4vMZ/kr9exrm4I2CNov0B+BBuRl124SnAJk03TQort2A1vKiQMyCucosU9U0+gj/jxHC46xUmW2AvlMBSZaB/lauEcgXaR2AX7POKJxa8v4EbsAxmwUSYYLm1Xqacoz9vVyQvpuyHw/ACzJexek25GTBKibtN562/yMq1at3nZSSrbrpMuZlQA+Pkzjbv/5ET0A3ToQyum3LToFblU6v+kEb8ApU7p3Nn534k9NiFqFbV4KkO60mpVG+KUOLKVSnnube1XGb09GPa89ZXoHJdTly1sJIJCnRNrrYzWamza9+VDlF174adsnSYFwaCe6AzZlTolgQhA8OCcK43mCWixIrQZrnRldE6a7nAPqDcJbm2QTsvS3AprsHniosZudYPcW+g738MSYvVMs59ljsjf0/TrqzMvh5TOdvht7Atxnnz83JxvtQq3nYqa9wIFJlHqdZvUDeVJNZlY16EqP806GhZMD5q1jVXHFJ10G75DGaHHOiHKfXKDqbPr/CT6ZRRb3kEfnY6reoiKzdfmaFdFUrzQHfnFHeNcFmF3+tRndEDZALs0brW244erBK2Knar/nQIaouk3AY15F0ykB9Wps92ymbbReVDVmyR460P1CgN2eCshVsasK6APjVOB9aidX7T58juyzqqL5xmen2KxiUK67SaNP8/8FKSpnqM0+3fhY/VaT0IxRbDQc1tDz/Lw3reqFelLc77RjMshbKUSk2F9+GK5rssxUrSvJXkXGznrsPpzr+DFXr7iAo3tpEZsBF+dza6F+ZGjY/7BLYQ3oZXlD269Wppz2AnVaR2KtcOUzX7uB4XrQ14VNHf2s0v4dM4KdJP8Oxq5UwjvKHSqNL5rV91XVbVR5BXIV+EH+Ar+CNur+uneBMu1bNrozqlOqW7Cqfy6NDj4HHlyZ1pGqc0yuXK6Brlw+l6rK7S932qEY+p4jmtkiyx3BNgAGLmAOa5TEGtAAAAAElFTkSuQmCC" alt="">
                    居住证办理数：{{ $jkq_order['jkq_residence_permit_order']->value }}人
                </el-col>
                <el-col :span="12">
                    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAmCAYAAABH/4KQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVCNDAzMzFDOUI0OTExRUE5MTI5OEZEMDcxQzIxODkxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVCNDAzMzFEOUI0OTExRUE5MTI5OEZEMDcxQzIxODkxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUI0MDMzMUE5QjQ5MTFFQTkxMjk4RkQwNzFDMjE4OTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUI0MDMzMUI5QjQ5MTFFQTkxMjk4RkQwNzFDMjE4OTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7YvHxdAAAEVklEQVR42sSYbWiWVRjH7/vZPTfn25w5nVnmZiNmGEagaYpiL8MPEviCX/xS4TeDQtEvhX6ojxkRQRREFkKQBSkJainMlQsh8x1fl8ZM07k5HW5uPv6u8X/i+LR798ujTxf8Pjwv55zrXNc518vxs9msl1B8GAtT4Emog8kwFcbAJWiF83AKzkIb3E66UOAlF1PsOZgHz0jJSVAFGeiFv+EvOA0t8Ascg75EK5nlYlIFq2Ef9Gb/K93QCXcG+e0CfAZzoCTumn5Mty6BtTBX1rkDB6FJFjG3dUA/DIfx8AQ8CwvgMR2HK7AVNsOFQi1XDpvgpixwDb6GJTA+xu6HwVPwFhyAPs3TAgvAH2r8UBNPhG2Oa3bDy1rQS8Ek2ABtmu8qrIIgqXI1sEOT2Bl6D8amVCqfebBfc5tHXoPSuMpVyHVZueHNCGvZxCMgk0DBetilNdrh1cHGDzbwXejRwDVhuxKBztP3OkNJLFinm29yGJ6OUm4hXNSAzTAyYoFqHXSTd3SBkrr4vMZ/kr9exrm4I2CNov0B+BBuRl124SnAJk03TQort2A1vKiQMyCucosU9U0+gj/jxHC46xUmW2AvlMBSZaB/lauEcgXaR2AX7POKJxa8v4EbsAxmwUSYYLm1Xqacoz9vVyQvpuyHw/ACzJexek25GTBKibtN562/yMq1at3nZSSrbrpMuZlQA+Pkzjbv/5ET0A3ToQyum3LToFblU6v+kEb8ApU7p3Nn534k9NiFqFbV4KkO60mpVG+KUOLKVSnnube1XGb09GPa89ZXoHJdTly1sJIJCnRNrrYzWamza9+VDlF174adsnSYFwaCe6AzZlTolgQhA8OCcK43mCWixIrQZrnRldE6a7nAPqDcJbm2QTsvS3AprsHniosZudYPcW+g738MSYvVMs59ljsjf0/TrqzMvh5TOdvht7Atxnnz83JxvtQq3nYqa9wIFJlHqdZvUDeVJNZlY16EqP806GhZMD5q1jVXHFJ10G75DGaHHOiHKfXKDqbPr/CT6ZRRb3kEfnY6reoiKzdfmaFdFUrzQHfnFHeNcFmF3+tRndEDZALs0brW244erBK2Knar/nQIaouk3AY15F0ykB9Wps92ymbbReVDVmyR460P1CgN2eCshVsasK6APjVOB9aidX7T58juyzqqL5xmen2KxiUK67SaNP8/8FKSpnqM0+3fhY/VaT0IxRbDQc1tDz/Lw3reqFelLc77RjMshbKUSk2F9+GK5rssxUrSvJXkXGznrsPpzr+DFXr7iAo3tpEZsBF+dza6F+ZGjY/7BLYQ3oZXlD269Wppz2AnVaR2KtcOUzX7uB4XrQ14VNHf2s0v4dM4KdJP8Oxq5UwjvKHSqNL5rV91XVbVR5BXIV+EH+Ar+CNur+uneBMu1bNrozqlOqW7Cqfy6NDj4HHlyZ1pGqc0yuXK6Brlw+l6rK7S932qEY+p4jmtkiyx3BNgAGLmAOa5TEGtAAAAAElFTkSuQmCC" alt="">
                    积分优待办理人数：{{ $jkq_order['jkq_integral_order']->value }}人
                </el-col>
            </el-row>
        </div>
        {{--预约界面 END--}}

        {{--轮播图 START--}}
        <div class="picScroll-left body_box mt20">
            <div class="bd">
                <a class="next"></a>
                <a class="prev"></a>
                <div class="tempWrap" style="overflow:hidden; position:relative;width:1160px;left:20px;">
                    <ul class="picList">
                        @foreach($ad_list as $ad)
                            <li>
                                <div class="pic">
                                    <a href="{{$ad->url ?: 'javascript:void(0)'}}" target="{{$ad->url ? '_blank' : ''}}">
                                        <img src="{{upload_asset($ad->content)}}">
                                    </a>
                                </div>
                            </li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
        {{--轮播图 END--}}

        {{--最新政策 START--}}
        <div class="jkq_title body_box mt20">
            <div>最新政策</div>
        </div>
        <div class="policy body_box mt20">
            <el-row :gutter="30">
                @foreach($article_list as $article)
                    <el-col :span="14"><a href="{{route('jkq.news.show',['id'=>$article->id])}}">· {{$article->title}}</a></el-col>
                    <el-col :span="5" :offset="5" class="time">{{date('Y-m-d',strtotime($article->created_at))}}</el-col>
                @endforeach
            </el-row>
        </div>
        <div class="show_more body_box mt20">
            <a href="{{route('jkq.new')}}">查看更多</a>
        </div>
        {{--最新政策 END--}}

        {{--名企招聘 START--}}
        <div class="jkq_title body_box mt30">
            <div>名企招聘</div>
        </div>
        <img class="enterprise_poster body_box mt20" src="{{theme_asset('app/images/jkq/index_poster.jpg')}}" alt="">
        <div class="body_box enterprise_category mt30" v-if="enterprise_category_real.length > 0">
            <template v-for="(value,index) in enterprise_category_real" v-key="index">
                <span :class="enterprise_index == value.index ? 'on' : ''" @click="select_enterprise(value.index)"><a href="javascript:void(0)">@{{ value.name }}</a></span>
                <el-divider v-if="index + 1 != enterprise_category_real.length" direction="vertical"></el-divider>
            </template>
        </div>
        <div class="enterprise_list body_box mt10" v-if="enterprise_category_real.length > 0">
            <el-row :gutter="30">
                <el-col v-for="(value,index) in enterprise_list[enterprise_index]" v-key="index" class="mt20" :span="12">
                    <el-card class="box-card">
                        <el-row>
                            <el-col :span="7">
                                <el-image
                                    style="width: 135px;height:135px;"
                                    :src="value.logo"></el-image>

                            </el-col>
                            <el-col class="enterprise_information" :span="17">
                                <h2 class="nowrap"><a :href="'/jkq/content/jobs/company?id='+value.id">@{{value.companyname}}</a></h2>
                                <p v-if="value.jobs.length == 0">暂无职位</p>
                                <p>
                                    <a :href="'/jkq/content/jobs/show?id='+value.jobs[0].id" v-if="value.jobs[0]">@{{ value.jobs[0].jobs_name }}(@{{ value.jobs[0].amount }})</a>
                                    &nbsp;&nbsp;<a :href="'/jkq/content/jobs/show?id='+value.jobs[1].id" v-if="value.jobs[1]">@{{ value.jobs[1].jobs_name }}(@{{ value.jobs[1].amount }})</a>
                                </p>
                                <p>
                                    <a :href="'/jkq/content/jobs/show?id='+value.jobs[2].id" v-if="value.jobs[2]">@{{ value.jobs[2].jobs_name }}(@{{ value.jobs[2].amount }})</a>
                                    &nbsp;&nbsp;<a :href="'/jkq/content/jobs/show?id='+value.jobs[3].id" v-if="value.jobs[3]">@{{ value.jobs[3].jobs_name }}(@{{ value.jobs[3].amount }})</a>
                                </p>
                            </el-col>
                        </el-row>
                    </el-card>
                </el-col>
            </el-row>
        </div>
        <div class="show_more body_box mt40">
            <a href="{{route('jkq.jobs')}}">查看更多</a>
        </div>
        {{--名企招聘 END--}}

        {{--通办服务 START--}}
        <div class="jkq_title body_box mt30">
            <div>通办服务</div>
        </div>
        <div class="body_box mt10 index_service">
            <el-row>
                <el-col :span="8">
                    <el-image src="{{theme_asset('app/images/jkq/service_1.jpg')}}"></el-image>
                </el-col>
                <el-col :span="8" class="align_center">
                    <el-image src="{{theme_asset('app/images/jkq/service_2.jpg')}}"></el-image>
                </el-col>
                <el-col :span="8" class="align_right">
                    <el-image src="{{theme_asset('app/images/jkq/service_3.jpg')}}"></el-image>
                </el-col>
                <el-col :span="8">
                    <el-image src="{{theme_asset('app/images/jkq/service_4.jpg')}}"></el-image>
                </el-col>
                <el-col :span="8" class="align_center">
                    <el-image src="{{theme_asset('app/images/jkq/service_5.jpg')}}"></el-image>
                </el-col>
                <el-col :span="8" class="align_right">
                    <el-image src="{{theme_asset('app/images/jkq/service_6.jpg')}}"></el-image>
                </el-col>
            </el-row>
        </div>
        {{--通办服务 END--}}

    </div>
@endsection

@push('js')
    <script type="text/javascript" src="{{theme_asset('jquery/jquery.SuperSlide.2.1.1.js')}}"></script>
@endpush

@section('script')
    <script>
        var vm = new Vue({
            el: '#app',
            data: {
                search_value:'',
                enterprise_category:[{
                    id:1,
                    name:"纺织服装",
                },{
                    id:2,
                    name:"制鞋",
                },{
                    id:3,
                    name:"陶瓷建材",
                },{
                    id:4,
                    name:"食品饮料",
                },{
                    id:5,
                    name:"纸制品及包装印刷",
                },{
                    id:6,
                    name:"其他",
                }],
                enterprise_index:0,
                enterprise_list:{!! $seatmeal_companies !!}
            },
            created(){
                for (var i = 0; i < this.enterprise_category.length; i++) {
                    if (this.enterprise_list[i].length > 0) {
                        this.enterprise_index = i;
                        return false;
                    }
                }
            },
            methods: {
                search(){
                    location.href = "{{route('jkq.jobs')}}?key=" + this.search_value;
                },
                select_enterprise(index) {
                    this.enterprise_index = index;
                }
            },
            computed: {
                enterprise_category_real () {
                    const list = [];
                    this.enterprise_category.forEach((value,key)=>{
                        if (this.enterprise_list[key].length > 0) {
                            value.index = key;
                            list.push(value);
                        }
                    });
                    return list;
                }
            }
        })
        jQuery(".picScroll-left").slide({
            titCell: ".hd ul",
            mainCell: ".bd ul",
            autoPage: true,
            effect: "left",
            autoPlay: true,
            vis: 4
        });
    </script>
@endsection