orderList.blade.php 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  1. @extends('admin.layouts')
  2. @section('css')
  3. <link href="/assets/global/vendor/bootstrap-table/bootstrap-table.min.css" type="text/css" rel="stylesheet">
  4. <link href="/assets/global/vendor/bootstrap-datepicker/bootstrap-datepicker.min.css" type="text/css" rel="stylesheet">
  5. @endsection
  6. @section('content')
  7. <div class="page-content container-fluid">
  8. <div class="panel">
  9. <div class="panel-heading">
  10. <h2 class="panel-title">订单列表</h2>
  11. </div>
  12. <div class="panel-body">
  13. <div class="form-row">
  14. <div class="form-group col-lg-2 col-sm-6">
  15. <input type="text" class="form-control" name="username" id="username" value="{{Request::get('username')}}" placeholder="用户名"/>
  16. </div>
  17. <div class="form-group col-lg-2 col-sm-6">
  18. <input type="number" class="form-control" name="order_sn" id="order_sn" value="{{Request::get('order_sn')}}" placeholder="订单号"/>
  19. </div>
  20. <div class="form-group col-lg-6 col-sm-12">
  21. <div class="input-group input-daterange" data-plugin="datepicker">
  22. <div class="input-group-prepend">
  23. <span class="input-group-text"><i class="icon wb-calendar" aria-hidden="true"></i></span>
  24. </div>
  25. <input type="text" class="form-control" name="start" id="start" placeholder="{{date("Y-m-d")}}"/>
  26. <div class="input-group-prepend">
  27. <span class="input-group-text">至</span>
  28. </div>
  29. <input type="text" class="form-control" name="end" id="end" placeholder="{{date("Y-m-d",strtotime("+1 month"))}}"/>
  30. </div>
  31. </div>
  32. <div class="form-group col-lg-2 col-sm-6">
  33. <select class="form-control" name="is_expire" id="is_expire" onChange="Search()">
  34. <option value="" @if(Request::get('is_expire') == '') selected hidden @endif>是否过期</option>
  35. <option value="0" @if(Request::get('is_expire') == '0') selected hidden @endif>否</option>
  36. <option value="1" @if(Request::get('is_expire') == '1') selected hidden @endif>是</option>
  37. </select>
  38. </div>
  39. <div class="form-group col-lg-2 col-sm-6">
  40. <select class="form-control" name="is_coupon" id="is_coupon" onChange="Search()">
  41. <option value="" @if(Request::get('is_coupon') == '') selected hidde @endif>是否使用优惠券</option>
  42. <option value="0" @if(Request::get('is_coupon') == '0') selected hidden @endif>否</option>
  43. <option value="1" @if(Request::get('is_coupon') == '1') selected hidden @endif>是</option>
  44. </select>
  45. </div>
  46. <div class="form-group col-lg-2 col-sm-6">
  47. <select class="form-control" name="pay_way" id="pay_way" onChange="Search()">
  48. <option value="" @if(Request::get('pay_way') == '') selected hidden @endif>支付方式</option>
  49. <option value="1" @if(Request::get('pay_way') == '1') selected hidden @endif>余额支付</option>
  50. <option value="2" @if(Request::get('pay_way') == '2') selected hidden @endif>有赞云支付</option>
  51. <option value="4" @if(Request::get('pay_way') == '4') selected hidden @endif>支付宝国际</option>
  52. <option value="5" @if(Request::get('pay_way') == '5') selected hidden @endif>支付宝当面付</option>
  53. </select>
  54. </div>
  55. <div class="form-group col-lg-2 col-sm-6">
  56. <select class="form-control" name="status" id="status" onChange="Search()">
  57. <option value="" @if(Request::get('status') == '') selected hidden @endif>订单状态</option>
  58. <option value="-1" @if(Request::get('status') == '-1') selected hidden @endif>已关闭</option>
  59. <option value="0" @if(Request::get('status') == '0') selected hidden @endif>待支付</option>
  60. <option value="1" @if(Request::get('status') == '1') selected hidden @endif>已支付待确认</option>
  61. <option value="2" @if(Request::get('status') == '2') selected hidden @endif>已完成</option>
  62. </select>
  63. </div>
  64. <div class="form-group col-lg-3 col-sm-6">
  65. <div class="d-flex align-items-center">
  66. <div class="radio-custom radio-primary radio-inline">
  67. <input type="radio" name="sort" value="0" checked/>
  68. <label for="type">降序</label>
  69. </div>
  70. <div class="radio-custom radio-primary radio-inline">
  71. <input type="radio" name="sort" value="1" @if(Request::get('sort') == '1') checked @endif/>
  72. <label for="type">升序</label>
  73. </div>
  74. </div>
  75. </div>
  76. <div class="form-group col-lg-2 col-sm-6 btn-group">
  77. <button class="btn btn-primary" onclick="Search()">搜索</button>
  78. <a href="/admin/orderList" class="btn btn-danger">重置</a>
  79. </div>
  80. </div>
  81. <table class="text-md-center" data-toggle="table" data-mobile-responsive="true">
  82. <thead class="thead-default">
  83. <tr>
  84. <th> #</th>
  85. <th> 用户名</th>
  86. <th> 订单号</th>
  87. <th> 商品</th>
  88. <th> 过期时间</th>
  89. <th> 优惠券</th>
  90. <th> 原价</th>
  91. <th> 实价</th>
  92. <th> 支付方式</th>
  93. <th> 订单状态</th>
  94. <th> 创建时间</th>
  95. </tr>
  96. </thead>
  97. <tbody>
  98. @if($orderList->isEmpty())
  99. <tr>
  100. <td colspan="11">暂无数据</td>
  101. </tr>
  102. @else
  103. @foreach($orderList as $order)
  104. <tr>
  105. <td> {{$order->oid}} </td>
  106. <td>
  107. @if(empty($order->user) )
  108. 【账号不存在】
  109. @else
  110. <a href="/admin/userList?id={{$order->user->id}}" target="_blank">{{$order->user->username}} </a>
  111. @endif
  112. </td>
  113. <td> {{$order->order_sn}}</td>
  114. <td> {{$order->goods->name}} </td>
  115. <td> {{$order->is_expire ? '已过期' : $order->expire_at}} </td>
  116. <td> {{$order->coupon ? $order->coupon->name . ' - ' . $order->coupon->sn : ''}} </td>
  117. <td> ¥{{$order->origin_amount}} </td>
  118. <td> ¥{{$order->amount}} </td>
  119. <td>
  120. @if($order->pay_way == '1')
  121. <span class="badge badge-lg badge-info"> 余额支付 </span>
  122. @elseif($order->pay_way == '2')
  123. <span class="badge badge-lg badge-info"> 有赞云支付 </span>
  124. @elseif($order->pay_way == '4')
  125. <span class="label label-info"> 支付宝国际 </span>
  126. @elseif($order->pay_way == '5')
  127. <span class="label label-info"> 支付宝当面付 </span>
  128. @else
  129. <span class="badge badge-lg badge-info"> 未知 </span>
  130. @endif
  131. </td>
  132. <td>
  133. @if($order->status == '-1')
  134. <span class="badge badge-lg badge-danger"> 已关闭 </span>
  135. @elseif ($order->status == '0')
  136. <span class="badge badge-lg badge-default"> 待支付 </span>
  137. @elseif ($order->status == '1')
  138. <span class="badge badge-lg badge-default"> 已支付待确认 </span>
  139. @else
  140. <span class="badge badge-lg badge-success"> 已完成 </span>
  141. @endif
  142. </td>
  143. <td> {{$order->created_at}} </td>
  144. </tr>
  145. @endforeach
  146. @endif
  147. </tbody>
  148. </table>
  149. </div>
  150. <div class="panel-footer">
  151. <div class="row">
  152. <div class="col-sm-4">
  153. 共 <code>{{$orderList->total()}}</code> 个订单
  154. </div>
  155. <div class="col-sm-8">
  156. <nav class="Page navigation float-right">
  157. {{$orderList->links()}}
  158. </nav>
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. </div>
  164. @endsection
  165. @section('script')
  166. <script src="/assets/global/vendor/bootstrap-table/bootstrap-table.min.js" type="text/javascript"></script>
  167. <script src="/assets/global/vendor/bootstrap-table/extensions/mobile/bootstrap-table-mobile.min.js" type="text/javascript"></script>
  168. <script src="/assets/global/vendor/bootstrap-datepicker/bootstrap-datepicker.min.js" type="text/javascript"></script>
  169. <script src="/assets/global/js/Plugin/bootstrap-datepicker.js" type="text/javascript"></script>
  170. <script type="text/javascript">
  171. // 有效期
  172. $('.input-daterange').datepicker({
  173. format: "yyyy-mm-dd",
  174. });
  175. //回车检测
  176. $(document).on("keypress", "input", function (e) {
  177. if (e.which === 13) {
  178. Search();
  179. return false;
  180. }
  181. });
  182. // 搜索
  183. function Search() {
  184. window.location.href = '/admin/orderList?username=' + $("#username").val() + '&order_sn=' + $("#order_sn").val() + '&is_expire=' + $("#is_expire").val() + '&is_coupon=' + $("#is_coupon").val() + '&pay_way=' + $("#pay_way").val() + '&status=' + $("#status").val() + '&sort=' + $("input:radio[name='sort']:checked").val() + '&range_time=' + [$("#start").val(), $("#end").val()];
  185. }
  186. </script>
  187. @endsection