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

@extends('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="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('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('new')}}">查看更多</a>
        </div>
        {{--最新政策 END--}}

        {{--名企招聘 START--}}
        <div class="jkq_title body_box mt30">
            <div>名企招聘</div>
        </div>
        <div class="enterprise_list body_box mt10">
            <el-row :gutter="30">
                <el-col v-for="(value,index) in enterprise_list" 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="'/content/jobs/company?id='+value.id">@{{value.companyname}}</a></h2>
                                <p v-if="value.jobs.length == 0">暂无职位</p>
                                <div v-else>
                                    <p>
                                        <a :href="'/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="'/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="'/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="'/content/jobs/show?id='+value.jobs[3].id" v-if="value.jobs[3]">@{{ value.jobs[3].jobs_name }}(@{{ value.jobs[3].amount }})</a>
                                    </p>
                                </div>

                            </el-col>
                        </el-row>
                    </el-card>
                </el-col>
            </el-row>
        </div>
        <div class="show_more body_box mt40">
            <a href="{{route('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_list:{!! $seatmeal_companies !!}
            },
            created(){

            },
            methods: {
                search(){
                    location.href = "{{route('jobs')}}?key=" + this.search_value;
                },
                select_enterprise(index) {
                    //this.enterprise_index = index;
                }
            },
            computed: {

            }
        })
    </script>
    <script>

        jQuery(".picScroll-left").slide({
            titCell: ".hd ul",
            mainCell: ".bd ul",
            autoPage: true,
            effect: "left",
            autoPlay: true,
            vis: 4
        });
    </script>
@endsection