spring_jkq.blade.php 16 KB

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