jucai/public/themes/default/views/app/active/online2021_jkq.blade.php

@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')}}">
    </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">
                                <span class="more" data-company="{{$v['company']}}">更多</span>
                                <img src="{{theme_asset('mobile/images/online2021/icon_company.png')}}">参会企业：{{$v['company']}}
                            </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>
                <p class="content">新年新气象，新年新希望，为持续做好就业服务保障工作，助力企业发展，促进劳动者就业创业，现定于2月18日-2月28日举办“牛转薪机”2021年晋江市新春线下招聘会。此次招聘会将分为10个分会场，组织200家企业参加，共提供1500个岗位，招聘3000人。</p>
                <div class="btn" style="margin-top:20px;"><a href="https://mp.weixin.qq.com/s/yX4FLywTCdH8JEhxVogJZQ" 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>
                        <th>为期</th>
                    </tr>
                    <tr>
                        <td>正月初九(以对方招聘会为准)</td>
                        <td>云南省昆明市、保山市</td>
                        <td>七天</td>
                    </tr>
                    <tr>
                        <td>正月十一(以对方招聘会为准)</td>
                        <td>贵州省黔西南州、遵义市</td>
                        <td>七天</td>
                    </tr>
                    <tr>
                        <td>正月十六(以对方招聘会为准)</td>
                        <td>河南省郑州市、洛阳市、云南省梁河县</td>
                        <td>五天</td>
                    </tr>
                    <tr>
                        <td>正月二十三(以对方招聘会为准)</td>
                        <td>四川省成都市、广安市、巴中市</td>
                        <td>七天</td>
                    </tr>
                    <tr>
                        <td>以对方招聘会为准</td>
                        <td>甘肃省兰州市、武威市</td>
                        <td>五天</td>
                    </tr>
                </table>
                <div class="btn"><a href="https://mp.weixin.qq.com/s/yX4FLywTCdH8JEhxVogJZQ" target="_blank">了解详情</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">活动期间，在2021年晋江市新春公益线上招聘会投递简历，获得活动抽奖次数一次；</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">在晋江聚才网网络直播招聘会期间，邀请好友参加活动前三名获得好太太养生壶一套，前二十名获得活动抽奖次数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">活动期间，到晋江经济开发区智能招聘长廊应聘工作，根据工作人员指引即可获得活动抽奖次数1次。</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>
        $('.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.online2021') }}",
                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