index.blade.php 33 KB

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