spring_jkq.blade.php 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339
  1. @extends('module.layouts.content')
  2. @push('meta')
  3. @endpush
  4. @push('css')
  5. <link href="{{ theme_asset('app/css/common.css') }}" rel="stylesheet">
  6. <link href="{{theme_asset('app/css/jobfair/newjobfair.css')}}" rel="stylesheet"/>
  7. <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/company/company_ajax_dialog.css')}}"/>
  8. <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/common_ajax_dialog.css')}}"/>
  9. <link href="{{theme_asset('app/css/jobs/jobs.css')}}" rel="stylesheet"/>
  10. <link href="{{theme_asset('app/css/active/online2021.css')}}" rel="stylesheet"/>
  11. <style>
  12. body {background: url('{{theme_asset("app/images/online2021/bg_list.jpg")}}');}
  13. .header{width:100%;max-width: 1920px;min-width: 1200px;position: relative;z-index: 99;}
  14. .header img{width:100%;max-width:1920px;margin:0 auto;display:block;}
  15. .jobfair_detail_show {margin-top:0;}
  16. .newjobfair {position:relative;top:-150px;}
  17. </style>
  18. @endpush
  19. @push('js')
  20. @endpush
  21. @section('content')
  22. <div class="header">
  23. <img src="{{theme_asset('app/images/online2021/list_header_2023.png')}}?v=3">
  24. </div>
  25. <div class="newjobfair">
  26. <div class="online2021_title_left">
  27. 晋江经济开发区智能招聘长廊
  28. </div>
  29. <div class="online2021_ai">
  30. <div class="ai_left">
  31. <img src="{{theme_asset('mobile/images/online2021/jkq_header.jpg')}}" alt="">
  32. </div>
  33. <div class="ai_right">
  34. <p>晋江经济开发区(五里园)万业汇人力资源智能招聘长廊打破了以往招聘会不定期及不定点等局限性,将招聘会实行常态化运作,求职者只需携带个人资料,即可现场面试心仪岗位,同时结合企业赋码等数字化形式,以最小的活动场地及最少的人员参与实现招聘规模、招聘效益最大化。
  35. <br/><br/>地址:晋江经济开发区(五里园)万业汇人力资源智能招聘长廊(金童广场对面)</p>
  36. <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" rel="nofollow noopener noreferrer">查看地图</a>
  37. </div>
  38. </div>
  39. <div class="clear"></div>
  40. <div class="online2021_title_right mt20">
  41. 晋江聚才网网络招聘会
  42. </div>
  43. <div class="online2021_online onine2021_live">
  44. @foreach($live_list as $k => $v)
  45. <div class="news-list-item for-event {{$v['status']}}">
  46. <div class="news-info">
  47. <div class="thumbnail">
  48. <img src="{{$v['images']}}" border="0">
  49. </div>
  50. <div class="info">
  51. <div class="line-one substring"><span
  52. style="color:#000000;font-weight:bold;">{{$v['name']}}</span></div>
  53. <div class="line-two font12">
  54. <img src="{{theme_asset('mobile/images/online2021/icon_time.png')}}">{{$v['time']}}
  55. </div>
  56. <div class="line-two font12 substring"></div>
  57. <div class="line-two font9 font-red">
  58. (扫描求职交流微信群,红包礼品等你拿)
  59. </div>
  60. </div>
  61. <div class="clear"></div>
  62. </div>
  63. </div>
  64. @endforeach
  65. </div>
  66. <div class="clear"></div>
  67. <div class="online2021_title_left mt20">
  68. 新春线下招聘会
  69. </div>
  70. <div class="online2021_out">
  71. <div class="out_item">
  72. <p class="title">晋江市新春线下招聘会</p>
  73. <table border="1" style="width:90%;margin:0 auto 20px auto;" cellpadding="0" cellspacing="0">
  74. <tr>
  75. <th>场次</th>
  76. <th>时间</th>
  77. <th>地点</th>
  78. </tr>
  79. <tr>
  80. <td>经济开发区会场</td>
  81. <td>2月20日-22日(正月十一-十三)</td>
  82. <td>万益商业广场</td>
  83. </tr>
  84. </table>
  85. <div class="btn"><a href="https://mp.weixin.qq.com/s/7giJDCmXewgFRH7RLsv9Sw" target="_blank" rel="nofollow noopener noreferrer">了解详情</a></div>
  86. </div>
  87. <div class="out_item">
  88. <p class="title">晋江市企业赴省外招聘会</p>
  89. <table border="1" style="width:90%;margin:0 auto 20px auto;" cellpadding="0" cellspacing="0">
  90. <tr>
  91. <th>时间</th>
  92. <th>路线安排</th>
  93. </tr>
  94. <tr>
  95. <td>2024年1月8日</td>
  96. <td>贵州黔西、织金线</td>
  97. </tr>
  98. <tr>
  99. <td>2024年2月22日</td>
  100. <td>贵州习水县、桐梓县</td>
  101. </tr>
  102. <tr>
  103. <td>2024年2月20日</td>
  104. <td>贵州黔西、织金线</td>
  105. </tr>
  106. </table>
  107. <div class="btn"><a href="javascript:showWechat()">点击报名</a></div>
  108. </div>
  109. </div>
  110. <div class="online2021_title_right mt20">
  111. 抽奖活动说明
  112. </div>
  113. <div class="lottery_box">
  114. <div class="lottery_prize">
  115. <div class="prize_left">
  116. <img src="{{theme_asset('app/images/online2021/turntable.png')}}" alt="">
  117. </div>
  118. <div class="prize_right">
  119. <img class="prize_title" src="{{theme_asset('app/images/online2021/prize_title.png')}}" alt="">
  120. <div class="prize_table">
  121. <div class="prize_item_top">
  122. @foreach($prize as $k => $v)
  123. @if ($k < 5)
  124. <div class="prize_detail">
  125. <img src="{{ upload_asset($v->prize_image) }}" alt="">
  126. {{$v->prize_name}}
  127. </div>
  128. @endif
  129. @endforeach
  130. </div>
  131. <hr/>
  132. <div class="prize_item_bottom">
  133. @foreach($prize as $k => $v)
  134. @if ($k >= 5 && $k < 10)
  135. <div class="prize_detail">
  136. <img src="{{ upload_asset($v->prize_image) }}" alt="">
  137. {{$v->prize_name}}
  138. </div>
  139. @endif
  140. @endforeach
  141. </div>
  142. </div>
  143. </div>
  144. </div>
  145. <div class="clear"></div>
  146. <div class="prize_content">
  147. <p class="lottery_description">
  148. <span class="description_title">※一重礼(签到礼):</span>
  149. <span class="description_content">凭“折页”于2月20-2月22日(正月十一至正月十三)可到晋江经济开发区新春线下招聘会领取签到礼一份</span>
  150. </p>
  151. <p class="lottery_description">
  152. <span class="description_title">※二重礼(关注礼):</span>
  153. <span class="description_content">扫描二维码,关注公众号,即可参与线上(聚才网)转盘抽关注礼,100%中奖!</span>
  154. </p>
  155. <p class="lottery_description">
  156. <span class="description_title">※三重礼(积极礼):</span>
  157. <span class="description_content">参加晋江经济开发区新春线下招聘会,应聘5家及以上企业,凭企业签字即可领取应聘积极礼一份</span>
  158. </p>
  159. <p class="lottery_description">
  160. <span class="description_title">※四重礼(转盘礼):</span>
  161. <span class="description_content">应聘成功,经企业签字即可获得现场转盘礼,新春招聘会大转盘抽奖一次</span>
  162. </p>
  163. <p class="lottery_description">
  164. <span class="description_title">※五重礼(热心礼):</span>
  165. <span class="description_content">朋友圈/视频号/抖音号转发活动现场图片或视频,集满18个赞,即可获得热心礼一份</span>
  166. </p>
  167. <p class="lottery_description">
  168. <span class="description_title">※六重礼(游园礼):</span>
  169. <span class="description_content">消费万益广场任意一家门店(凭小票或消费记录),即可获得“游园礼”生活大礼包5件套</span>
  170. </p>
  171. <p class="lottery_description mt20">
  172. <span class="description_title black">领取方式:</span>
  173. <span class="description_content">上班期间,晋江经济开发区人才服务共享中心进行登记兑奖。</span>
  174. </p>
  175. <p class="lottery_description">
  176. <span class="description_content">图片仅供参考,礼品以最终实物为准。</span>
  177. </p>
  178. <p class="lottery_description">
  179. <span class="description_content">晋江聚才网客服热线:0595-88223456。</span>
  180. </p>
  181. <p class="lottery_description">
  182. <span class="description_content">经济开发区领奖热线:0595-85200580。</span>
  183. </p>
  184. </div>
  185. </div>
  186. <div class="online2021_title_left mt20">
  187. 企业招聘专区
  188. </div>
  189. <div class="jobfair_detail_show">
  190. <div class="tabs_show">
  191. <div class="tabs_show_item" id="join_com" style="display: block">
  192. @if(count($res))
  193. <div class="load_more_body">
  194. @foreach($res as $key=>$val)
  195. <div class="online2021_content">
  196. <h3 class="substring">{{ $val['companyname'] or '' }}</h3>
  197. <p class="online2021_line">
  198. <span class="line_left">招聘岗位</span>
  199. <span class="line_right more"><a href="{{route('jobs.company',['id'=>$val['id']])}}">更多>></a></span>
  200. </p>
  201. @for($i=0;$i<3;$i++)
  202. <p class="online2021_line">
  203. <span class="line_left">{{empty($val['jobs'][$i]) ? '' : $val['jobs'][$i]['jobs_name']}}</span>
  204. <span class="line_right">
  205. @if(!empty($val['jobs'][$i]))
  206. @if($val['jobs'][$i]['wage'] == '-1')
  207. 面议
  208. @else
  209. ¥{{$val['jobs'][$i]['wage_min']}}-{{$val['jobs'][$i]['wage_max']}}
  210. @endif
  211. @endif
  212. </span>
  213. </p>
  214. @endfor
  215. <p class="online2021_line end">
  216. @foreach($val['tag_arr'] as $tag)
  217. <span class="tag">{{$tag->demand}}</span>
  218. @endforeach
  219. </p>
  220. <a href="{{route('jobs.company',['id'=>$val['id']])}}">
  221. <div class="btn">
  222. <img src="{{theme_asset('mobile/images/online2021/bg_btn.png')}}" />
  223. 投递简历
  224. </div>
  225. </a>
  226. </div>
  227. @endforeach
  228. </div>
  229. @endif
  230. @if($more)
  231. <div class="load_more_footer">
  232. <span page="1" >加载更多</span>
  233. </div>
  234. @else
  235. <div class="load_more_footer">
  236. <span page="1" >-----没有更多了-----</span>
  237. </div>
  238. @endif
  239. </div>
  240. </div>
  241. </div>
  242. </div>
  243. @endsection
  244. @section('script')
  245. <script type="text/javascript" src="{{theme_asset('app/js/jquery.jobslist.js')}}"></script>
  246. <script type="text/javascript" src="{{theme_asset('app/js/jquery.highlight-3.js')}}"></script>
  247. <script type="text/javascript" src="{{theme_asset('app/js/jquery.autocomplete.js')}}"></script>
  248. <script src="{{theme_asset('statistics/js/layer/layer.js')}}"></script>
  249. <script>
  250. function showWechat() {
  251. var qsDialog = $(this).dialog({
  252. title: "微信扫码",
  253. backdrop: false
  254. });
  255. 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>';
  256. qsDialog.setContent(content);
  257. }
  258. $('.line-two .more').click(function () {
  259. var company = $(this).data('company').split(',');
  260. var str = '';
  261. for (var i = 0; i < company.length; i++) {
  262. str += '<p>' + company[i] + '</p>'; //分割后的字符输出
  263. }
  264. layer.alert(str,{
  265. title: '参会企业'
  266. });
  267. });
  268. @if($more)
  269. /**
  270. * 监听网页滚动事件
  271. */
  272. var f = true;
  273. $(window).on("scroll",function () {
  274. var isShow = $("#join_com").is(":visible");
  275. if($(".load_more_footer span").hasClass("end")){
  276. return false;
  277. }
  278. var h = document.documentElement.clientHeight || document.body.clientHeight;
  279. var sh = document.documentElement.scrollTop || document.body.scrollTop;
  280. var t1 = document.querySelector(".load_more_footer").offsetTop- sh;
  281. //可视区域
  282. if (t1 < h && isShow && f ) {
  283. s();
  284. }
  285. });
  286. var s = function () {
  287. var page = $(".load_more_footer span").attr('page');
  288. @if (array_has($params, 'citycategory'))
  289. var city = '{{array_get($params, 'citycategory')}}';
  290. @else
  291. var city = ''
  292. @endif
  293. $.ajax({
  294. type:"get",
  295. url:"{{ route('active.jobfair.spring_jkq') }}",
  296. data:{
  297. page:page,
  298. citycategory:city
  299. },
  300. beforeSend:function () {
  301. f = false;
  302. $(".load_more_footer span").html('正在加载').addClass("loading");
  303. },
  304. success:function (result) {
  305. if(result.status==1){
  306. $(".load_more_body").append(result.data);
  307. $(".load_more_footer span").attr('page',parseInt(page)+1);
  308. $(".load_more_footer span").html('加载更多').removeClass("loading");
  309. waterfall.init();
  310. }else {
  311. $(".load_more_footer span").html('-----没有更多了-----').removeClass("loading").addClass("end");
  312. }
  313. },
  314. complete:function () {
  315. f = true;
  316. }
  317. })
  318. }
  319. @endif
  320. </script>
  321. @endsection