index.blade.php 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  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. <style>
  7. .drop_content{padding-bottom: 1rem;}
  8. </style>
  9. @endpush
  10. @push('js')
  11. <script src="{{ theme_asset('mobile/js/dropload.min.js') }}"></script>
  12. @endpush
  13. @section('content')
  14. <div class="filter-group x2 filter-outer">
  15. <div id="f-mask"></div>
  16. <div class="filter-outer">
  17. <div class="filter-list js-filter" data-tag="0"><div class="filter-cell"><div class="filter-cell-txt">@if($type != '') {{ $order_type_choose[$type] }} @else 订单类型 @endif</div></div></div>
  18. <div class="filter-list js-filter" data-tag="1"><div class="filter-cell"><div class="filter-cell-txt">@if($is_pay != '') {{ $pay_status_choose[$is_pay] }} @else 订单类型 @endif</div></div></div>
  19. <div class="clear"></div>
  20. </div>
  21. <div class="con-filter">
  22. <div class="f-box qs-hidden">
  23. <div class="f-box-inner">
  24. <li><a class="f-item @if(Request::get('type') == '') select @endif" href="{{ route("mobile.firm.service.order.index",array_merge($params,['type'=>''])) }}">全部</a></li>
  25. @foreach($order_type_choose as $key => $val)
  26. <li><a class="f-item @if($key == Request::get('type')) select @endif" href="{{ route("mobile.firm.service.order.index",array_merge($params,['type'=>$key])) }}">{{ $val }}</a></li>
  27. @endforeach
  28. </div>
  29. </div>
  30. <div class="f-box qs-hidden">
  31. <div class="f-box-inner">
  32. <li><a class="f-item @if(Request::get('is_pay') == '') select @endif" href="{{ route("mobile.firm.service.order.index",array_merge($params,['is_pay'=>''])) }}">全部</a></li>
  33. @foreach($pay_status_choose as $key => $val)
  34. <li><a class="f-item @if($key == Request::get('is_pay')) select @endif" href="{{ route("mobile.firm.service.order.index",array_merge($params,['is_pay'=>$key])) }}">{{ $val }}</a></li>
  35. @endforeach
  36. </div>
  37. </div>
  38. </div>
  39. </div>
  40. <div class="split-block"></div>
  41. @if($orderList->total())
  42. <div class="drop_content">
  43. <div class="add_data">
  44. @foreach($orderList as $key => $val)
  45. <div class="order-item" onclick="javascript:location.href='{{ route($sub_site.'mobile.firm.service.order.detail',['id'=>$val->id]) }}'">
  46. <div class="item-header font12">
  47. <div class="txt oid font_gray9">订单号:{{ $val->oid }}</div>
  48. <div class="txt status @if($val->is_pay == 2) font_red @endif">{{ $pay_status_choose[$val->is_pay] }}</div>
  49. <div class="clear"></div>
  50. </div>
  51. <div class="item-content">
  52. <div class="pic p{{ $val->order_type }}"></div>
  53. <div class="txt">
  54. <div class="t1">{{$order_type[$val->order_type]}}</div>
  55. <div class="t2 font_gray6 font12">{{ $val->service_name }}</div>
  56. </div>
  57. <div class="price font_yellow">¥{{ $val->amount }}</div>
  58. <div class="clear"></div>
  59. </div>
  60. </div>
  61. <div class="split-block"></div>
  62. @endforeach
  63. </div>
  64. </div>
  65. @else
  66. <div class="list-empty">
  67. 抱歉,没有符合条件的订单记录!
  68. </div>
  69. @endif
  70. @endsection
  71. @section('script')
  72. <script type="text/javascript">
  73. $('.js-filter').on('click',function(){
  74. var filter = new QSfilter($(this));
  75. });
  76. // 页数
  77. var page = 1;
  78. // dropload
  79. $('.drop_content').dropload({
  80. scrollArea : window,
  81. loadDownFn : function(me){
  82. page++;
  83. var is_pay = "{{ request()->get('is_pay') }}";
  84. var type = "{{ request()->get('type') }}";
  85. $.ajax({
  86. type: 'GET',
  87. url: '{{ route($sub_site.'mobile.firm.service.order.index') }}?is_pay='+is_pay+'&type='+type+'&page='+page,
  88. dataType: 'json',
  89. success: function(result){
  90. if (result.status ==1) {
  91. $('.add_data').append(result.data);
  92. } else {
  93. // 锁定
  94. me.lock();
  95. // 无数据
  96. me.noData();
  97. }
  98. me.resetload();
  99. },
  100. error: function(xhr, type){
  101. // 即使加载出错,也得重置
  102. me.resetload();
  103. }
  104. });
  105. },
  106. threshold : 50
  107. });
  108. </script>
  109. @endsection