spring_jkq.blade.php 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341
  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_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. <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年1月8日</td>
  94. <td>贵州黔西、织金线</td>
  95. </tr>
  96. <tr>
  97. <td>2024年2月22日</td>
  98. <td>贵州习水县、桐梓县</td>
  99. </tr>
  100. <tr>
  101. <td>2024年2月20日</td>
  102. <td>贵州黔西、织金线</td>
  103. </tr>
  104. </table>
  105. <div class="btn"><a href="javascript:showWechat()">点击报名</a></div>
  106. </div>
  107. </div>
  108. <div class="online2021_title_right mt20">
  109. 抽奖活动说明
  110. </div>
  111. <div class="lottery_box">
  112. <div class="lottery_prize">
  113. <div class="prize_left">
  114. <img src="{{theme_asset('app/images/online2021/turntable.png')}}" alt="">
  115. </div>
  116. <div class="prize_right">
  117. <img class="prize_title" src="{{theme_asset('app/images/online2021/prize_title.png')}}" alt="">
  118. <div class="prize_table">
  119. <div class="prize_item_top">
  120. @foreach($prize as $k => $v)
  121. @if ($k < 5)
  122. <div class="prize_detail">
  123. <img src="{{ upload_asset($v->prize_image) }}" alt="">
  124. {{$v->prize_name}}
  125. </div>
  126. @endif
  127. @endforeach
  128. </div>
  129. <hr/>
  130. <div class="prize_item_bottom">
  131. @foreach($prize as $k => $v)
  132. @if ($k >= 5 && $k < 10)
  133. <div class="prize_detail">
  134. <img src="{{ upload_asset($v->prize_image) }}" alt="">
  135. {{$v->prize_name}}
  136. </div>
  137. @endif
  138. @endforeach
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. <div class="clear"></div>
  144. <div class="prize_content">
  145. <p class="lottery_description">
  146. <span class="description_title">※一重礼(签到礼):</span>
  147. <span class="description_content">凭“折页”于2月20-2月22日(正月十一至正月十三)可到晋江经济开发区新春线下招聘会领取签到礼一份</span>
  148. </p>
  149. <p class="lottery_description">
  150. <span class="description_title">※二重礼(关注礼):</span>
  151. <span class="description_content">扫描二维码,关注公众号,即可参与线上(聚才网)转盘抽关注礼,100%中奖!</span>
  152. </p>
  153. <p class="lottery_description">
  154. <span class="description_title">※三重礼(积极礼):</span>
  155. <span class="description_content">参加晋江经济开发区新春线下招聘会,应聘5家及以上企业,凭企业签字即可领取应聘积极礼一份</span>
  156. </p>
  157. <p class="lottery_description">
  158. <span class="description_title">※四重礼(转盘礼):</span>
  159. <span class="description_content">应聘成功,经企业签字即可获得现场转盘礼,新春招聘会大转盘抽奖一次</span>
  160. </p>
  161. <p class="lottery_description">
  162. <span class="description_title">※五重礼(热心礼):</span>
  163. <span class="description_content">朋友圈/视频号/抖音号转发活动现场图片或视频,集满18个赞,即可获得热心礼一份</span>
  164. </p>
  165. <p class="lottery_description">
  166. <span class="description_title">※六重礼(游园礼):</span>
  167. <span class="description_content">消费万益广场任意一家门店(凭小票或消费记录),即可获得“游园礼”生活大礼包5件套</span>
  168. </p>
  169. <p class="lottery_description mt20">
  170. <span class="description_title black">抽奖时间:</span>
  171. <span class="description_content">2024年1月23日至2024年2月22日。</span>
  172. </p>
  173. <p class="lottery_description mt20">
  174. <span class="description_title black">领取方式:</span>
  175. <span class="description_content">上班期间,晋江经济开发区人才服务中心进行登记兑奖。</span>
  176. </p>
  177. <p class="lottery_description">
  178. <span class="description_content">图片仅供参考,礼品以最终实物为准。</span>
  179. </p>
  180. <p class="lottery_description">
  181. <span class="description_content">晋江聚才网客服热线:0595-88223456。</span>
  182. </p>
  183. <p class="lottery_description">
  184. <span class="description_content">经济开发区领奖热线:0595-82008301。</span>
  185. </p>
  186. </div>
  187. </div>
  188. <div class="online2021_title_left mt20">
  189. 企业招聘专区
  190. </div>
  191. <div class="jobfair_detail_show">
  192. <div class="tabs_show">
  193. <div class="tabs_show_item" id="join_com" style="display: block">
  194. @if(count($res))
  195. <div class="load_more_body">
  196. @foreach($res as $key=>$val)
  197. <div class="online2021_content">
  198. <h3 class="substring">{{ $val['companyname'] or '' }}</h3>
  199. <p class="online2021_line">
  200. <span class="line_left">招聘岗位</span>
  201. <span class="line_right more"><a href="{{route('jobs.company',['id'=>$val['id']])}}">更多>></a></span>
  202. </p>
  203. @for($i=0;$i<3;$i++)
  204. <p class="online2021_line">
  205. <span class="line_left">{{empty($val['jobs'][$i]) ? '' : $val['jobs'][$i]['jobs_name']}}</span>
  206. <span class="line_right">
  207. @if(!empty($val['jobs'][$i]))
  208. @if($val['jobs'][$i]['wage'] == '-1')
  209. 面议
  210. @else
  211. ¥{{$val['jobs'][$i]['wage_min']}}-{{$val['jobs'][$i]['wage_max']}}
  212. @endif
  213. @endif
  214. </span>
  215. </p>
  216. @endfor
  217. <p class="online2021_line end">
  218. @foreach($val['tag_arr'] as $tag)
  219. <span class="tag">{{$tag->demand}}</span>
  220. @endforeach
  221. </p>
  222. <a href="{{route('jobs.company',['id'=>$val['id']])}}">
  223. <div class="btn">
  224. <img src="{{theme_asset('mobile/images/online2021/bg_btn.png')}}" />
  225. 投递简历
  226. </div>
  227. </a>
  228. </div>
  229. @endforeach
  230. </div>
  231. @endif
  232. @if($more)
  233. <div class="load_more_footer">
  234. <span page="1" >加载更多</span>
  235. </div>
  236. @else
  237. <div class="load_more_footer">
  238. <span page="1" >-----没有更多了-----</span>
  239. </div>
  240. @endif
  241. </div>
  242. </div>
  243. </div>
  244. </div>
  245. @endsection
  246. @section('script')
  247. <script type="text/javascript" src="{{theme_asset('app/js/jquery.jobslist.js')}}"></script>
  248. <script type="text/javascript" src="{{theme_asset('app/js/jquery.highlight-3.js')}}"></script>
  249. <script type="text/javascript" src="{{theme_asset('app/js/jquery.autocomplete.js')}}"></script>
  250. <script src="{{theme_asset('statistics/js/layer/layer.js')}}"></script>
  251. <script>
  252. function showWechat() {
  253. var qsDialog = $(this).dialog({
  254. title: "微信扫码",
  255. backdrop: false
  256. });
  257. 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>';
  258. qsDialog.setContent(content);
  259. }
  260. $('.line-two .more').click(function () {
  261. var company = $(this).data('company').split(',');
  262. var str = '';
  263. for (var i = 0; i < company.length; i++) {
  264. str += '<p>' + company[i] + '</p>'; //分割后的字符输出
  265. }
  266. layer.alert(str,{
  267. title: '参会企业'
  268. });
  269. });
  270. @if($more)
  271. /**
  272. * 监听网页滚动事件
  273. */
  274. var f = true;
  275. $(window).on("scroll",function () {
  276. var isShow = $("#join_com").is(":visible");
  277. if($(".load_more_footer span").hasClass("end")){
  278. return false;
  279. }
  280. var h = document.documentElement.clientHeight || document.body.clientHeight;
  281. var sh = document.documentElement.scrollTop || document.body.scrollTop;
  282. var t1 = document.querySelector(".load_more_footer").offsetTop- sh;
  283. //可视区域
  284. if (t1 < h && isShow && f ) {
  285. s();
  286. }
  287. });
  288. var s = function () {
  289. var page = $(".load_more_footer span").attr('page');
  290. @if (array_has($params, 'citycategory'))
  291. var city = '{{array_get($params, 'citycategory')}}';
  292. @else
  293. var city = ''
  294. @endif
  295. $.ajax({
  296. type:"get",
  297. url:"{{ route('active.jobfair.spring_jkq') }}",
  298. data:{
  299. page:page,
  300. citycategory:city
  301. },
  302. beforeSend:function () {
  303. f = false;
  304. $(".load_more_footer span").html('正在加载').addClass("loading");
  305. },
  306. success:function (result) {
  307. if(result.status==1){
  308. $(".load_more_body").append(result.data);
  309. $(".load_more_footer span").attr('page',parseInt(page)+1);
  310. $(".load_more_footer span").html('加载更多').removeClass("loading");
  311. waterfall.init();
  312. }else {
  313. $(".load_more_footer span").html('-----没有更多了-----').removeClass("loading").addClass("end");
  314. }
  315. },
  316. complete:function () {
  317. f = true;
  318. }
  319. })
  320. }
  321. @endif
  322. </script>
  323. @endsection