index.blade.php 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688
  1. @extends('mobile.module.layouts.main')
  2. @push('meta')
  3. @endpush
  4. @push('css')
  5. <link href="{{ theme_asset('mobile/css/index.css') }}" rel="stylesheet">
  6. <link href="{{ theme_asset('mobile/css/jobs.css') }}" rel="stylesheet">
  7. @if(time() >=1585929600 && time()<=1586015999)
  8. <style>
  9. *{
  10. filter: grayscale(100%);
  11. -webkit-filter: grayscale(100%);
  12. -moz-filter: grayscale(100%);
  13. -ms-filter: grayscale(100%);
  14. -o-filter: grayscale(100%);
  15. }
  16. </style>
  17. @endif
  18. <style>
  19. .new-index-top .ni-head{position:relative;z-index:9998;}
  20. .new-index-top .ni-head .rbtn{position:absolute;right:.95rem;top:0px;width:.9rem;height:.9rem;background-image:url({{ theme_asset('mobile/images/108.png') }});background-repeat:no-repeat;background-size:50%;background-position:center;line-height:100%;}
  21. .new-index-top .ni-head .rbtn.eventactive{background-color:#0169A7;}
  22. /*创业帮手弹窗样式*/
  23. #helper_div{position:fixed;top:3rem;left:10%;width:80%;height:4rem;z-index:9999;border-radius:.5rem;background:rgba(0,0,0,.5)}
  24. #helper_div .close{width:90%;height:.8rem;position:relative;margin:auto;top:.2rem;}
  25. #helper_div .close .btn_icon{background:url({{ theme_asset('mobile/images/index/dialog_close.png') }}) no-repeat center right;width:.6rem;height:.6rem;position:absolute;margin:auto;right:0;top:0;background-size:.6rem .6rem;}
  26. #helper_div .dialog_box{width:70%;margin:auto;margin-top:.2rem;}
  27. #helper_div .dialog_box .rli{width:100%;height:1rem;border-radius:.3rem;background-color:#dd4250;margin-bottom:.3rem;color:#fff;text-align:center;line-height:1rem; }
  28. /*人才服务广场*/
  29. .service_square{width:100%;background-color:#fff;}
  30. .service_square .in_title{width:3.5rem;position:relative;margin:auto;text-align:center;line-height:1rem;font-weight:600;color:#dd4250;}
  31. .service_square .in_title:before{position:absolute;top:.5rem;left:-1rem;content:"";width:1.5rem;height:0;border-top:.03rem solid #dd4250;}
  32. .service_square .in_title:after{position:absolute;top:.5rem;right:-1rem;content:"";width:1.5rem;height:0;border-top:.03rem solid #dd4250;}
  33. .service_square .in_content{width:100%;}
  34. .service_square .in_content a{float:left;width:25%;text-align:center;padding:.2rem 0;text-decoration: none;color:#666;}
  35. .service_square .in_content a img{width:.65rem;height:.65rem;}
  36. .swiper-container{
  37. width: 100%;
  38. }
  39. .swiper-slide{
  40. text-align: center;
  41. }
  42. </style>
  43. <link href="{{ theme_asset('app/css/swiper.min.css') }}" rel="stylesheet">
  44. @endpush
  45. @push('js')
  46. <script type="text/javascript" src="{{theme_asset('mobile/js/zepto.hwSlider.js')}}"></script>
  47. <script type="text/javascript" src="{{theme_asset('mobile/js/fx.js')}}"></script>
  48. <script type="text/javascript" src="{{theme_asset('mobile/js/touch-0.2.14.min.js')}}"></script>
  49. <script type="text/javascript" src="{{theme_asset('mobile/js/zepto.textSlider.js')}}"></script>
  50. <script type="text/javascript">
  51. $(document).ready(function() {
  52. $("#recommend").hide();
  53. $("#emergency").show();
  54. $("#emer").addClass('active');
  55. $("#emer").on('click', function(){
  56. $(this).addClass('active');
  57. $("#recom").removeClass('active');
  58. $("#recommend").hide();
  59. $("#emergency").show();
  60. });
  61. $("#recom").on('click', function(){
  62. $(this).addClass('active');
  63. $("#emer").removeClass('active');
  64. $("#recommend").show();
  65. $("#emergency").hide();
  66. });
  67. //创业帮手弹窗
  68. $("#business_helper").click(function () {
  69. $('.t-mask').css("display","block");
  70. $('#helper_div').css("display","block");
  71. });
  72. $("#helper_div .close .btn_icon").click(function () {
  73. $('.t-mask').css("display","none");
  74. $('#helper_div').css("display","none");
  75. });
  76. });
  77. function jump_helper(v){
  78. var url = '';
  79. if(v=='1'){
  80. url = "{{route('project.add')}}";
  81. }else{
  82. url = "{{route('innovator')}}";
  83. }
  84. window.location.href=url;
  85. }
  86. </script>
  87. @endpush
  88. @section('content')
  89. <div class="new-index-banner">
  90. <div class="ni-search-g">
  91. <div class="nis-box font16 js-show-qspageso">搜索职位/简历/公告<div class="nis-s-icon"></div></div>
  92. </div>
  93. <script>
  94. // 显示搜索层
  95. $('.js-show-qspageso').on('click', function(){
  96. $('.qspageso').toggle();
  97. $('#J_soinput').focus();
  98. if($('#J_soinput').val()!=''){
  99. $('#J_soinput').val($('#J_soinput').val());
  100. $('#J_soinput').closest('.topbg').addClass('has-inp');
  101. }
  102. });
  103. </script>
  104. </div>
  105. @include('mobile.app.common.search')
  106. <div class="index-slider">
  107. <div id="hwslider" class="hwslider">
  108. <ul>
  109. <li>
  110. <a href="{{route('mobile.jobs')}}"><dl class="l1"><dt class="job for-event"></dt><dd class="font12">找工作</dd></dl></a>
  111. <a href="{{route('mobile.resumes')}}"><dl class="l1"><dt class="resume for-event"></dt><dd class="font12">招人才</dd></dl></a>
  112. @if(auth('web-member')->user())
  113. <a href="{{route('mobile.person.resumeAdd')}}"><dl class="l1"><dt class="fabu for-event"></dt><dd class="font12">我要发布</dd></dl></a>
  114. @elseif(auth('web-company')->user())
  115. <a href="{{route('mobile.firm.jobs.add')}}"><dl class="l1"><dt class="fabu for-event"></dt><dd class="font12">我要发布</dd></dl></a>
  116. @else
  117. <a href="{{route('mobile.login')}}"><dl class="l1"><dt class="fabu for-event"></dt><dd class="font12">我要发布</dd></dl></a>
  118. @endif
  119. <a href="{{route($sub_site."mobile.news.list",['id'=>57])}}"><dl class="l1"><dt class="notice"></dt><dd class="font12 for-event">公告</dd></dl></a>
  120. {{-- <a href="{{ route('mobile.jobfair.index') }}"><dl class="l1"><dt class="zhaoph"></dt><dd class="font12 for-event">招聘会</dd></dl></a>--}}
  121. <div class="clear"></div>
  122. </li>
  123. <li>
  124. <a href="{{route($sub_site."mobile.news.list",['id'=>3])}}"><dl class="l1"><dt class="news"></dt><dd class="font12 for-event">职场资讯</dd></dl></a>
  125. {{--<a href="{:url_rewrite('QS_mall_index')}"><dl class="l1"><dt class="shop"></dt><dd class="font12 for-event">附近职位</dd></dl></a>--}}
  126. {{--<a href="" target="_blank" rel="nofollow noopener noreferrer"><dl class="l1"><dt class="fileSearch"></dt><dd class="font12 for-event">公告服务</dd></dl></a>--}}
  127. <div class="clear"></div>
  128. </li>
  129. </ul>
  130. </div>
  131. </div>
  132. {{--<div class="split-block"></div>--}}
  133. {{--<div class="indexnotice">--}}
  134. {{--<div class="leftimg"><img src="{{theme_asset('mobile/images/11.png')}}"></div>--}}
  135. {{--<div class="ul-upscroll">--}}
  136. {{--<ul>--}}
  137. {{--@if($notices->isNotEmpty())--}}
  138. {{--@foreach($notices as $k=>$v)--}}
  139. {{--<li onclick="location.href='{{route('mobile.notice.show', ['id'=>$v->id])}}'">{{$v->title}}</li>--}}
  140. {{--@endforeach--}}
  141. {{--@endif--}}
  142. {{--</ul>--}}
  143. {{--</div>--}}
  144. {{--<div class="clear"></div>--}}
  145. {{--</div>--}}
  146. <div class="split-block"></div>
  147. <div class="swiper-container">
  148. <div class="swiper-wrapper">
  149. {{--<div class="swiper-slide">
  150. <a href="javascript:void(0)">
  151. <img src="{{ theme_asset('mobile/images/index/trade_center.jpg') }}" width="100%" />
  152. </a>
  153. </div>
  154. <div class="swiper-slide">
  155. <a href="{{route('mobile.recuperate')}}">
  156. <img src="{{ theme_asset('mobile/images/recuperate/index_recuperate.jpg') }}" width="100%" />
  157. </a>
  158. </div>
  159. <div class="swiper-slide">
  160. <a href="{{route('mobile.talentcard.index')}}">
  161. <img src="{{ theme_asset('mobile/images/talent_card/index_card.jpg') }}" width="100%" />
  162. </a>
  163. </div>--}}
  164. <div class="swiper-slide">
  165. <a href="javascript:void(0)">
  166. <img src="https://www.jucai.gov.cn/storage/ueditor/uploads/image/2025/08/05/75a044648abdc456530189fd8b393ca1.png" width="100%" />
  167. </a>
  168. </div>
  169. <div class="swiper-slide">
  170. <a href="https://mp.weixin.qq.com/s/y3kT1PBijkr6FUgpbSL8EA">
  171. <img src="https://www.jucai.gov.cn/storage/admin/images/G1pTgUnWiBS20GkrsZGYflXzvM1SGaJE5J8sQNam.jpeg" width="100%" />
  172. </a>
  173. </div>
  174. </div>
  175. <div class="swiper-pagination"></div>
  176. </div>
  177. {{--<div>
  178. <a href="{{route('mobile.recuperate')}}">
  179. <img src="{{ theme_asset('mobile/images/recuperate/index_recuperate.jpg') }}" width="100%" />
  180. </a>
  181. </div>
  182. <div class="split-block"></div>
  183. <div>
  184. <a href="{{route('mobile.talentcard.index')}}">
  185. <img src="{{ theme_asset('mobile/images/talent_card/index_card.jpg') }}" width="100%" />
  186. </a>
  187. </div>--}}
  188. <div class="split-block"></div>
  189. <!--服务广场-->
  190. <div class="service_square">
  191. <div class="in_title font16">人才服务广场</div>
  192. <div class="in_content">
  193. <a href="{{route('mobile.policy')}}">
  194. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon1.png') }}" /></div>
  195. <div class="tit font12">政策信息</div>
  196. </a>
  197. <a href="{{route('mobile.jobs')}}">
  198. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon2.png') }}" /></div>
  199. <div class="tit font12">招聘信息</div>
  200. </a>
  201. <a href="javascript:;" id="business_helper" class="no_mzt">
  202. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon7.png') }}" /></div>
  203. <div class="tit font12">创业帮手</div>
  204. </a>
  205. <a href="{{route('servicearea.list',['id'=>39])}}" class="no_mzt">
  206. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon3.png') }}" /></div>
  207. <div class="tit font12">住房</div>
  208. </a>
  209. <a href="{{route('servicearea.list',['id'=>40])}}" class="no_mzt">
  210. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon4.png') }}" /></div>
  211. <div class="tit font12">饮食</div>
  212. </a>
  213. <a href="{{route('servicearea.list',['id'=>41])}}" class="no_mzt">
  214. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon5.png') }}" /></div>
  215. <div class="tit font12">购物</div>
  216. </a>
  217. <a href="{{route('servicearea.list',['id'=>45])}}" class="no_mzt">
  218. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon6.png') }}" /></div>
  219. <div class="tit font12">教育</div>
  220. </a>
  221. <a href="{{route('servicearea.list',['id'=>42])}}" class="no_mzt">
  222. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon8.png') }}" /></div>
  223. <div class="tit font12">出行</div>
  224. </a>
  225. <a href="{{route('servicearea.list',['id'=>43])}}" class="no_mzt">
  226. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon9.png') }}" /></div>
  227. <div class="tit font12">娱乐</div>
  228. </a>
  229. <a href="{{route('servicearea.list',['id'=>44])}}" class="no_mzt">
  230. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon10.png') }}" /></div>
  231. <div class="tit font12">旅途</div>
  232. </a>
  233. <a href="{{route('servicearea.list',['id'=>46])}}" class="no_mzt">
  234. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon11.png') }}" /></div>
  235. <div class="tit font12">医疗</div>
  236. </a>
  237. <a href="{{route('servicearea.list',['id'=>47])}}" class="no_mzt">
  238. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon12.png') }}" /></div>
  239. <div class="tit font12">养老</div>
  240. </a>
  241. <div class="clear"></div>
  242. </div>
  243. <div id="helper_div" style="display:none;">
  244. <div class="close"><div class="btn_icon"></div></div>
  245. <div class="dialog_box" >
  246. <div class="rli" data-code="1" onclick="jump_helper(1)">我有意向创业</div>
  247. <div class="rli" data-code="2" onclick="jump_helper(2)">我已确定创业</div>
  248. </div>
  249. </div>
  250. </div>
  251. <div class="split-block"></div>
  252. <!--新闻-->
  253. <div class="module">
  254. <div class="module-title font14">
  255. <a href="javascript:;" class="module-title-nav font14 active f-left" id="emer">单位招聘</a>
  256. <a href="javascript:;" class="module-title-nav font14 f-left" id="recom">公告公示</a>
  257. <div class="clear"></div>
  258. </div>
  259. <div class="mobile_index_news" id="emergency">
  260. <ul>
  261. @if(array_has($articles1, '59') && $articles1['59'])
  262. @foreach($articles1['59'] as $k=>$v)
  263. <li>
  264. @if(empty($v->is_url))
  265. <a href="{{route('mobile.news.show',['id'=>$v->id])}}" target="_blank" rel="nofollow noopener noreferrer"><b>&gt;</b>{{cut_str($v->title, 15, 0, '...')}}<span class="jc_rt">{{date('Y-m-d',strtotime($v->created_at))}}</span></a>
  266. @else
  267. <a href="{{$v->is_url}}" target="_blank" rel="nofollow noopener noreferrer"><b>&gt;</b>{{cut_str($v->title, 15, 0, '...')}}<span class="jc_rt">{{date('Y-m-d',strtotime($v->created_at))}}</span></a>
  268. @endif
  269. </li>
  270. @endforeach
  271. <div onclick="window.location='{{route($sub_site."mobile.news.list",['id'=>59])}}';" style="text-align:center;height:.8rem;line-height:.8rem;background:#fff;">查看更多</div>
  272. @else
  273. <div style="text-align:center;height:.8rem;line-height:.8rem;background:#fff;">暂无动态</div>
  274. @endif
  275. </ul>
  276. </div>
  277. <div class="mobile_index_news" id="recommend">
  278. <ul>
  279. @if(array_has($articles2, '58') && $articles2['58'])
  280. @foreach($articles2['58'] as $k=>$v)
  281. <li>
  282. @if(empty($v->is_url))
  283. <a href="{{route('mobile.news.show',['id'=>$v->id])}}" target="_blank" rel="nofollow noopener noreferrer"><b>&gt;</b>{{cut_str($v->title, 15, 0, '...')}}<span class="jc_rt">{{date('Y-m-d',strtotime($v->created_at))}}</span></a>
  284. @else
  285. <a href="{{$v->is_url}}" target="_blank" rel="nofollow noopener noreferrer"><b>&gt;</b>{{cut_str($v->title, 15, 0, '...')}}<span class="jc_rt">{{date('Y-m-d',strtotime($v->created_at))}}</span></a>
  286. @endif
  287. </li>
  288. @endforeach
  289. <div onclick="window.location='{{route($sub_site."mobile.news.list",['id'=>58])}}';" style="text-align:center;height:.8rem;line-height:.8rem;background:#fff;">查看更多</div>
  290. @else
  291. <div style="text-align:center;height:.8rem;line-height:.8rem;background:#fff;">暂无动态</div>
  292. @endif
  293. </ul>
  294. </div>
  295. </div>
  296. <!--新闻 end-->
  297. <div class="split-block"></div>
  298. <div class="indexfamous">
  299. <div>
  300. <div class="famoustitle font14 ">名企招聘</div>
  301. <a class="more font14" href="{{route('mobile.jobs',['search_cont'=>'setmeal'])}}">更多 ></a>
  302. <div class="clear"></div>
  303. </div>
  304. <div class="indexfamous_list">
  305. @if($seatmeal_companies)
  306. @foreach($seatmeal_companies as $k=>$v)
  307. <a href="{{route('mobile.jobs.company', ['id'=>$v->id])}}">
  308. <img src="{{$v->logo}}" alt="{{$v->companyname}}" />
  309. <div class="companyinfo">
  310. <div class="name font12">{{$v->companyname}}</div>
  311. <div class="num font10"><span>{{$v->jobs_num}}</span>个职位</div>
  312. </div>
  313. </a>
  314. @endforeach
  315. @endif
  316. <div class="clear"></div>
  317. </div>
  318. </div>
  319. <div class="split-block"></div>
  320. <!--招聘列表-->
  321. <div class="indexjoblist link_gray6">
  322. <div class="listtitle">
  323. <ul>
  324. <li class="font14 select"><a>最新招聘</a></li><li class="font14"><a>紧急招聘</a></li><li class="font14"><a>推荐职位</a></li>
  325. </ul>
  326. </div>
  327. <div class="listcon select">
  328. @if($newJobs)
  329. @php $n=1@endphp
  330. @foreach($newJobs as $k=>$v)
  331. <div class="job-list-item for-event" onclick="javascript:location.href='{{route("mobile.jobs.show", ["id"=>$v->id])}}'">
  332. <div class="info">
  333. <div class="line-one">
  334. <div class="job-name substring font16">
  335. {{$v->jobs_name}}
  336. @if($v->emergency == 1)
  337. <img src="{{theme_asset('mobile/images/231.png')}}"/>
  338. @endif
  339. </div>
  340. @if($v->stick == 1)
  341. <div class="refresh-time font12 font_red_light">置顶</div>
  342. @else
  343. <div class="refresh-time font12">{!! daterange(time(), $v->refresh_time, 'Y-m-d', "#FF3300") !!}</div>
  344. @endif
  345. <div class="clear"></div>
  346. </div>
  347. <div class="line-two font14">
  348. <div class="salary">{{$v->wage_cn}}</div>
  349. <div class="category substring">{{$v->category_name}}</div>
  350. <div class="clear"></div>
  351. </div>
  352. @if($v->tag_cn)
  353. <div class="line-three fontag">
  354. @foreach($v->tag_cn as $j=>$tag)
  355. @if($j<3)
  356. <div class="job-tag">{{$tag}}</div>
  357. @endif
  358. @endforeach
  359. <div class="clear"></div>
  360. </div>
  361. @else
  362. <div class="line-four font13">
  363. {{ $v->education_cn }}/ {{ $v->experience_cn }} / 年龄{{ $v->age_cn }}
  364. </div>
  365. @endif
  366. @if($v->has_deliver)
  367. <div class="apply-btn apply_jobs has-apply" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
  368. @else
  369. <div class="apply-btn apply_jobs" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
  370. @endif
  371. </div>
  372. <div class="company font13">
  373. <div class="company-name substring">{{$v->company_name}}</div>
  374. <div class="district substring">{{$v->district_cn}}</div>
  375. <div class="clear"></div>
  376. </div>
  377. </div>
  378. @if($n<count($newJobs))
  379. <div class="split-block"></div>
  380. @endif
  381. @php $n++@endphp
  382. @endforeach
  383. @endif
  384. </div>
  385. <div class="listcon">
  386. @if($emergency_jobs)
  387. @php $e=1@endphp
  388. @foreach($emergency_jobs as $k=>$v)
  389. <div class="job-list-item for-event" onclick="javascript:location.href='{{route("mobile.jobs.show",['id'=>$v->id])}}'">
  390. <div class="info">
  391. <div class="line-one">
  392. <div class="job-name substring font16">
  393. {{$v->jobs_name}}
  394. @if($v->emergency == 1)
  395. <img src="{{theme_asset('mobile/images/231.png')}}"/>
  396. @endif
  397. </div>
  398. @if($v->stick == 1)
  399. <div class="refresh-time font12 font_red_light">置顶</div>
  400. @else
  401. <div class="refresh-time font12">{!! daterange(time(), $v->refresh_time, 'Y-m-d', "#FF3300") !!}</div>
  402. @endif
  403. <div class="clear"></div>
  404. </div>
  405. <div class="line-two font14">
  406. <div class="salary">{{$v->wage_cn}}</div>
  407. <div class="category substring">{{$v->category_name}}</div>
  408. <div class="clear"></div>
  409. </div>
  410. @if($v->tag_cn)
  411. <div class="line-three fontag">
  412. @foreach($v->tag_cn as $j=>$tag)
  413. @if($j<3)
  414. <div class="job-tag">{{$tag}}</div>
  415. @endif
  416. @endforeach
  417. <div class="clear"></div>
  418. </div>
  419. @else
  420. <div class="line-four font13">
  421. {{ $v->education_cn }}/ {{ $v->experience_cn }} / 年龄{{ $v->age_cn }}
  422. </div>
  423. @endif
  424. {{--<div class="apply-btn apply_jobs" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>--}}
  425. @if($v->has_deliver)
  426. <div class="apply-btn apply_jobs has-apply" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
  427. @else
  428. <div class="apply-btn apply_jobs" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
  429. @endif
  430. </div>
  431. <div class="company font13">
  432. <div class="company-name substring">{{$v->company_name}}</div>
  433. <div class="district substring">{{$v->district_cn}}</div>
  434. <div class="clear"></div>
  435. </div>
  436. </div>
  437. @if($e<count($emergency_jobs))
  438. <div class="split-block"></div>
  439. @endif
  440. @php $e++@endphp
  441. @endforeach
  442. @endif
  443. </div>
  444. <div class="listcon">
  445. @if($recommend_jobs)
  446. @php $i=1@endphp
  447. @foreach($recommend_jobs as $k=>$v)
  448. <div class="job-list-item for-event" onclick="javascript:location.href='{{route("mobile.jobs.show",['id'=>$v->id])}}'">
  449. <div class="info">
  450. <div class="line-one">
  451. <div class="job-name substring font16">
  452. {{$v->jobs_name}}
  453. @if($v->emergency == 1)
  454. <img src="{{theme_asset('mobile/images/231.png')}}"/>
  455. @endif
  456. </div>
  457. @if($v->stick == 1)
  458. <div class="refresh-time font12 font_red_light">置顶</div>
  459. @else
  460. <div class="refresh-time font12">{!! daterange(time(), $v->refresh_time, 'Y-m-d', "#FF3300") !!}</div>
  461. @endif
  462. <div class="clear"></div>
  463. </div>
  464. <div class="line-two font14">
  465. <div class="salary">{{$v->wage_cn}}</div>
  466. <div class="category substring">{{$v->category_name}}</div>
  467. <div class="clear"></div>
  468. </div>
  469. @if($v->tag_cn)
  470. <div class="line-three fontag">
  471. @foreach($v->tag_cn as $j=>$tag)
  472. @if($j<3)
  473. <div class="job-tag">{{$tag}}</div>
  474. @endif
  475. @endforeach
  476. <div class="clear"></div>
  477. </div>
  478. @else
  479. <div class="line-four font13">
  480. {{ $v->education_cn }}/ {{ $v->experience_cn }} / 年龄{{ $v->age_cn }}
  481. </div>
  482. @endif
  483. {{--<div class="apply-btn apply_jobs" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>--}}
  484. @if($v->has_deliver)
  485. <div class="apply-btn apply_jobs has-apply" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
  486. @else
  487. <div class="apply-btn apply_jobs" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
  488. @endif
  489. </div>
  490. <div class="company font13">
  491. <div class="company-name substring">{{$v->company_name}}</div>
  492. <div class="district substring">{{$v->district_cn}}</div>
  493. <div class="clear"></div>
  494. </div>
  495. </div>
  496. @if($i<count($recommend_jobs))
  497. <div class="split-block"></div>
  498. @endif
  499. @php $i++@endphp
  500. @endforeach
  501. @endif
  502. <input class="J_listitme_code" name="select_resume_id" id="select_resume_id" type="hidden" value="">
  503. </div>
  504. </div>
  505. <div class="split-block"></div>
  506. <div style="background: #ffffff;width: 100%;border-top: 1px solid #f0f0f0;" onclick="javascript:location.href='{{route("mobile.jobs")}}'">
  507. <div style=" padding: .15rem 30% .2rem;position: relative;text-align: center;">显示更多职位
  508. </div>
  509. </div>
  510. <div class="split-block"></div>
  511. @endsection
  512. @section('script')
  513. <script type="text/javascript" src="{{theme_asset('app/js/swiper.min.js')}}"></script>
  514. <script>
  515. //闽政通
  516. var is_mzt = localStorage.getItem('is_mzt');
  517. if (is_mzt == 1) {
  518. $(".no_mzt").remove();
  519. }
  520. // 初始化SWiper
  521. var mySwiper = new Swiper('.swiper-container',{
  522. direction:'horizontal',
  523. loop:true,
  524. autoplay:3000,
  525. pagination:'.swiper-pagination',//分页器
  526. });
  527. var isVisitor = 0;
  528. var utype = 0;
  529. @if($user)
  530. isVisitor = 1;
  531. @if($user->utype == 1)
  532. utype = 1;
  533. @else
  534. utype = 2;
  535. @endif
  536. @endif
  537. var sitenameWidth = $(".ni-head .sitename").width()
  538. var siteboxWidth = $(".ni-head .nih-l").width()
  539. if(sitenameWidth>siteboxWidth){
  540. setTimeout(function () {
  541. $(".ni-head .sitename").addClass("marquee");
  542. },4000)
  543. }
  544. // 滚动更多
  545. $("#hwslider").hwSlider({
  546. autoPlay: false,
  547. dotShow: true,
  548. touch: true,
  549. arrShow: false
  550. });
  551. //公告信息滚动
  552. $(".ul-upscroll").textSlider({line:1,speed:50});
  553. $('.listtitle li').on('click', function () {
  554. $(this).addClass("select").siblings().removeClass("select");
  555. $(".indexjoblist .listcon ").eq($(this).index()).addClass("select").siblings().removeClass("select");
  556. });
  557. // 职位标签亮点随机背景色
  558. function randomsort(a, b) {
  559. return Math.random()>.5 ? -1 : 1;
  560. }
  561. var bgArrBefore = [1,2,3,4];
  562. $('.job-list-item').each(function () {
  563. var $jobTagDom = $(this).find('.job-tag');
  564. if ($jobTagDom.length) {
  565. var bgArray = bgArrBefore.sort(randomsort);
  566. $($jobTagDom).each(function (index, value) {
  567. $(this).addClass('tg' + bgArray[index]);
  568. })
  569. }
  570. });
  571. //职位申请
  572. $(".apply_jobs").on('click',function(){
  573. var that = this;
  574. var url = "{{route('mobile.jobs.apply')}}";
  575. var jid = $(this).data('jid');
  576. if ($(this).hasClass('has-apply')) {
  577. return false;
  578. }
  579. if ((isVisitor > 0)) {
  580. if (utype == 1) {
  581. qsToast({type:2,context: '请登录个人会员'});
  582. return false;
  583. }else{
  584. $.ajax({
  585. type: 'POST',
  586. url: url,
  587. data: {jobs_id:jid,_token:"{{csrf_token()}}"},
  588. success: function(data){
  589. if (data.status==1) {
  590. qsToast({type:1,context: data.msg});
  591. $(that).addClass("has-apply");
  592. return false;
  593. } else if(data.status==2){
  594. //选择简历
  595. var dialog = new QSpopout();
  596. dialog.setContent(data.html);
  597. if(data.data=='no'){
  598. dialog.setBtn(1,'确定');
  599. }
  600. else if(data.data=='mix'){
  601. dialog.setBtn(1,'取消');
  602. }else{
  603. dialog.getPrimaryBtn().on('click', function () {
  604. var resume_id = $('#select_resume_id').val();
  605. $.ajax({
  606. type: 'POST',
  607. url: url,
  608. data: {jobs_id:jid,resume_id:resume_id,_token:"{{csrf_token()}}"},
  609. success: function(res){
  610. if (res.status == 0) {
  611. qsToast({type:2,context: res.error});
  612. } else {
  613. qsToast({type:1,context: res.msg});
  614. $(that).addClass("has-apply");
  615. }
  616. },
  617. error: function(apply_error){
  618. if(apply_error.status == 500 || apply_error.status == 400){
  619. qsToast({type:2,context: apply_error.responseJSON.message});
  620. } else {
  621. qsToast({type:2,context: '申请失败!'});
  622. }
  623. }
  624. });
  625. });
  626. }
  627. dialog.show();
  628. }else {
  629. qsToast({type:2,context: data.error});
  630. }
  631. },
  632. error: function(error){
  633. if(result.status == 500 || result.status == 400){
  634. qsToast({type:2,context: result.responseJSON.message});
  635. } else {
  636. qsToast({type:2,context: '申请失败!'});
  637. }
  638. }
  639. });
  640. }
  641. } else {
  642. window.location = "{{route('mobile.login')}}";
  643. }
  644. });
  645. /*// 分站筛选
  646. $('.m-sub-txt-group').on('click', function(){
  647. $('.m-sub-filter-page').toggle();
  648. $('.m-sub-filter-page-complex').toggle();
  649. });
  650. $('.msp-cancel-btn').on('click', function () {
  651. $('.m-sub-filter-page').toggle();
  652. $('.m-sub-filter-page-complex').toggle();
  653. });*/
  654. </script>
  655. @endsection