index.blade.php 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683
  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="https://www.jucai.gov.cn/mobile/active/spring/1">
  166. <img src="https://www.jucai.gov.cn/storage/admin/images/brzNve4UkC5HAUP27Qe4EXaGG8HzHK6o7dk2g9xW.jpeg" width="100%" />
  167. </a>
  168. </div>
  169. </div>
  170. <div class="swiper-pagination"></div>
  171. </div>
  172. {{--<div>
  173. <a href="{{route('mobile.recuperate')}}">
  174. <img src="{{ theme_asset('mobile/images/recuperate/index_recuperate.jpg') }}" width="100%" />
  175. </a>
  176. </div>
  177. <div class="split-block"></div>
  178. <div>
  179. <a href="{{route('mobile.talentcard.index')}}">
  180. <img src="{{ theme_asset('mobile/images/talent_card/index_card.jpg') }}" width="100%" />
  181. </a>
  182. </div>--}}
  183. <div class="split-block"></div>
  184. <!--服务广场-->
  185. <div class="service_square">
  186. <div class="in_title font16">人才服务广场</div>
  187. <div class="in_content">
  188. <a href="{{route('mobile.policy')}}">
  189. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon1.png') }}" /></div>
  190. <div class="tit font12">政策信息</div>
  191. </a>
  192. <a href="{{route('mobile.jobs')}}">
  193. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon2.png') }}" /></div>
  194. <div class="tit font12">招聘信息</div>
  195. </a>
  196. <a href="javascript:;" id="business_helper" class="no_mzt">
  197. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon7.png') }}" /></div>
  198. <div class="tit font12">创业帮手</div>
  199. </a>
  200. <a href="{{route('servicearea.list',['id'=>39])}}" class="no_mzt">
  201. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon3.png') }}" /></div>
  202. <div class="tit font12">住房</div>
  203. </a>
  204. <a href="{{route('servicearea.list',['id'=>40])}}" class="no_mzt">
  205. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon4.png') }}" /></div>
  206. <div class="tit font12">饮食</div>
  207. </a>
  208. <a href="{{route('servicearea.list',['id'=>41])}}" class="no_mzt">
  209. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon5.png') }}" /></div>
  210. <div class="tit font12">购物</div>
  211. </a>
  212. <a href="{{route('servicearea.list',['id'=>45])}}" class="no_mzt">
  213. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon6.png') }}" /></div>
  214. <div class="tit font12">教育</div>
  215. </a>
  216. <a href="{{route('servicearea.list',['id'=>42])}}" class="no_mzt">
  217. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon8.png') }}" /></div>
  218. <div class="tit font12">出行</div>
  219. </a>
  220. <a href="{{route('servicearea.list',['id'=>43])}}" class="no_mzt">
  221. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon9.png') }}" /></div>
  222. <div class="tit font12">娱乐</div>
  223. </a>
  224. <a href="{{route('servicearea.list',['id'=>44])}}" class="no_mzt">
  225. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon10.png') }}" /></div>
  226. <div class="tit font12">旅途</div>
  227. </a>
  228. <a href="{{route('servicearea.list',['id'=>46])}}" class="no_mzt">
  229. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon11.png') }}" /></div>
  230. <div class="tit font12">医疗</div>
  231. </a>
  232. <a href="{{route('servicearea.list',['id'=>47])}}" class="no_mzt">
  233. <div class="imgbox"><img src="{{ theme_asset('mobile/images/index/index_service_icon12.png') }}" /></div>
  234. <div class="tit font12">养老</div>
  235. </a>
  236. <div class="clear"></div>
  237. </div>
  238. <div id="helper_div" style="display:none;">
  239. <div class="close"><div class="btn_icon"></div></div>
  240. <div class="dialog_box" >
  241. <div class="rli" data-code="1" onclick="jump_helper(1)">我有意向创业</div>
  242. <div class="rli" data-code="2" onclick="jump_helper(2)">我已确定创业</div>
  243. </div>
  244. </div>
  245. </div>
  246. <div class="split-block"></div>
  247. <!--新闻-->
  248. <div class="module">
  249. <div class="module-title font14">
  250. <a href="javascript:;" class="module-title-nav font14 active f-left" id="emer">单位招聘</a>
  251. <a href="javascript:;" class="module-title-nav font14 f-left" id="recom">公告公示</a>
  252. <div class="clear"></div>
  253. </div>
  254. <div class="mobile_index_news" id="emergency">
  255. <ul>
  256. @if(array_has($articles1, '59') && $articles1['59'])
  257. @foreach($articles1['59'] as $k=>$v)
  258. <li>
  259. @if(empty($v->is_url))
  260. <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>
  261. @else
  262. <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>
  263. @endif
  264. </li>
  265. @endforeach
  266. <div onclick="window.location='{{route($sub_site."mobile.news.list",['id'=>59])}}';" style="text-align:center;height:.8rem;line-height:.8rem;background:#fff;">查看更多</div>
  267. @else
  268. <div style="text-align:center;height:.8rem;line-height:.8rem;background:#fff;">暂无动态</div>
  269. @endif
  270. </ul>
  271. </div>
  272. <div class="mobile_index_news" id="recommend">
  273. <ul>
  274. @if(array_has($articles2, '58') && $articles2['58'])
  275. @foreach($articles2['58'] as $k=>$v)
  276. <li>
  277. @if(empty($v->is_url))
  278. <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>
  279. @else
  280. <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>
  281. @endif
  282. </li>
  283. @endforeach
  284. <div onclick="window.location='{{route($sub_site."mobile.news.list",['id'=>58])}}';" style="text-align:center;height:.8rem;line-height:.8rem;background:#fff;">查看更多</div>
  285. @else
  286. <div style="text-align:center;height:.8rem;line-height:.8rem;background:#fff;">暂无动态</div>
  287. @endif
  288. </ul>
  289. </div>
  290. </div>
  291. <!--新闻 end-->
  292. <div class="split-block"></div>
  293. <div class="indexfamous">
  294. <div>
  295. <div class="famoustitle font14 ">名企招聘</div>
  296. <a class="more font14" href="{{route('mobile.jobs',['search_cont'=>'setmeal'])}}">更多 ></a>
  297. <div class="clear"></div>
  298. </div>
  299. <div class="indexfamous_list">
  300. @if($seatmeal_companies)
  301. @foreach($seatmeal_companies as $k=>$v)
  302. <a href="{{route('mobile.jobs.company', ['id'=>$v->id])}}">
  303. <img src="{{$v->logo}}" alt="{{$v->companyname}}" />
  304. <div class="companyinfo">
  305. <div class="name font12">{{$v->companyname}}</div>
  306. <div class="num font10"><span>{{$v->jobs_num}}</span>个职位</div>
  307. </div>
  308. </a>
  309. @endforeach
  310. @endif
  311. <div class="clear"></div>
  312. </div>
  313. </div>
  314. <div class="split-block"></div>
  315. <!--招聘列表-->
  316. <div class="indexjoblist link_gray6">
  317. <div class="listtitle">
  318. <ul>
  319. <li class="font14 select"><a>最新招聘</a></li><li class="font14"><a>紧急招聘</a></li><li class="font14"><a>推荐职位</a></li>
  320. </ul>
  321. </div>
  322. <div class="listcon select">
  323. @if($newJobs)
  324. @php $n=1@endphp
  325. @foreach($newJobs as $k=>$v)
  326. <div class="job-list-item for-event" onclick="javascript:location.href='{{route("mobile.jobs.show", ["id"=>$v->id])}}'">
  327. <div class="info">
  328. <div class="line-one">
  329. <div class="job-name substring font16">
  330. {{$v->jobs_name}}
  331. @if($v->emergency == 1)
  332. <img src="{{theme_asset('mobile/images/231.png')}}"/>
  333. @endif
  334. </div>
  335. @if($v->stick == 1)
  336. <div class="refresh-time font12 font_red_light">置顶</div>
  337. @else
  338. <div class="refresh-time font12">{!! daterange(time(), $v->refresh_time, 'Y-m-d', "#FF3300") !!}</div>
  339. @endif
  340. <div class="clear"></div>
  341. </div>
  342. <div class="line-two font14">
  343. <div class="salary">{{$v->wage_cn}}</div>
  344. <div class="category substring">{{$v->category_name}}</div>
  345. <div class="clear"></div>
  346. </div>
  347. @if($v->tag_cn)
  348. <div class="line-three fontag">
  349. @foreach($v->tag_cn as $j=>$tag)
  350. @if($j<3)
  351. <div class="job-tag">{{$tag}}</div>
  352. @endif
  353. @endforeach
  354. <div class="clear"></div>
  355. </div>
  356. @else
  357. <div class="line-four font13">
  358. {{ $v->education_cn }}/ {{ $v->experience_cn }} / 年龄{{ $v->age_cn }}
  359. </div>
  360. @endif
  361. @if($v->has_deliver)
  362. <div class="apply-btn apply_jobs has-apply" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
  363. @else
  364. <div class="apply-btn apply_jobs" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
  365. @endif
  366. </div>
  367. <div class="company font13">
  368. <div class="company-name substring">{{$v->company_name}}</div>
  369. <div class="district substring">{{$v->district_cn}}</div>
  370. <div class="clear"></div>
  371. </div>
  372. </div>
  373. @if($n<count($newJobs))
  374. <div class="split-block"></div>
  375. @endif
  376. @php $n++@endphp
  377. @endforeach
  378. @endif
  379. </div>
  380. <div class="listcon">
  381. @if($emergency_jobs)
  382. @php $e=1@endphp
  383. @foreach($emergency_jobs as $k=>$v)
  384. <div class="job-list-item for-event" onclick="javascript:location.href='{{route("mobile.jobs.show",['id'=>$v->id])}}'">
  385. <div class="info">
  386. <div class="line-one">
  387. <div class="job-name substring font16">
  388. {{$v->jobs_name}}
  389. @if($v->emergency == 1)
  390. <img src="{{theme_asset('mobile/images/231.png')}}"/>
  391. @endif
  392. </div>
  393. @if($v->stick == 1)
  394. <div class="refresh-time font12 font_red_light">置顶</div>
  395. @else
  396. <div class="refresh-time font12">{!! daterange(time(), $v->refresh_time, 'Y-m-d', "#FF3300") !!}</div>
  397. @endif
  398. <div class="clear"></div>
  399. </div>
  400. <div class="line-two font14">
  401. <div class="salary">{{$v->wage_cn}}</div>
  402. <div class="category substring">{{$v->category_name}}</div>
  403. <div class="clear"></div>
  404. </div>
  405. @if($v->tag_cn)
  406. <div class="line-three fontag">
  407. @foreach($v->tag_cn as $j=>$tag)
  408. @if($j<3)
  409. <div class="job-tag">{{$tag}}</div>
  410. @endif
  411. @endforeach
  412. <div class="clear"></div>
  413. </div>
  414. @else
  415. <div class="line-four font13">
  416. {{ $v->education_cn }}/ {{ $v->experience_cn }} / 年龄{{ $v->age_cn }}
  417. </div>
  418. @endif
  419. {{--<div class="apply-btn apply_jobs" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>--}}
  420. @if($v->has_deliver)
  421. <div class="apply-btn apply_jobs has-apply" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
  422. @else
  423. <div class="apply-btn apply_jobs" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
  424. @endif
  425. </div>
  426. <div class="company font13">
  427. <div class="company-name substring">{{$v->company_name}}</div>
  428. <div class="district substring">{{$v->district_cn}}</div>
  429. <div class="clear"></div>
  430. </div>
  431. </div>
  432. @if($e<count($emergency_jobs))
  433. <div class="split-block"></div>
  434. @endif
  435. @php $e++@endphp
  436. @endforeach
  437. @endif
  438. </div>
  439. <div class="listcon">
  440. @if($recommend_jobs)
  441. @php $i=1@endphp
  442. @foreach($recommend_jobs as $k=>$v)
  443. <div class="job-list-item for-event" onclick="javascript:location.href='{{route("mobile.jobs.show",['id'=>$v->id])}}'">
  444. <div class="info">
  445. <div class="line-one">
  446. <div class="job-name substring font16">
  447. {{$v->jobs_name}}
  448. @if($v->emergency == 1)
  449. <img src="{{theme_asset('mobile/images/231.png')}}"/>
  450. @endif
  451. </div>
  452. @if($v->stick == 1)
  453. <div class="refresh-time font12 font_red_light">置顶</div>
  454. @else
  455. <div class="refresh-time font12">{!! daterange(time(), $v->refresh_time, 'Y-m-d', "#FF3300") !!}</div>
  456. @endif
  457. <div class="clear"></div>
  458. </div>
  459. <div class="line-two font14">
  460. <div class="salary">{{$v->wage_cn}}</div>
  461. <div class="category substring">{{$v->category_name}}</div>
  462. <div class="clear"></div>
  463. </div>
  464. @if($v->tag_cn)
  465. <div class="line-three fontag">
  466. @foreach($v->tag_cn as $j=>$tag)
  467. @if($j<3)
  468. <div class="job-tag">{{$tag}}</div>
  469. @endif
  470. @endforeach
  471. <div class="clear"></div>
  472. </div>
  473. @else
  474. <div class="line-four font13">
  475. {{ $v->education_cn }}/ {{ $v->experience_cn }} / 年龄{{ $v->age_cn }}
  476. </div>
  477. @endif
  478. {{--<div class="apply-btn apply_jobs" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>--}}
  479. @if($v->has_deliver)
  480. <div class="apply-btn apply_jobs has-apply" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
  481. @else
  482. <div class="apply-btn apply_jobs" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
  483. @endif
  484. </div>
  485. <div class="company font13">
  486. <div class="company-name substring">{{$v->company_name}}</div>
  487. <div class="district substring">{{$v->district_cn}}</div>
  488. <div class="clear"></div>
  489. </div>
  490. </div>
  491. @if($i<count($recommend_jobs))
  492. <div class="split-block"></div>
  493. @endif
  494. @php $i++@endphp
  495. @endforeach
  496. @endif
  497. <input class="J_listitme_code" name="select_resume_id" id="select_resume_id" type="hidden" value="">
  498. </div>
  499. </div>
  500. <div class="split-block"></div>
  501. <div style="background: #ffffff;width: 100%;border-top: 1px solid #f0f0f0;" onclick="javascript:location.href='{{route("mobile.jobs")}}'">
  502. <div style=" padding: .15rem 30% .2rem;position: relative;text-align: center;">显示更多职位
  503. </div>
  504. </div>
  505. <div class="split-block"></div>
  506. @endsection
  507. @section('script')
  508. <script type="text/javascript" src="{{theme_asset('app/js/swiper.min.js')}}"></script>
  509. <script>
  510. //闽政通
  511. var is_mzt = localStorage.getItem('is_mzt');
  512. if (is_mzt == 1) {
  513. $(".no_mzt").remove();
  514. }
  515. // 初始化SWiper
  516. var mySwiper = new Swiper('.swiper-container',{
  517. direction:'horizontal',
  518. loop:true,
  519. autoplay:3000,
  520. pagination:'.swiper-pagination',//分页器
  521. });
  522. var isVisitor = 0;
  523. var utype = 0;
  524. @if($user)
  525. isVisitor = 1;
  526. @if($user->utype == 1)
  527. utype = 1;
  528. @else
  529. utype = 2;
  530. @endif
  531. @endif
  532. var sitenameWidth = $(".ni-head .sitename").width()
  533. var siteboxWidth = $(".ni-head .nih-l").width()
  534. if(sitenameWidth>siteboxWidth){
  535. setTimeout(function () {
  536. $(".ni-head .sitename").addClass("marquee");
  537. },4000)
  538. }
  539. // 滚动更多
  540. $("#hwslider").hwSlider({
  541. autoPlay: false,
  542. dotShow: true,
  543. touch: true,
  544. arrShow: false
  545. });
  546. //公告信息滚动
  547. $(".ul-upscroll").textSlider({line:1,speed:50});
  548. $('.listtitle li').on('click', function () {
  549. $(this).addClass("select").siblings().removeClass("select");
  550. $(".indexjoblist .listcon ").eq($(this).index()).addClass("select").siblings().removeClass("select");
  551. });
  552. // 职位标签亮点随机背景色
  553. function randomsort(a, b) {
  554. return Math.random()>.5 ? -1 : 1;
  555. }
  556. var bgArrBefore = [1,2,3,4];
  557. $('.job-list-item').each(function () {
  558. var $jobTagDom = $(this).find('.job-tag');
  559. if ($jobTagDom.length) {
  560. var bgArray = bgArrBefore.sort(randomsort);
  561. $($jobTagDom).each(function (index, value) {
  562. $(this).addClass('tg' + bgArray[index]);
  563. })
  564. }
  565. });
  566. //职位申请
  567. $(".apply_jobs").on('click',function(){
  568. var that = this;
  569. var url = "{{route('mobile.jobs.apply')}}";
  570. var jid = $(this).data('jid');
  571. if ($(this).hasClass('has-apply')) {
  572. return false;
  573. }
  574. if ((isVisitor > 0)) {
  575. if (utype == 1) {
  576. qsToast({type:2,context: '请登录个人会员'});
  577. return false;
  578. }else{
  579. $.ajax({
  580. type: 'POST',
  581. url: url,
  582. data: {jobs_id:jid,_token:"{{csrf_token()}}"},
  583. success: function(data){
  584. if (data.status==1) {
  585. qsToast({type:1,context: data.msg});
  586. $(that).addClass("has-apply");
  587. return false;
  588. } else if(data.status==2){
  589. //选择简历
  590. var dialog = new QSpopout();
  591. dialog.setContent(data.html);
  592. if(data.data=='no'){
  593. dialog.setBtn(1,'确定');
  594. }
  595. else if(data.data=='mix'){
  596. dialog.setBtn(1,'取消');
  597. }else{
  598. dialog.getPrimaryBtn().on('click', function () {
  599. var resume_id = $('#select_resume_id').val();
  600. $.ajax({
  601. type: 'POST',
  602. url: url,
  603. data: {jobs_id:jid,resume_id:resume_id,_token:"{{csrf_token()}}"},
  604. success: function(res){
  605. if (res.status == 0) {
  606. qsToast({type:2,context: res.error});
  607. } else {
  608. qsToast({type:1,context: res.msg});
  609. $(that).addClass("has-apply");
  610. }
  611. },
  612. error: function(apply_error){
  613. if(apply_error.status == 500 || apply_error.status == 400){
  614. qsToast({type:2,context: apply_error.responseJSON.message});
  615. } else {
  616. qsToast({type:2,context: '申请失败!'});
  617. }
  618. }
  619. });
  620. });
  621. }
  622. dialog.show();
  623. }else {
  624. qsToast({type:2,context: data.error});
  625. }
  626. },
  627. error: function(error){
  628. if(result.status == 500 || result.status == 400){
  629. qsToast({type:2,context: result.responseJSON.message});
  630. } else {
  631. qsToast({type:2,context: '申请失败!'});
  632. }
  633. }
  634. });
  635. }
  636. } else {
  637. window.location = "{{route('mobile.login')}}";
  638. }
  639. });
  640. /*// 分站筛选
  641. $('.m-sub-txt-group').on('click', function(){
  642. $('.m-sub-filter-page').toggle();
  643. $('.m-sub-filter-page-complex').toggle();
  644. });
  645. $('.msp-cancel-btn').on('click', function () {
  646. $('.m-sub-filter-page').toggle();
  647. $('.m-sub-filter-page-complex').toggle();
  648. });*/
  649. </script>
  650. @endsection