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

@extends('mobile.module.layouts.ic')
@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('mobile/css/index.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('mobile/css/common.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('mobile/css/jobs.css') }}" rel="stylesheet">
    <style>
        .swiper-container, .swiper-container img {
            width: 100%;
        }

        .nav-list {
            display: grid;
            grid-template-columns: 1fr 1fr;
        }

        .nav-list .nav {
            width: 85%;
            margin: 10px auto;
            padding: 20px 0;
            text-align: center;
            border-radius: 10px;
            color: white;
            text-decoration: none;
        }

        .nav.purple {
            background: linear-gradient(135deg, #c850c0, #4158d0);
        }

        .nav.blue {
            background: linear-gradient(135deg, #a1c4fd, #c2e9fb);
        }

        .nav.red {
            background: linear-gradient(135deg, #ff9a9e, #fad0c4);
        }

        .nav.yellow {
            background: linear-gradient(135deg, #f6d365, #fda085);
        }

        .nav.green {
            background: linear-gradient(135deg, #a8e063, #56ab2f);
        }

        .nav.black {
            background: linear-gradient(135deg, #292a3a, #536976);
        }

        .module-title .module-title-nav {
            width: 33%;
        }
    </style>
    <link href="{{ theme_asset('app/css/swiper.min.css') }}" rel="stylesheet">
@endpush

@push('js')

@endpush

@section('content')
    {{--    头部--}}
    <div class="headernavfixed">
        <div class="headernav font18">
            <div class="title">
                <div class="n-tit-box">
                    集成电路
                </div>
            </div>
        </div>
    </div>
    {{--轮播图--}}
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="{{theme_asset('/mobile/images/ic/index_header.jpg')}}" alt="">
            </div>
        </div>
    </div>
    {{--    导航按钮--}}
    {{--    <div class="nav-list">--}}
    {{--        <a href="{{route('mobile.ic.jinjiang')}}" class="nav blue">认识晋江</a>--}}
    {{--        <a href="{{route('mobile.ic.hospital.index')}}" class="nav red">园区概况</a>--}}
    {{--        <a href="{{route('mobile.ic.recruit.list')}}" class="nav yellow">招聘列表</a>--}}
    {{--        <a href="{{route('mobile.ic.teach.index')}}" class="nav purple">宣讲会/招聘会报名</a>--}}
    {{--        <a href="https://rcmap.jucai.gov.cn/mobile/pages/policy/search" class="nav green">人才服务</a>--}}
    {{--        <a href="https://lw_test.jinjianghc.com/mobile/jfm/policy1.html?type=3" class="nav black">人才政策</a>--}}
    {{--    </div>--}}

    <!--新闻-->
    <div class="module" style="margin-top:0;">
        <div class="module-title font14">
            <a href="javascript:;" class="module-title-nav font14 active f-left" data-id="recruit">招聘列表</a>
            <a href="javascript:;" class="module-title-nav font14 f-left" data-id="emergency">人才政策</a>
            <a href="javascript:;" class="module-title-nav font14 f-left" data-id="teach">招聘会</a>
            <div class="clear"></div>
        </div>
        <div class="module-box" id="recruit">
            @foreach($recruit_list as $key => $val)
                <a href="{{route("mobile.ic.recruit.show", ["id"=>$val->id])}}">
                    <div class="job-list-item for-event">
                        <div class="info">
                            <div class="line-one">
                                <div class="job-name substring font16">
                                    {{$val->jobs_name}}
                                    @if($val->emergency==1)
                                        <img src="{{theme_asset('mobile/images/231.png')}}"/>
                                    @endif
                                </div>

                                <div class="refresh-time font12 font_red_light">{!! daterange(time(), $val->refresh_time, 'Y-m-d', "#FF3300") !!}</div>
                                <div class="clear"></div>
                            </div>
                            <div class="line-two font14">
                                <div class="salary">{{$val->wage_cn}}</div>
                                <div class="category font_gray6 substring">{{$val->category_cn}}</div>
                                <div class="clear"></div>
                            </div>
                            @if($val->tag_cn)
                                <div class="line-three fontag">
                                    @foreach($val->tag_cn as $k => $v)
                                        @if($k<=2)
                                            <div class="job-tag tg{{$k+1}}">{{$v}}</div>
                                        @endif
                                    @endforeach
                                    <div class="clear"></div>
                                </div>
                            @else
                                <div class="line-four font_gray6 font13">
                                    {{$val->education_cn}} / {{$val->experience_cn}} / 年龄{{$val->age_cn}}
                                </div>
                            @endif
                            <div class="apply-btn">申请</div>
                        </div>
                        <div class="company font13">
                            <div class="company-name font_gray6 substring">
                                {{$val->company_name}}
                            </div>
                            <div class="district font_gray6 substring">
                                {{$val->district_cn}}
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="list-split-block"></div>
                </a>
            @endforeach
            <div onclick="window.location='{{route("mobile.ic.recruit.list")}}';"
                 style="text-align:center;height:.8rem;line-height:.8rem;background:#fff;">查看更多
            </div>
        </div>
        <div class="mobile_index_news module-box" id="emergency" style="display: none;">
            <ul>
                <li>
                    <div onclick="window.location='https://rcmap.jucai.gov.cn/mobile/pages/policy/index';"
                         style="text-align:center;height:.8rem;line-height:.8rem;background:#fff;">人才政策计算器
                    </div>
                </li>
                @foreach($attract_list as $v)
                    <li>
                        @if(empty($v['is_url']))
                            <a href="{{route("mobile.ic.attract.show")}}?id={{$v['id']}}"
                               rel="nofollow noopener noreferrer"><b>&gt;</b>{{cut_str($v['title'], 15, 0, '...')}}<span
                                        class="jc_rt">{{date('Y-m-d',strtotime($v['created_at']))}}</span></a>
                        @else
                            <a href="{{$v['is_url']}}"
                               rel="nofollow noopener noreferrer"><b>&gt;</b>{{cut_str($v['title'], 15, 0, '...')}}<span
                                        class="jc_rt">{{date('Y-m-d',strtotime($v['created_at']))}}</span></a>
                        @endif
                    </li>
                @endforeach
                <li>
                    <div onclick="window.location='{{route("mobile.ic.attract.index")}}';"
                         style="text-align:center;height:.8rem;line-height:.8rem;background:#fff;">查看更多人才政策
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!--新闻 end-->
@endsection

@section('script')
    {{--    <script type="text/javascript" src="{{theme_asset('app/js/swiper.min.js')}}"></script>--}}
    <script>

        //    初始化SWiper
        // var mySwiper = new Swiper('.swiper-container',{
        //     autoplay:3000,
        // });
        $('.module-title-nav').click(function () {
            let id = $(this).data('id');
            if (id == "teach") {
                location.href = "{{route("mobile.ic.teach.list")}}";
            } else {
                $('.module-title-nav').removeClass('active');
                $(this).addClass('active');
                $('.module-box').hide();
                $('#' + id).show();
            }
        });
    </script>
@endsection