@extends('module.layouts.content')

@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('app/css/common.css') }}" rel="stylesheet">
    <link href="{{theme_asset('app/css/jobfair/newjobfair.css')}}" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/company/company_ajax_dialog.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/common_ajax_dialog.css')}}"/>
    <link href="{{theme_asset('app/css/jobs/jobs.css')}}" rel="stylesheet"/>
    <link href="{{theme_asset('app/css/active/online2021.css')}}" rel="stylesheet"/>
    <style>
        body {background: url('{{theme_asset("app/images/online2021/bg_list.jpg")}}');}
        .header{width:100%;max-width: 1920px;min-width: 1200px;position: relative;z-index: 99;}
        .header img{width:100%;max-width:1920px;margin:0 auto;display:block;}
        .jobfair_detail_show {margin-top:0;}
        .newjobfair {position:relative;top:-150px;}
    </style>
@endpush

@push('js')

@endpush

@section('content')
    <div class="header">
        <img src="{{theme_asset('app/images/online2021/list_header.png')}}?v=2">
    </div>
    <div class="newjobfair">
        <div class="online2021_title_left">
            晋江经济开发区智能招聘长廊
        </div>
        <div class="online2021_ai">
            <div class="ai_left">
                <img src="{{theme_asset('mobile/images/online2021/jkq_header.jpg')}}" alt="">
            </div>
            <div class="ai_right">
                <p>晋江经济开发区（五里园）万业汇人力资源智能招聘长廊打破了以往招聘会不定期及不定点等局限性，将招聘会实行常态化运作，求职者只需携带个人资料，即可现场面试心仪岗位，同时结合企业赋码等数字化形式，以最小的活动场地及最少的人员参与实现招聘规模、招聘效益最大化。
                    <br/><br/>地址：晋江经济开发区（五里园）万业汇人力资源智能招聘长廊（金童广场对面）</p>
                <a class="show_map" href="https://map.baidu.com/search/%E9%87%91%E7%AB%A5%E4%BA%94%E9%87%8C%E5%B9%BF%E5%9C%BA/@13195963.805141559,2827032.284505,19z?querytype=s&da_src=shareurl&wd=%E9%87%91%E7%AB%A5%E4%BA%94%E9%87%8C%E5%B9%BF%E5%9C%BA&c=134&src=0&wd2=%E6%B3%89%E5%B7%9E%E5%B8%82%E6%99%8B%E6%B1%9F%E5%B8%82&pn=0&sug=1&l=13&b=(13172685,2825130;13234125,2854602)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&sug_forward=bf1b5e927caa7dc209b93aa1&device_ratio=1" target="_blank">查看地图</a>
            </div>
        </div>
        <div class="clear"></div>

        <div class="online2021_title_right mt20">
            晋江聚才网网络招聘会
        </div>
        <div class="online2021_online onine2021_live">
            @foreach($live_list as $k => $v)
                <div class="news-list-item for-event {{$v['status']}}">
                    <div class="news-info">
                        <div class="thumbnail">
                            <img src="{{$v['images']}}" border="0">
                        </div>
                        <div class="info">
                            <div class="line-one substring"><span
                                        style="color:#000000;font-weight:bold;">{{$v['name']}}</span></div>
                            <div class="line-two font12">
                                <img src="{{theme_asset('mobile/images/online2021/icon_time.png')}}">{{$v['time']}}
                            </div>
                            <div class="line-two font12 substring"></div>
                            <div class="line-two font9 font-red">
                                (扫描求职交流微信群，红包礼品等你拿)
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
            @endforeach
        </div>
        <div class="clear"></div>

        <div class="online2021_title_left mt20">
            新春线下招聘会
        </div>
        <div class="online2021_out">
            <div class="out_item">
                <p class="title">晋江市新春线下招聘会</p>
                <table border="1" style="width:90%;margin:0 auto 20px auto;" cellpadding="0" cellspacing="0">
                    <tr>
                        <th>场次</th>
                        <th>时间</th>
                        <th>地点</th>
                    </tr>
                    <tr>
                        <td>综合性人才专场</td>
                        <td>2月8日-10日（正月初八-初十）09:00-17:00</td>
                        <td>晋江经济开发区五里万业汇商业广场（中源路）</td>
                    </tr>
                    <tr>
                        <td>综合性人才专场</td>
                        <td>2月8日（正月初八）09:00-12:00</td>
                        <td>晋江市和平广场海峡青年人才社区</td>
                    </tr>
                    <tr>
                        <td>毕业生专场</td>
                        <td>2月11日（正月十一）14:00-17:00</td>
                        <td>晋江市和平广场海峡共享空间一楼</td>
                    </tr>
                    <tr>
                        <td>人力行政、财会电商专场</td>
                        <td>2月12日（正月十二）14:00-17:00</td>
                        <td>晋江市和平广场海峡共享空间一楼</td>
                    </tr>
                    <tr>
                        <td>综合性人才专场</td>
                        <td>2月15日（正月十五）14:00-17:00</td>
                        <td>晋江市宝龙广场一楼中庭</td>
                    </tr>
                    <tr>
                        <td>互联网+工业制造企业专场</td>
                        <td>2月18日（正月十八）14:00-17:00</td>
                        <td>晋江市阳光广场</td>
                    </tr>
                </table>
                <div class="btn"><a href="https://mp.weixin.qq.com/s/p-bKrqC_BZckt0EJ2w0RLQ" target="_blank">了解详情</a></div>
            </div>
            <div class="out_item">
                <p class="title">晋江市企业赴省外招聘会</p>
                <table border="1" style="width:90%;margin:0 auto 20px auto;" cellpadding="0" cellspacing="0">
                    <tr>
                        <th>时间</th>
                        <th>路线安排</th>
                    </tr>
                    <tr>
                        <td>2022年2月8日</td>
                        <td>贵州关岭、晴隆劳务协作</td>
                    </tr>
                    <tr>
                        <td>2022年2月10日</td>
                        <td>贵州习水、绥阳劳务协作</td>
                    </tr>
                    <tr>
                        <td>2022年2月份</td>
                        <td>云南保山市劳务协作</td>
                    </tr>
                    <tr>
                        <td>2022年2月份</td>
                        <td>云南红河州劳务协作</td>
                    </tr>
                </table>
                <div class="btn"><a href="javascript:showWechat()">点击报名</a></div>
            </div>
        </div>

        <div class="online2021_title_right mt20">
            抽奖活动说明
        </div>
        <div class="lottery_box">
            <div class="lottery_prize">
                <div class="prize_left">
                    <img src="{{theme_asset('app/images/online2021/turntable.png')}}" alt="">
                </div>
                <div class="prize_right">
                    <img class="prize_title" src="{{theme_asset('app/images/online2021/prize_title.png')}}" alt="">
                    <div class="prize_table">
                        <div class="prize_item_top">
                            @foreach($prize as $k => $v)
                                @if ($k < 5)
                                    <div class="prize_detail">
                                        <img src="{{ upload_asset($v->prize_image) }}" alt="">
                                        {{$v->prize_name}}
                                    </div>
                                @endif
                            @endforeach
                        </div>
                        <hr/>
                        <div class="prize_item_bottom">
                            @foreach($prize as $k => $v)
                                @if ($k >= 5 && $k < 10)
                                    <div class="prize_detail">
                                        <img src="{{ upload_asset($v->prize_image) }}" alt="">
                                        {{$v->prize_name}}
                                    </div>
                                @endif
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
            <div class="prize_content">
                <p class="lottery_description">
                    <span class="description_title">一重礼·入群欢迎礼：</span>
                    <span class="description_content">活动期间，扫描直播专区二维码进入求职交流群，即可获得抽奖机会一次，100%中奖；</span>
                </p>
                <p class="lottery_description">
                    <span class="description_title">二重礼·求职响应礼：</span>
                    <span class="description_content">活动期间，在2022年晋江市新春公益线上招聘会投递简历，获得活动抽奖次数一次；</span>
                </p>
                <p class="lottery_description">
                    <span class="description_title">三重礼·应聘成功礼：</span>
                    <span class="description_content">活动期间，登录晋江聚才网参加云上招聘活动应聘成功，获得活动抽奖次数一次；</span>
                </p>
                <p class="lottery_description">
                    <span class="description_title">四重礼·有福同享礼：</span>
                    <span class="description_content">在晋江聚才网网络直播招聘会期间，邀请好友参加活动前三名获得好礼一份，前二十名获得活动抽奖次数1次；</span>
                </p>
                <p class="lottery_description">
                    <span class="description_title">五重礼·直播红包雨：</span>
                    <span class="description_content">在晋江聚才网网络直播招聘会期间，不定时将有红包雨发放；</span>
                </p>
                <p class="lottery_description">
                    <span class="description_title">六重礼·线下招聘会参与礼：</span>
                    <span class="description_content">2月8日-10日（正月初八至初十），参加晋江经济开发区线下招聘会，凭此页面可在现场“兑奖区”领取参与礼一份。</span>
                </p>
                <p class="lottery_description mt20">
                    <span class="description_title black">领取方式：</span>
                    <span class="description_content">上班期间，晋江经济开发区人才服务共享中心进行登记兑奖。</span>
                </p>
                <p class="lottery_description">
                    <span class="description_content">图片仅供参考，礼品以最终实物为准。</span>
                </p>
                <p class="lottery_description">
                    <span class="description_content">晋江聚才网客服热线：0595-88223456。</span>
                </p>
                <p class="lottery_description">
                    <span class="description_content">经济开发区领奖热线：0595-85200580。</span>
                </p>
            </div>
        </div>

        <div class="online2021_title_left mt20">
            企业招聘专区
        </div>
        <div class="jobfair_detail_show">
            <div class="tabs_show">
                <div class="tabs_show_item" id="join_com" style="display: block">
                    @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('jobs.company',['id'=>$val['id']])}}">更多>></a></span>
                                    </p>
                                    @for($i=0;$i<3;$i++)
                                        <p class="online2021_line">
                                            <span class="line_left">{{empty($val['jobs'][$i]) ? '' : $val['jobs'][$i]['jobs_name']}}</span>
                                            <span class="line_right">
                                                @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('jobs.company',['id'=>$val['id']])}}">
                                        <div class="btn">
                                            <img src="{{theme_asset('mobile/images/online2021/bg_btn.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>
        </div>



    </div>
@endsection
@section('script')
    <script type="text/javascript" src="{{theme_asset('app/js/jquery.jobslist.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/jquery.highlight-3.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/jquery.autocomplete.js')}}"></script>
    <script src="{{theme_asset('statistics/js/layer/layer.js')}}"></script>
    <script>
        function showWechat() {
            var qsDialog = $(this).dialog({
                title: "微信扫码",
                backdrop: false
            });
            var content='<img style="width:50%;display:block;margin:0 auto;" src="{{theme_asset('app/images/online2021/province_out.jpg')}}"/><p style="text-align:center;font-size:22px;color:#EC0C00;">添加微信好友报名参加赴省外招聘活动</p>';
            qsDialog.setContent(content);
        }

        $('.line-two .more').click(function () {
            var company = $(this).data('company').split(',');
            var str = '';
            for (var i = 0; i < company.length; i++) {
                str += '<p>' + company[i] + '</p>'; //分割后的字符输出
            }
            layer.alert(str,{
                title: '参会企业'
            });
        });

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


        $(window).on("scroll",function () {
            var isShow = $("#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');
            @if (array_has($params, 'citycategory'))
                var city = '{{array_get($params, 'citycategory')}}';
            @else
                var city = ''
            @endif
            $.ajax({
                type:"get",
                url:"{{ route('active.jobfair.spring_jkq') }}",
                data:{
                    page:page,
                    citycategory:city
                },
                beforeSend:function () {
                    f = false;
                    $(".load_more_footer span").html('正在加载').addClass("loading");
                },
                success:function (result) {
                    if(result.status==1){
                        $(".load_more_body").append(result.data);
                        $(".load_more_footer span").attr('page',parseInt(page)+1);
                        $(".load_more_footer span").html('加载更多').removeClass("loading");
                        waterfall.init();
                    }else {
                        $(".load_more_footer span").html('-----没有更多了-----').removeClass("loading").addClass("end");
                    }
                },
                complete:function () {
                    f = true;
                }
            })
        }
        @endif

    </script>
@endsection