jobs_favorites.blade.php 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. @extends('mobile.module.layouts.content')
  2. @push('meta')
  3. <meta name="csrf-token" content="{{ csrf_token() }}">
  4. @endpush
  5. @push('css')
  6. <link href="{{ theme_asset('mobile/css/personal.css') }}" rel="stylesheet">
  7. <link href="{{ theme_asset('mobile/css/jobs.css') }}" rel="stylesheet">
  8. @endpush
  9. @push('js')
  10. <script src="{{ theme_asset('mobile/js/dropload.min.js') }}"></script>
  11. @endpush
  12. @section('content')
  13. <div class="favorites-top-nav list_height">
  14. <div class="n-cell active" style="width: 33%; float: left;
  15. position: relative; text-align:center" onclick="window.location='{{ route($sub_site.'mobile.person.jobsF') }}'">收藏的职位<div class="b-line"></div></div>
  16. <div class="n-cell" style="width: 33%; float: left;
  17. position: relative; text-align:center" onclick="window.location='{{ route($sub_site.'mobile.person.attention_com') }}'" >关注的企业</div>
  18. <div class="n-cell" style="width: 33%; float: left;
  19. position: relative; text-align:center" onclick="window.location='{{ route($sub_site.'mobile.jobsSubscribe') }}'" >职位订阅器</div>
  20. <div class="clear"></div>
  21. </div>
  22. <div class="split-block"></div>
  23. <div class="drop_content">
  24. <div class="add_data">
  25. @if($content->total())
  26. @foreach($content as $key=>$val)
  27. @if($val->jobs)
  28. <div class="job-list-item js-longpress for-event" data-yid="{{ $val->id }}" onclick="window.location.href='{{ route($sub_site.'mobile.jobs.show',['id'=>$val->jobs->id]) }}'">
  29. <div class="info">
  30. <div class="line-one">
  31. <div class="job-name substring font15">{{ $val->jobs->jobs_name }}</div>
  32. <div class="refresh-time font12">@if($val->jobs->refresh_time){{ date('Y-m-d',$val->jobs->refresh_time) }}@endif</div>
  33. <div class="clear"></div>
  34. </div>
  35. <div class="line-two font14">
  36. <div class="salary">{{ $val->jobs->wage_cn }}</div>
  37. <div class="category substring">{{ $val->jobs->trade_cn }}</div>
  38. <div class="clear"></div>
  39. </div>
  40. <div class="line-four font13">{{ $val->jobs->education_cn }} / {{ $val->jobs->experience_cn }} / {{ $val->jobs->age_cn }}</div>
  41. <div class="@if(!$val->personalJobsApply->isEmpty()) has-apply @endif J_apply apply-btn" jid="{{ $val->jobs->id }}" onClick="event.cancelBubble = true">申请</div>
  42. </div>
  43. <div class="company font13">
  44. <div class="company-name substring">{{ $val->jobs->company_name }}</div>
  45. <div class="district substring">{{ $val->jobs->district_cn }}</div>
  46. <div class="clear"></div>
  47. </div>
  48. </div>
  49. @endif
  50. @endforeach
  51. @else
  52. <div class="list-empty link_blue">
  53. 目前您没有收藏的职位!<br>
  54. 建议您主动出击 <a href="{{ route($sub_site.'mobile.jobs') }}">找工作</a>
  55. </div>
  56. @endif
  57. </div>
  58. </div>
  59. <input class="J_listitme_code" name="select_resume_id" id="select_resume_id" type="hidden" value="">
  60. @endsection
  61. @section('script')
  62. <script src="{{ theme_asset('mobile/js/longPress.js') }}"></script>
  63. <script type="text/javascript">
  64. $(function () {
  65. var page = 1;
  66. $('.drop_content').dropload({
  67. scrollArea : window,
  68. loadDownFn : function(me){
  69. page++;
  70. $.ajax({
  71. type: 'GET',
  72. url: '{{ route($sub_site.'mobile.person.jobsF') }}?page='+page,
  73. dataType: 'json',
  74. success: function(result){
  75. if (result.status ==1) {
  76. $('.add_data').append(result.data);
  77. } else {
  78. // 锁定
  79. me.lock();
  80. // 无数据
  81. me.noData();
  82. }
  83. me.resetload();
  84. },
  85. error: function(xhr, type){
  86. alert('Ajax error!');
  87. // 即使加载出错,也得重置
  88. me.resetload();
  89. }
  90. });
  91. },
  92. threshold : 50
  93. });
  94. })
  95. $('.J_apply').on('click',function(){
  96. var THIS = $(this);
  97. if ($(this).hasClass('has-apply')) {
  98. return false;
  99. }
  100. var jid = $(this).attr('jid');
  101. $.ajax({
  102. type: 'POST',
  103. url: "{{route($sub_site.'mobile.person.resume_apply_ajax')}}",
  104. data: {_token:"{{csrf_token()}}"},
  105. success: function(data){
  106. var dialog = new QSpopout();
  107. dialog.setContent(data.data);
  108. dialog.show();
  109. dialog.getPrimaryBtn().on('click', function () {
  110. var resume_id = $('#select_resume_id').val();
  111. $.ajax({
  112. type: 'POST',
  113. url: "{{ route($sub_site.'mobile.person.resume_apply') }}",
  114. data: {jobs_id:jid,resume_id:resume_id,_token:"{{csrf_token()}}"},
  115. success: function(res){
  116. THIS.addClass('has-apply');
  117. qsToast({type:1,context: res.data});
  118. },
  119. error: function(errorData){
  120. if(errorData.status==400) {//业务错误
  121. qsToast({type:2,context: JSON.parse(errorData.response).message});
  122. }
  123. }
  124. });
  125. });
  126. }
  127. });
  128. });
  129. // 长按删除
  130. $('.js-longpress').each(function () {
  131. var y_id = $(this).data('yid');
  132. $(this).longPress(function(){
  133. var popout = new QSpopout();
  134. popout.setContent('确定删除吗?');
  135. popout.show();
  136. popout.getPrimaryBtn().on('click', function () {
  137. $.ajax({
  138. headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
  139. url: "{{ route($sub_site.'person.del_person_favorite') }}",
  140. type: 'POST',
  141. dataType: 'json',
  142. data: {id: y_id},
  143. success: function (result) {
  144. qsToast({type:1,context: '删除成功!'});
  145. setTimeout(function () {
  146. window.location.reload();
  147. }, 2000);
  148. },
  149. error: function (errorData) {
  150. if(errorData.status==400) {//业务错误
  151. qsToast({type:2,context: JSON.parse(errorData.response).message});
  152. }
  153. }
  154. })
  155. });
  156. });
  157. });
  158. </script>
  159. @endsection