jobfair_enact.blade.php 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. @extends('mobile.module.layouts.content')
  2. @push('meta')
  3. @endpush
  4. @push('css')
  5. <link rel="stylesheet" href="{{theme_asset('mobile/css/company.css')}}">
  6. <link rel="stylesheet" href="{{theme_asset('mobile/css/jobfair_top_btn.css')}}">
  7. <style>
  8. .drop_content{padding-bottom: 1rem;}
  9. .jobfair-enact-list-item .status {
  10. position: absolute;
  11. top: 20%;
  12. right: 5%;
  13. padding: .1rem .2rem;
  14. color: #fff;
  15. border-radius: .1rem;
  16. line-height: .3rem;
  17. height: .5rem;
  18. }
  19. .jobfair-enact-list-item .add_jobs{
  20. position: absolute;
  21. top: 60%;
  22. right: 5%;
  23. padding: .1rem .2rem;
  24. color: #fff;
  25. border-radius: .1rem;
  26. line-height: .3rem;
  27. height: .5rem;
  28. background-color: #ff782e;
  29. }
  30. .jobfair-enact-list-item .end{
  31. position: absolute;
  32. top: 60%;
  33. right: 5%;
  34. padding: .1rem .2rem;
  35. color: #fff;
  36. border-radius: .1rem;
  37. line-height: .3rem;
  38. height: .5rem;
  39. background-color: grey;
  40. }
  41. </style>
  42. @endpush
  43. @push('js')
  44. <script src="{{ theme_asset('mobile/js/dropload.min.js') }}"></script>
  45. @endpush
  46. @section('content')
  47. <div class="combtn">
  48. <div class="btns font12">
  49. <div class="cli for-event" onclick="javascript:location.href='{{route('mobile.firm.jobfair.index')}}'">
  50. <div class="pic t1"></div>
  51. <div class="txt">近期招聘会</div>
  52. </div>
  53. <div class="cli for-event" onclick="javascript:location.href='{{route('mobile.firm.jobfair_jobs.list')}}'">
  54. <div class="pic t2"></div>
  55. <div class="txt">招聘会职位</div>
  56. </div>
  57. <div class="cli for-event" onclick="javascript:location.href='{{ route('mobile.firm.jobfair_jobs.add') }}'">
  58. <div class="pic t3"></div>
  59. <div class="txt">发布职位</div>
  60. </div>
  61. <div class="cli for-event" onclick="javascript:location.href='{{ route('mobile.firm.jobfair.enact') }}'">
  62. <div class="pic t4"></div>
  63. <div class="txt">定展记录</div>
  64. </div>
  65. <div class="clear"></div>
  66. </div>
  67. </div>
  68. <div class="split-block"></div>
  69. <div class="drop_content">
  70. <div class="add_data">
  71. @if($enactList->total())
  72. @foreach($enactList as $key=> $val)
  73. <div class="jobfair-enact-list-item">
  74. <div class="title font16 substring" style="width: 5rem" onclick="javascript:location.href='{{ route('mobile.jobfair.detail',['id'=>$val->jobfair_id]) }}'">{{ $val->jobfair->title }}</div>
  75. <div class="pic">展位号:<span>{{ $val->position }}</span></div>
  76. <div class="pic">预定时间:<span>{{ $val->created_at }}</span></div>
  77. @switch($val->audit)
  78. @case(1) <div class="status ok">预定成功</div> @break
  79. @case(2) <div class="status ing">等待审核</div> @break
  80. @case(3) <div class="status finish">审核未通过</div> @break
  81. @endswitch
  82. @if($val->jobfair->holddate_end < time())
  83. <div class="end">招聘结束</div>
  84. @else
  85. @switch($val->audit)
  86. @case(1) <div class="add_jobs" onclick="javascript:location.href='{{ route('mobile.firm.jobfair_jobs.put_jobs',['id'=>$val->id]) }}'">发布职位</div>@break
  87. @case(2) <div class="add_jobs" onclick="javascript:location.href='{{ route('mobile.firm.jobfair_jobs.put_jobs',['id'=>$val->id]) }}'">发布职位</div> @break
  88. @endswitch
  89. @endif
  90. </div>
  91. <div class="list-split-block"></div>
  92. @endforeach
  93. @endif
  94. </div>
  95. </div>
  96. @endsection
  97. @section('script')
  98. <script>
  99. // 页数
  100. var page = 1;
  101. // dropload
  102. $('.drop_content').dropload({
  103. scrollArea : window,
  104. loadDownFn : function(me){
  105. page++;
  106. $.ajax({
  107. type: 'GET',
  108. url: '{{ route('mobile.firm.jobfair.enact') }}?page='+page,
  109. dataType: 'json',
  110. success: function(result){
  111. if (result.status ==1) {
  112. $('.add_data').append(result.data);
  113. } else {
  114. // 锁定
  115. me.lock();
  116. // 无数据
  117. me.noData();
  118. }
  119. me.resetload();
  120. },
  121. error: function(xhr, type){
  122. // 即使加载出错,也得重置
  123. // me.resetload();
  124. }
  125. });
  126. },
  127. threshold : 50
  128. });
  129. </script>
  130. @endsection