index.blade.php 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678
  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/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/quanzhida">
  166. <img src="{{ theme_asset('mobile/images/index/quanzhida.jpg') }}" 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"><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"><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'=>3])}}';" 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. <a href="{{route('mobile.news.show',['id'=>$v->id])}}" target="_blank"><b class="b2"></b>{{cut_str($v->title, 25, 0, '...')}}</a>
  278. </li>
  279. @endforeach
  280. @else
  281. <div style="text-align:center;height:.8rem;line-height:.8rem;background:#fff;">暂无动态</div>
  282. @endif
  283. </ul>
  284. </div>
  285. </div>
  286. <!--新闻 end-->
  287. <div class="split-block"></div>
  288. <div class="indexfamous">
  289. <div>
  290. <div class="famoustitle font14 ">名企招聘</div>
  291. <a class="more font14" href="{{route('mobile.jobs',['search_cont'=>'setmeal'])}}">更多 ></a>
  292. <div class="clear"></div>
  293. </div>
  294. <div class="indexfamous_list">
  295. @if($seatmeal_companies)
  296. @foreach($seatmeal_companies as $k=>$v)
  297. <a href="{{route('mobile.jobs.company', ['id'=>$v->id])}}">
  298. <img src="{{$v->logo}}" alt="{{$v->companyname}}" />
  299. <div class="companyinfo">
  300. <div class="name font12">{{$v->companyname}}</div>
  301. <div class="num font10"><span>{{$v->jobs_num}}</span>个职位</div>
  302. </div>
  303. </a>
  304. @endforeach
  305. @endif
  306. <div class="clear"></div>
  307. </div>
  308. </div>
  309. <div class="split-block"></div>
  310. <!--招聘列表-->
  311. <div class="indexjoblist link_gray6">
  312. <div class="listtitle">
  313. <ul>
  314. <li class="font14 select"><a>最新招聘</a></li><li class="font14"><a>紧急招聘</a></li><li class="font14"><a>推荐职位</a></li>
  315. </ul>
  316. </div>
  317. <div class="listcon select">
  318. @if($newJobs)
  319. @php $n=1@endphp
  320. @foreach($newJobs as $k=>$v)
  321. <div class="job-list-item for-event" onclick="javascript:location.href='{{route("mobile.jobs.show", ["id"=>$v->id])}}'">
  322. <div class="info">
  323. <div class="line-one">
  324. <div class="job-name substring font16">
  325. {{$v->jobs_name}}
  326. @if($v->emergency == 1)
  327. <img src="{{theme_asset('mobile/images/231.png')}}"/>
  328. @endif
  329. </div>
  330. @if($v->stick == 1)
  331. <div class="refresh-time font12 font_red_light">置顶</div>
  332. @else
  333. <div class="refresh-time font12">{!! daterange(time(), $v->refresh_time, 'Y-m-d', "#FF3300") !!}</div>
  334. @endif
  335. <div class="clear"></div>
  336. </div>
  337. <div class="line-two font14">
  338. <div class="salary">{{$v->wage_cn}}</div>
  339. <div class="category substring">{{$v->category_name}}</div>
  340. <div class="clear"></div>
  341. </div>
  342. @if($v->tag_cn)
  343. <div class="line-three fontag">
  344. @foreach($v->tag_cn as $j=>$tag)
  345. @if($j<3)
  346. <div class="job-tag">{{$tag}}</div>
  347. @endif
  348. @endforeach
  349. <div class="clear"></div>
  350. </div>
  351. @else
  352. <div class="line-four font13">
  353. {{ $v->education_cn }}/ {{ $v->experience_cn }} / 年龄{{ $v->age_cn }}
  354. </div>
  355. @endif
  356. @if($v->has_deliver)
  357. <div class="apply-btn apply_jobs has-apply" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
  358. @else
  359. <div class="apply-btn apply_jobs" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
  360. @endif
  361. </div>
  362. <div class="company font13">
  363. <div class="company-name substring">{{$v->company_name}}</div>
  364. <div class="district substring">{{$v->district_cn}}</div>
  365. <div class="clear"></div>
  366. </div>
  367. </div>
  368. @if($n<count($newJobs))
  369. <div class="split-block"></div>
  370. @endif
  371. @php $n++@endphp
  372. @endforeach
  373. @endif
  374. </div>
  375. <div class="listcon">
  376. @if($emergency_jobs)
  377. @php $e=1@endphp
  378. @foreach($emergency_jobs as $k=>$v)
  379. <div class="job-list-item for-event" onclick="javascript:location.href='{{route("mobile.jobs.show",['id'=>$v->id])}}'">
  380. <div class="info">
  381. <div class="line-one">
  382. <div class="job-name substring font16">
  383. {{$v->jobs_name}}
  384. @if($v->emergency == 1)
  385. <img src="{{theme_asset('mobile/images/231.png')}}"/>
  386. @endif
  387. </div>
  388. @if($v->stick == 1)
  389. <div class="refresh-time font12 font_red_light">置顶</div>
  390. @else
  391. <div class="refresh-time font12">{!! daterange(time(), $v->refresh_time, 'Y-m-d', "#FF3300") !!}</div>
  392. @endif
  393. <div class="clear"></div>
  394. </div>
  395. <div class="line-two font14">
  396. <div class="salary">{{$v->wage_cn}}</div>
  397. <div class="category substring">{{$v->category_name}}</div>
  398. <div class="clear"></div>
  399. </div>
  400. @if($v->tag_cn)
  401. <div class="line-three fontag">
  402. @foreach($v->tag_cn as $j=>$tag)
  403. @if($j<3)
  404. <div class="job-tag">{{$tag}}</div>
  405. @endif
  406. @endforeach
  407. <div class="clear"></div>
  408. </div>
  409. @else
  410. <div class="line-four font13">
  411. {{ $v->education_cn }}/ {{ $v->experience_cn }} / 年龄{{ $v->age_cn }}
  412. </div>
  413. @endif
  414. {{--<div class="apply-btn apply_jobs" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>--}}
  415. @if($v->has_deliver)
  416. <div class="apply-btn apply_jobs has-apply" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
  417. @else
  418. <div class="apply-btn apply_jobs" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
  419. @endif
  420. </div>
  421. <div class="company font13">
  422. <div class="company-name substring">{{$v->company_name}}</div>
  423. <div class="district substring">{{$v->district_cn}}</div>
  424. <div class="clear"></div>
  425. </div>
  426. </div>
  427. @if($e<count($emergency_jobs))
  428. <div class="split-block"></div>
  429. @endif
  430. @php $e++@endphp
  431. @endforeach
  432. @endif
  433. </div>
  434. <div class="listcon">
  435. @if($recommend_jobs)
  436. @php $i=1@endphp
  437. @foreach($recommend_jobs as $k=>$v)
  438. <div class="job-list-item for-event" onclick="javascript:location.href='{{route("mobile.jobs.show",['id'=>$v->id])}}'">
  439. <div class="info">
  440. <div class="line-one">
  441. <div class="job-name substring font16">
  442. {{$v->jobs_name}}
  443. @if($v->emergency == 1)
  444. <img src="{{theme_asset('mobile/images/231.png')}}"/>
  445. @endif
  446. </div>
  447. @if($v->stick == 1)
  448. <div class="refresh-time font12 font_red_light">置顶</div>
  449. @else
  450. <div class="refresh-time font12">{!! daterange(time(), $v->refresh_time, 'Y-m-d', "#FF3300") !!}</div>
  451. @endif
  452. <div class="clear"></div>
  453. </div>
  454. <div class="line-two font14">
  455. <div class="salary">{{$v->wage_cn}}</div>
  456. <div class="category substring">{{$v->category_name}}</div>
  457. <div class="clear"></div>
  458. </div>
  459. @if($v->tag_cn)
  460. <div class="line-three fontag">
  461. @foreach($v->tag_cn as $j=>$tag)
  462. @if($j<3)
  463. <div class="job-tag">{{$tag}}</div>
  464. @endif
  465. @endforeach
  466. <div class="clear"></div>
  467. </div>
  468. @else
  469. <div class="line-four font13">
  470. {{ $v->education_cn }}/ {{ $v->experience_cn }} / 年龄{{ $v->age_cn }}
  471. </div>
  472. @endif
  473. {{--<div class="apply-btn apply_jobs" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>--}}
  474. @if($v->has_deliver)
  475. <div class="apply-btn apply_jobs has-apply" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
  476. @else
  477. <div class="apply-btn apply_jobs" data-jid="{{$v->id}}" onclick="event.cancelBubble = true">申请</div>
  478. @endif
  479. </div>
  480. <div class="company font13">
  481. <div class="company-name substring">{{$v->company_name}}</div>
  482. <div class="district substring">{{$v->district_cn}}</div>
  483. <div class="clear"></div>
  484. </div>
  485. </div>
  486. @if($i<count($recommend_jobs))
  487. <div class="split-block"></div>
  488. @endif
  489. @php $i++@endphp
  490. @endforeach
  491. @endif
  492. <input class="J_listitme_code" name="select_resume_id" id="select_resume_id" type="hidden" value="">
  493. </div>
  494. </div>
  495. <div class="split-block"></div>
  496. <div style="background: #ffffff;width: 100%;border-top: 1px solid #f0f0f0;" onclick="javascript:location.href='{{route("mobile.jobs")}}'">
  497. <div style=" padding: .15rem 30% .2rem;position: relative;text-align: center;">显示更多职位
  498. </div>
  499. </div>
  500. <div class="split-block"></div>
  501. @endsection
  502. @section('script')
  503. <script type="text/javascript" src="{{theme_asset('app/js/swiper.min.js')}}"></script>
  504. <script>
  505. //闽政通
  506. var is_mzt = localStorage.getItem('is_mzt');
  507. if (is_mzt == 1) {
  508. $(".no_mzt").remove();
  509. }
  510. // 初始化SWiper
  511. var mySwiper = new Swiper('.swiper-container',{
  512. direction:'horizontal',
  513. loop:true,
  514. autoplay:3000,
  515. pagination:'.swiper-pagination',//分页器
  516. });
  517. var isVisitor = 0;
  518. var utype = 0;
  519. @if($user)
  520. isVisitor = 1;
  521. @if($user->utype == 1)
  522. utype = 1;
  523. @else
  524. utype = 2;
  525. @endif
  526. @endif
  527. var sitenameWidth = $(".ni-head .sitename").width()
  528. var siteboxWidth = $(".ni-head .nih-l").width()
  529. if(sitenameWidth>siteboxWidth){
  530. setTimeout(function () {
  531. $(".ni-head .sitename").addClass("marquee");
  532. },4000)
  533. }
  534. // 滚动更多
  535. $("#hwslider").hwSlider({
  536. autoPlay: false,
  537. dotShow: true,
  538. touch: true,
  539. arrShow: false
  540. });
  541. //公告信息滚动
  542. $(".ul-upscroll").textSlider({line:1,speed:50});
  543. $('.listtitle li').on('click', function () {
  544. $(this).addClass("select").siblings().removeClass("select");
  545. $(".indexjoblist .listcon ").eq($(this).index()).addClass("select").siblings().removeClass("select");
  546. });
  547. // 职位标签亮点随机背景色
  548. function randomsort(a, b) {
  549. return Math.random()>.5 ? -1 : 1;
  550. }
  551. var bgArrBefore = [1,2,3,4];
  552. $('.job-list-item').each(function () {
  553. var $jobTagDom = $(this).find('.job-tag');
  554. if ($jobTagDom.length) {
  555. var bgArray = bgArrBefore.sort(randomsort);
  556. $($jobTagDom).each(function (index, value) {
  557. $(this).addClass('tg' + bgArray[index]);
  558. })
  559. }
  560. });
  561. //职位申请
  562. $(".apply_jobs").on('click',function(){
  563. var that = this;
  564. var url = "{{route('mobile.jobs.apply')}}";
  565. var jid = $(this).data('jid');
  566. if ($(this).hasClass('has-apply')) {
  567. return false;
  568. }
  569. if ((isVisitor > 0)) {
  570. if (utype == 1) {
  571. qsToast({type:2,context: '请登录个人会员'});
  572. return false;
  573. }else{
  574. $.ajax({
  575. type: 'POST',
  576. url: url,
  577. data: {jobs_id:jid,_token:"{{csrf_token()}}"},
  578. success: function(data){
  579. if (data.status==1) {
  580. qsToast({type:1,context: data.msg});
  581. $(that).addClass("has-apply");
  582. return false;
  583. } else if(data.status==2){
  584. //选择简历
  585. var dialog = new QSpopout();
  586. dialog.setContent(data.html);
  587. if(data.data=='no'){
  588. dialog.setBtn(1,'确定');
  589. }
  590. else if(data.data=='mix'){
  591. dialog.setBtn(1,'取消');
  592. }else{
  593. dialog.getPrimaryBtn().on('click', function () {
  594. var resume_id = $('#select_resume_id').val();
  595. $.ajax({
  596. type: 'POST',
  597. url: url,
  598. data: {jobs_id:jid,resume_id:resume_id,_token:"{{csrf_token()}}"},
  599. success: function(res){
  600. if (res.status == 0) {
  601. qsToast({type:2,context: res.error});
  602. } else {
  603. qsToast({type:1,context: res.msg});
  604. $(that).addClass("has-apply");
  605. }
  606. },
  607. error: function(apply_error){
  608. if(apply_error.status == 500 || apply_error.status == 400){
  609. qsToast({type:2,context: apply_error.responseJSON.message});
  610. } else {
  611. qsToast({type:2,context: '申请失败!'});
  612. }
  613. }
  614. });
  615. });
  616. }
  617. dialog.show();
  618. }else {
  619. qsToast({type:2,context: data.error});
  620. }
  621. },
  622. error: function(error){
  623. if(result.status == 500 || result.status == 400){
  624. qsToast({type:2,context: result.responseJSON.message});
  625. } else {
  626. qsToast({type:2,context: '申请失败!'});
  627. }
  628. }
  629. });
  630. }
  631. } else {
  632. window.location = "{{route('mobile.login')}}";
  633. }
  634. });
  635. /*// 分站筛选
  636. $('.m-sub-txt-group').on('click', function(){
  637. $('.m-sub-filter-page').toggle();
  638. $('.m-sub-filter-page-complex').toggle();
  639. });
  640. $('.msp-cancel-btn').on('click', function () {
  641. $('.m-sub-filter-page').toggle();
  642. $('.m-sub-filter-page-complex').toggle();
  643. });*/
  644. </script>
  645. @endsection