spring_special_jkq.blade.php 30 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677
  1. @extends('mobile.module.layouts.empty')
  2. @push('meta')
  3. @endpush
  4. @push('css')
  5. <link rel="stylesheet" href="{{theme_asset('mobile/css/news.css')}}">
  6. <link rel="stylesheet" href="{{theme_asset('mobile/css/online2021.css')}}?v=4">
  7. <link href="{{ theme_asset('mobile/css/lottery.css') }}" rel="stylesheet">
  8. <link rel="stylesheet" href="{{theme_asset('mobile/css/online2021_special.css')}}">
  9. <style>
  10. body {
  11. background: #ec0d00;
  12. }
  13. .online2021_title {
  14. background-image: url('{{theme_asset("mobile/images/online2021/bg_title_special_jkq.png")}}');
  15. width: 100%;
  16. height: 100px;
  17. background-size: 100% 100%;
  18. }
  19. .online2021_job_fair img {
  20. width: 90%;
  21. display: block;
  22. margin: 20px auto 10px auto;
  23. }
  24. .online2021_title p {
  25. color: #ec0d00;
  26. }
  27. .load_more_footer {
  28. width: 100%;
  29. text-align: center;
  30. line-height: 1rem;
  31. color: white;
  32. }
  33. .live_header {
  34. width: 100%;
  35. height: 30px;
  36. display: flex;
  37. background: #FEFDD2;
  38. font-size: .27rem;
  39. justify-content: space-around;
  40. position: fixed;
  41. left: 0;
  42. top: 0;
  43. z-index: 999;
  44. font-family: "黑体";
  45. }
  46. .live_header .live_item {
  47. padding: 0 5px;
  48. height: 30px;
  49. line-height: 30px;
  50. }
  51. .live_header_box {
  52. width: 100%;
  53. height: 30px;
  54. }
  55. </style>
  56. @endpush
  57. @push('js')
  58. @endpush
  59. @section('content')
  60. @if(empty($source))
  61. <div class="online2021_header">
  62. <img src="{{theme_asset('mobile/images/spring/header_2025.png')}}?v=1">
  63. </div>
  64. @else
  65. <div class="live_header">
  66. <div class="live_item" data-to="onine2021_live">直播招聘会</div>
  67. <div class="live_item" data-to="onine2021_intelligence">智能招聘长廊</div>
  68. <div class="live_item" data-to="onine2021_out">省外招聘会</div>
  69. <div class="live_item" data-to="onine2021_lottery">抽奖活动</div>
  70. <div class="live_item" data-to="onine2021_recruit">招聘专区</div>
  71. </div>
  72. <div class="live_header_box"></div>
  73. <script>
  74. $(function () {
  75. $('.live_header .live_item').click(function () {
  76. console.log(1);
  77. var to = $(this).data('to');
  78. var top = $('.' + to).offset().top;
  79. $(window).scrollTop(top - 110);
  80. });
  81. });
  82. </script>
  83. @endif
  84. <div class="online2021_title">
  85. <p>晋江经济开发区万益广场</p>
  86. </div>
  87. <div class="online2021_job_fair onine2021_intelligence">
  88. <p style="padding:.3rem .4rem 0 .4rem;">
  89. <img src="{{theme_asset('mobile/images/online2021/jkq_header.jpg')}}?v=1"/>
  90. </p>
  91. <div>
  92. <div class="btn btn_left job_order" style="width:30%;">求职者参会预约</div>
  93. <div class="btn btn_right company_order" style="width:30%;">企业参会预约</div>
  94. </div>
  95. <div class="clear" style="height:15px;"></div>
  96. <div class="btn btn_one" id="click_map" style="margin-bottom:10px;">点击导航</div>
  97. </div>
  98. <div class="online2021_title">
  99. <p>晋江聚才网网络直播招聘会</p>
  100. </div>
  101. <div class="online2021_online onine2021_live">
  102. @foreach($live_list as $k => $v)
  103. <div class="news-list-item for-event {{$v['status']}}">
  104. <div class="news-info">
  105. <div class="thumbnail">
  106. <img src="{{$v['images']}}" border="0">
  107. </div>
  108. <div class="info to_live" data-url="{{$v['url']}}">
  109. <div class="line-one substring"><span
  110. style="color:#141512;font-weight:bold;">{{$v['name']}}</span></div>
  111. <div class="line-two font12">
  112. <img src="{{theme_asset('mobile/images/online2021/icon_time.png')}}">{{$v['time']}}
  113. </div>
  114. <div class="line-two font12 substring"></div>
  115. {{-- <div class="line-two font9 font-red">--}}
  116. {{-- (扫描求职交流微信群,红包礼品等你拿)--}}
  117. {{-- </div>--}}
  118. </div>
  119. <div class="clear"></div>
  120. </div>
  121. </div>
  122. @endforeach
  123. </div>
  124. <div class="online2021_title">
  125. <p>晋江市企业赴省外招聘会</p>
  126. </div>
  127. <div class="online2021_job_fair onine2021_out" style="padding-top: 40px;">
  128. <table border="1" style="width:90%;margin:0 auto 20px auto;" cellpadding="0" cellspacing="0">
  129. <tr>
  130. <th>时间</th>
  131. <th>路线安排</th>
  132. </tr>
  133. <tr>
  134. <td>2025年2月7日-11日</td>
  135. <td>贵州省关岭县与安龙县</td>
  136. </tr>
  137. <tr>
  138. <td>2025年2月8日-12日</td>
  139. <td>四川省蓬安县与营山县</td>
  140. </tr>
  141. <tr>
  142. <td>2025年2月10日-14日</td>
  143. <td>云南省文山县与红河州</td>
  144. </tr>
  145. </table>
  146. <div>
  147. <div class="btn btn_left"><a href="javascript:showWechat()">点击报名</a></div>
  148. <div class="btn btn_right"><a href="https://mp.weixin.qq.com/s/L8erftGzeDaImOgtJjYl9Q">了解详情</a></div>
  149. </div>
  150. {{-- <div class="btn btn_one"><a href="javascript:showWechat()">点击报名</a></div>--}}
  151. {{--<div class="btn btn_one"><a href="https://mp.weixin.qq.com/s/GtTvgRM6ko7N_yFamwu7AQ">点击报名</a></div>--}}
  152. <div class="clear"></div>
  153. </div>
  154. <div class="online2021_title">
  155. <p>抽奖活动</p>
  156. </div>
  157. <div class="onine2021_lottery">
  158. <div class="content_box content_box_two">
  159. <img class="content_header" src="{{ theme_asset('mobile/images/online2021/lottery_gift.png') }}?v=1">
  160. <div class="grid">
  161. @foreach($prize as $v)
  162. <div class="grid_item">
  163. <div class="grid_item_content lw_hairline">
  164. <img class="grid_item_img" src="{{ upload_asset($v->prize_image) }}">
  165. <span class="grid_item_text">{{$v->prize_name}}</span>
  166. </div>
  167. </div>
  168. @endforeach
  169. </div>
  170. </div>
  171. <a id="lottery"></a>
  172. @foreach ($images as $k => $v)
  173. <img src="{{ $v }}" id="gift-img{{$k}}" style="display:none;"/>
  174. @endforeach
  175. <div class="banner">
  176. <div class="bgbox">
  177. <div class="tabbox clearfix" id="tabbox">
  178. <div class="boxlist">
  179. <div class="turnplate">
  180. <canvas class="item" id="wheelcanvas" width="422px" height="422px"></canvas>
  181. <img class="pointer" src="{{ theme_asset('mobile/images/lottery/btn_start.png') }}"/>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. <img class="lottery_logo" src="{{ theme_asset('mobile/images/online2021/lottery_logo.png') }}"/>
  188. {{-- <div class="content_box content_box_one">--}}
  189. {{-- <img class="content_header" src="{{ theme_asset('mobile/images/online2021/lottery_description.png') }}?v=1">--}}
  190. {{-- <p class="lottery_description">--}}
  191. {{-- <span class="description_title">※一重礼(签到礼):</span>--}}
  192. {{-- <span class="description_content">凭“折页”于2月20-2月22日(正月十一至正月十三)期间可到场领取签到礼一份,2月20日早上9:00-11:00期间到场,可领取升级版签到礼,数量有限,先到先得!</span>--}}
  193. {{-- </p>--}}
  194. {{-- <p class="lottery_description">--}}
  195. {{-- <span class="description_title">※二重礼(关注礼):</span>--}}
  196. {{-- <span class="description_content">扫描二维码,关注公众号,即可参与线上(聚才网)转盘抽关注礼,100%中奖!</span>--}}
  197. {{-- </p>--}}
  198. {{-- <p class="lottery_description">--}}
  199. {{-- <span class="description_title">※三重礼(积极礼):</span>--}}
  200. {{-- <span class="description_content">参加晋江经济开发区新春线下招聘会,应聘一家可获一张“红色礼券”,集满5张可领取应聘积极礼一份。</span>--}}
  201. {{-- </p>--}}
  202. {{-- <p class="lottery_description">--}}
  203. {{-- <span class="description_title">※四重礼(转盘礼):</span>--}}
  204. {{-- <span class="description_content">应聘成功,可领取对应企业发放的“金色礼券”一张,获得新春招聘会大转盘抽奖一次。</span>--}}
  205. {{-- </p>--}}
  206. {{-- <p class="lottery_description">--}}
  207. {{-- <span class="description_title">※五重礼(热心礼):</span>--}}
  208. {{-- <span class="description_content">朋友圈/视频号/抖音号转发活动现场图片或视频,集满18个赞,即可获得热心礼一份。</span>--}}
  209. {{-- </p>--}}
  210. {{-- <p class="lottery_description">--}}
  211. {{-- <span class="description_title">※六重礼(游园礼):</span>--}}
  212. {{-- <span class="description_content">消费万益广场任意一家门店(凭小票或消费记录),即可获得“游园礼”,含生活大礼包5件套。</span>--}}
  213. {{-- </p>--}}
  214. {{-- <p class="lottery_description mt20">--}}
  215. {{-- <span class="description_title black">抽奖时间:</span>--}}
  216. {{-- <span class="description_content">2024年1月23日至2024年2月22日。</span>--}}
  217. {{-- </p>--}}
  218. {{-- <p class="lottery_description mt20">--}}
  219. {{-- <span class="description_title black">领取方式:</span>--}}
  220. {{-- <span class="description_content">2024年2月20日-2024年2月22日上午9点-下午16点在招聘活动现场签到处(万益商业广场麦当劳店旁)。</span>--}}
  221. {{-- </p>--}}
  222. {{-- <p class="lottery_description">--}}
  223. {{-- <span class="description_content">图片仅供参考,礼品以最终实物为准。</span>--}}
  224. {{-- </p>--}}
  225. {{-- <p class="lottery_description">--}}
  226. {{-- <span class="description_content">晋江聚才网客服热线:0595-88223456。</span>--}}
  227. {{-- </p>--}}
  228. {{-- <p class="lottery_description">--}}
  229. {{-- <span class="description_content">经济开发区领奖热线:0595-82008301。</span>--}}
  230. {{-- </p>--}}
  231. {{-- </div>--}}
  232. <div class="content_box content_box_one">
  233. <img class="content_header" src="{{ theme_asset('mobile/images/online2021/lottery_win.png') }}?v=1">
  234. @if (!empty($user))
  235. @foreach($win as $k => $v)
  236. <div class="cell">
  237. <div class="title">
  238. <span>{{$k+1}}</span>
  239. </div>
  240. <div class="content">
  241. 恭喜你中了{{ $v->prize_name }}。
  242. </div>
  243. <div class="time">{{date('Y-m-d',strtotime($v->created_at))}}</div>
  244. </div>
  245. @endforeach
  246. <a href="{{route('mobile.person.lottery')}}">
  247. <div class="btn btn_one">查看全部中奖记录</div>
  248. </a>
  249. @else
  250. <a href="{{route('mobile.person.lottery')}}">
  251. <div class="btn btn_one">登录获取中奖记录</div>
  252. </a>
  253. @endif
  254. </div>
  255. </div>
  256. <div class="online2021_title">
  257. <p>企业招聘专区</p>
  258. </div>
  259. <div id="join_com" class="onine2021_recruit" style="position: relative;top: -40px;">
  260. @if(count($res))
  261. <div class="load_more_body">
  262. @foreach($res as $key=>$val)
  263. <div class="online2021_content">
  264. <h3 class="substring">{{ $val['companyname'] or '' }}</h3>
  265. <p class="online2021_line">
  266. <span class="line_left">招聘岗位</span>
  267. <span class="line_right more"><a href="{{route('mobile.jobs.company',['id'=>$val['id']])}}">更多>></a></span>
  268. </p>
  269. @for($i=0;$i<3;$i++)
  270. <p class="online2021_line">
  271. <span class="line_left substring">{{empty($val['jobs'][$i]) ? '' : $val['jobs'][$i]['jobs_name']}}</span>
  272. <span class="line_right substring">
  273. @if(!empty($val['jobs'][$i]))
  274. @if($val['jobs'][$i]['wage'] == '-1')
  275. 面议
  276. @else
  277. @if($val['jobs'][$i]['wage_max'] <= 0)
  278. {{$val['jobs'][$i]['wage_str']}}
  279. @else
  280. ¥{{$val['jobs'][$i]['wage_min']}}-{{$val['jobs'][$i]['wage_max']}}
  281. @endif
  282. @endif
  283. @endif
  284. </span>
  285. </p>
  286. @endfor
  287. <p class="online2021_line end">
  288. @foreach($val['tag_arr'] as $tag)
  289. <span class="tag">{{$tag->demand}}</span>
  290. @endforeach
  291. </p>
  292. <a href="{{route('mobile.jobs.company',['id'=>$val['id']])}}">
  293. <div class="btn">
  294. <img src="{{theme_asset('mobile/images/online2021/bg_btn.png')}}"/>
  295. 投递简历
  296. </div>
  297. </a>
  298. </div>
  299. @endforeach
  300. </div>
  301. @endif
  302. @if($more)
  303. <div class="load_more_footer">
  304. <span page="1">加载更多</span>
  305. </div>
  306. @else
  307. <div class="load_more_footer">
  308. <span page="1">-----没有更多了-----</span>
  309. </div>
  310. @endif
  311. </div>
  312. @if(empty($source))
  313. <a href="javascript:void(0);" class="to_lottery">抽奖</a>
  314. <a href="{{route('mobile.person.lottery')}}" class="to_log">领奖</a>
  315. @endif
  316. @include('mobile.module.section.online_footer')
  317. @endsection
  318. @section('script')
  319. <script src="{{theme_asset('statistics/js/layer/mobile/layer.js')}}"></script>
  320. <script type="text/javascript" src="{{ theme_asset('mobile/js/jquery-1.10.2.js') }}"></script>
  321. <script type="text/javascript" src="{{ theme_asset('mobile/js/awardRotate.js') }}"></script>
  322. <script type="text/javascript" src="{{theme_asset('mobile/js/QSfilter.js')}}"></script>
  323. <script type="text/javascript" src="{{theme_asset('mobile/js/qsCategory.js')}}"></script>
  324. <script type="text/javascript" charset="utf-8" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  325. <script src="{{ theme_asset('mobile/js/dropload.min.js') }}"></script>
  326. <script type="text/javascript">
  327. $('.to_lottery').click(function () {
  328. var top = $('.onine2021_lottery').offset().top;
  329. $(window).scrollTop(top - 80);
  330. });
  331. $('.job_order').click(function () {
  332. //自定义标题风格
  333. layer.open({
  334. title: [
  335. '长按识别二维码',
  336. 'background-color: #FF4351; color:#fff;'
  337. ]
  338. ,
  339. content: '<img src="{{theme_asset('mobile/images/online2021/qrcode_job_order.png')}}" style="width:100%;" />'
  340. });
  341. });
  342. $('.company_order').click(function () {
  343. //自定义标题风格
  344. layer.open({
  345. title: [
  346. '长按识别二维码',
  347. 'background-color: #FF4351; color:#fff;'
  348. ]
  349. ,
  350. content: '<img src="{{theme_asset('mobile/images/online2021/qrcode_company_order.jpg')}}" style="width:100%;" />'
  351. });
  352. });
  353. // 欢乐转盘
  354. var turnplate = {
  355. number: "{{$number}}", //次数
  356. ids: [], //id列表
  357. restaraunts: [], //大转盘奖品名称
  358. colors: [], //大转盘奖品区块对应背景颜色
  359. images: [], //图片列表
  360. outsideRadius: 140, //大转盘外圆的半径
  361. textRadius: 150, //大转盘奖品位置距离圆心的距离
  362. insideRadius: 68, //大转盘内圆的半径
  363. startAngle: 0, //开始角度
  364. randomRate: [], //控制获奖率,百分制(相加需等于100%),对应restaraunts(顺序需要保持一致),
  365. bRotate: false //false:停止;ture:旋转
  366. };
  367. $(document).ready(function () {
  368. //动态添加大转盘的奖品与奖品区域背景颜色
  369. // 欢乐转盘
  370. turnplate.ids = {!! json_encode($ids)!!};
  371. turnplate.restaraunts = {!! json_encode($restaraunts)!!};
  372. turnplate.colors = {!! json_encode($colors)!!};
  373. turnplate.images = {!! json_encode($images)!!};
  374. var rotateTimeOut = function () {
  375. $('#wheelcanvas').rotate({
  376. angle: 0,
  377. animateTo: 2160,
  378. duration: 8000,
  379. callback: function () {
  380. alert('网络超时,请检查您的网络设置!');
  381. }
  382. });
  383. };
  384. //欢乐旋转转盘 item:奖品位置; txt:提示语;
  385. var rotateFn = function (item, txt) {
  386. var angles = item * (360 / turnplate.restaraunts.length) - (360 / (turnplate.restaraunts.length * 2));
  387. if (angles < 270) {
  388. angles = 270 - angles;
  389. } else {
  390. angles = 360 - angles + 270;
  391. }
  392. $('#wheelcanvas').stopRotate();
  393. $('#wheelcanvas').rotate({
  394. angle: 0,
  395. animateTo: angles + 1800,
  396. duration: 8000,
  397. callback: function () {
  398. alert(txt);//欢乐转盘弹出框
  399. turnplate.bRotate = !turnplate.bRotate;
  400. }
  401. });
  402. };
  403. // 欢乐转盘
  404. $('.pointer').click(function () {
  405. if (turnplate.number == 0) {
  406. alert('您今天已抽过奖,请明天再来!');
  407. return;
  408. }
  409. turnplate.number--;
  410. $('#number').html(turnplate.number);
  411. if (turnplate.bRotate) return;
  412. turnplate.bRotate = !turnplate.bRotate;
  413. //获取随机数(奖品个数范围内)
  414. $.post('{{route("mobile.lottery.lottery_post")}}', {
  415. open_id: "{{$open_id}}",
  416. type: "{{$type}}",
  417. _token: "{{csrf_token()}}"
  418. }, function (json) {
  419. if (json.status) {
  420. var item = 0;
  421. for (var i = 0; i < turnplate.ids.length; i++) {
  422. if (turnplate.ids[i] == json.id) {
  423. item = i + 1;
  424. break;
  425. }
  426. }
  427. //奖品数量等于10,指针落在对应奖品区域的中心角度[252, 216, 180, 144, 108, 72, 36, 360, 324, 288]
  428. rotateFn(item, json.msg);
  429. } else {
  430. alert(json.msg);
  431. }
  432. }, 'json');
  433. });
  434. });
  435. //页面所有元素加载完毕后执行drawRouletteWheel()方法对转盘进行渲染
  436. window.onload = function () {
  437. drawRouletteWheel();// 欢乐转盘
  438. };
  439. // 欢乐转盘
  440. function drawRouletteWheel() {
  441. var canvas = document.getElementById("wheelcanvas");
  442. if (canvas.getContext) {
  443. //根据奖品个数计算圆周角度
  444. var arc = Math.PI / (turnplate.restaraunts.length / 2);
  445. var ctx = canvas.getContext("2d");
  446. //在给定矩形内清空一个矩形
  447. ctx.clearRect(0, 0, 422, 422);
  448. //strokeStyle 属性设置或返回用于笔触的颜色、渐变或模式
  449. ctx.strokeStyle = "#FFBE04";
  450. //font 属性设置或返回画布上文本内容的当前字体属性
  451. ctx.font = '16px Microsoft YaHei';
  452. for (var i = 0; i < turnplate.restaraunts.length; i++) {
  453. var angle = turnplate.startAngle + i * arc;
  454. ctx.fillStyle = turnplate.colors[i];
  455. ctx.beginPath();
  456. //arc(x,y,r,起始角,结束角,绘制方向) 方法创建弧/曲线(用于创建圆或部分圆)
  457. ctx.arc(211, 211, turnplate.outsideRadius, angle, angle + arc, false);
  458. ctx.arc(211, 211, turnplate.insideRadius, angle + arc, angle, true);
  459. ctx.stroke();
  460. ctx.fill();
  461. //锁画布(为了保存之前的画布状态)
  462. ctx.save();
  463. //----绘制奖品开始----
  464. ctx.fillStyle = "#E5302F";
  465. var text = turnplate.restaraunts[i];
  466. var line_height = 17;
  467. //translate方法重新映射画布上的 (0,0) 位置
  468. ctx.translate(211 + Math.cos(angle + arc / 2) * turnplate.textRadius, 211 + Math.sin(angle + arc / 2) * turnplate.textRadius);
  469. //rotate方法旋转当前的绘图
  470. ctx.rotate(angle + arc / 2 + Math.PI / 2);
  471. /** 下面代码根据奖品类型、奖品名称长度渲染不同效果,如字体、颜色、图片效果。(具体根据实际情况改变) **/
  472. if (text.indexOf("M") > 0) {//流量包
  473. var texts = text.split("M");
  474. for (var j = 0; j < texts.length; j++) {
  475. ctx.font = j == 0 ? 'bold 20px Microsoft YaHei' : '16px Microsoft YaHei';
  476. if (j == 0) {
  477. ctx.fillText(texts[j] + "M", -ctx.measureText(texts[j] + "M").width / 2, j * line_height);
  478. } else {
  479. ctx.fillText(texts[j], -ctx.measureText(texts[j]).width / 2, j * line_height);
  480. }
  481. }
  482. } else if (text.indexOf("M") == -1 && text.length > 6) {//奖品名称长度超过一定范围
  483. text = text.substring(0, 6) + "||" + text.substring(6);
  484. var texts = text.split("||");
  485. for (var j = 0; j < texts.length; j++) {
  486. ctx.fillText(texts[j], -ctx.measureText(texts[j]).width / 2, j * line_height);
  487. }
  488. } else {
  489. //在画布上绘制填色的文本。文本的默认颜色是黑色
  490. //measureText()方法返回包含一个对象,该对象包含以像素计的指定字体宽度
  491. ctx.fillText(text, -ctx.measureText(text).width / 2, 0);
  492. }
  493. //添加对应图标
  494. var img = document.getElementById("gift-img" + i);
  495. img.onload = function () {
  496. ctx.drawImage(img, -18, 25, 40, 40);
  497. };
  498. ctx.drawImage(img, -18, 25, 40, 40);
  499. //把当前画布返回(调整)到上一个save()状态之前
  500. ctx.restore();
  501. //----绘制奖品结束----
  502. }
  503. }
  504. }
  505. </script>
  506. <script>
  507. $('.line-two .more').click(function () {
  508. var company = $(this).data('company').split(',');
  509. var str = '';
  510. for (var i = 0; i < company.length; i++) {
  511. str += '<p>' + company[i] + '</p>'; //分割后的字符输出
  512. }
  513. layer.open({
  514. title: [
  515. '参会企业',
  516. 'background-color: #ec0d00; color:#fff;'
  517. ]
  518. , content: str
  519. , btn: '我知道了'
  520. });
  521. event.stopPropagation();
  522. });
  523. // $('.to_live').click(function () {
  524. // url = $(this).data('url');
  525. // location.href = url;
  526. // });
  527. $('.for-event').click(function() {
  528. $('html, body').animate({
  529. scrollTop: $('#lottery').offset().top
  530. }, 'slow');
  531. });
  532. function goPage() {
  533. var toSearchPage = "{{route('mobile.active.spring_special')}}";
  534. window.location.href = toSearchPage + '?' + $('#searchForm').serialize();
  535. }
  536. // 除更多和读取缓存之外的下拉列表
  537. $('.f-item-normal').on('click', function () {
  538. var thisType = $(this).data('type');
  539. var thisTitle = $(this).data('title');
  540. var thisCode = $(this).data('code');
  541. $('.f-normal-code-' + thisType).val(thisCode);
  542. $('.f-normal-txt-' + thisType).text(thisTitle);
  543. $('body').removeClass('filter-fixed');
  544. $('.f-box-' + thisType).addClass('qs-hidden');
  545. $('.js-filter').removeClass('active');
  546. $('#f-mask').hide();
  547. goPage();
  548. });
  549. // 点击筛选
  550. $('#f-do-filter').on('click', function () {
  551. goPage();
  552. });
  553. $('.js-filter').on('click', function () {
  554. $('.f-more-content').removeClass('qs-actionsheet-toggle');
  555. $('.f-box-more').removeClass('qs-actionsheet-toggle-left');
  556. var filter = new QSfilter($(this));
  557. document.getElementById('f-mask').ontouchstart = function (e) {
  558. e.preventDefault();
  559. }
  560. });
  561. @if($more)
  562. /**
  563. * 监听网页滚动事件
  564. */
  565. var f = true;
  566. $(window).on("scroll", function () {
  567. var isShow = true;//$("#join_com").is(":visible");
  568. if ($(".load_more_footer span").hasClass("end")) {
  569. return false;
  570. }
  571. var h = document.documentElement.clientHeight || document.body.clientHeight;
  572. var sh = document.documentElement.scrollTop || document.body.scrollTop;
  573. var t1 = document.querySelector(".load_more_footer").offsetTop - sh;
  574. //可视区域
  575. if (t1 < h && isShow && f) {
  576. s();
  577. }
  578. });
  579. var s = function () {
  580. var page = $(".load_more_footer span").attr('page');
  581. $.ajax({
  582. type: "get",
  583. url: "{{ route('mobile.active.spring_special',$params) }}",
  584. data: {
  585. page: page
  586. },
  587. beforeSend: function () {
  588. f = false;
  589. $(".load_more_footer span").html('正在加载').addClass("loading");
  590. },
  591. success: function (result) {
  592. if (result.status == 1) {
  593. $(".load_more_body").append(result.data);
  594. // console.log(result.data);
  595. $(".load_more_footer span").attr('page', parseInt(page) + 1);
  596. $(".load_more_footer span").html('加载更多').removeClass("loading");
  597. } else {
  598. $(".load_more_footer span").html('-----没有更多了-----').removeClass("loading").addClass("end");
  599. }
  600. },
  601. complete: function () {
  602. f = true;
  603. }
  604. })
  605. }
  606. @endif
  607. $('#click_map').click(function () {
  608. wx.openLocation({
  609. latitude: 24.770329, // 纬度,浮点数,范围为90 ~ -90
  610. longitude: 118.489403, // 经度,浮点数,范围为180 ~ -180。
  611. name: '万益商业广场', // 位置名
  612. address: '福建省泉州市晋江市欣荣路6号', // 地址详情说明
  613. scale: 15, // 地图缩放级别,整形值,范围从1~28。默认为最大
  614. infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
  615. });
  616. });
  617. function showWechat() {
  618. var str = '<img style="width:100%;display:block;margin:0 auto;" src="{{theme_asset('app/images/online2021/province_out.jpg')}}"/><p style="text-align:center;font-size:18px;color:#EC0C00;">添加微信好友报名参加赴省外招聘活动</p>';
  619. layer.open({
  620. title: [
  621. '微信扫码',
  622. 'background-color: #ec0d00; color:#fff;'
  623. ]
  624. , content: str
  625. , btn: '我知道了'
  626. });
  627. }
  628. </script>
  629. @endsection