orderList.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. <html xmlns:th="http://www.thymeleaf.org">
  2. <head>
  3. <title>私塾家</title>
  4. <script th:include="sys/common/metaCSS" th:remove="tag"></script>
  5. <script th:include="sys/common/metaJS" th:remove="tag"></script>
  6. <script src="sys/js/My97DatePicker/WdatePicker.js" th:src="@{/static/sys/js/My97DatePicker/WdatePicker.js}"></script>
  7. </head>
  8. <style>
  9. .tablelink{margin-right:10px;}
  10. .stylecss{
  11. color: red;
  12. }
  13. .select_width{
  14. width: 70px;
  15. }
  16. .date_width{
  17. width: 100px;
  18. }
  19. </style>
  20. <body>
  21. <div class="place">
  22. <span>位置:</span>
  23. <ul class="placeul">
  24. <li><a href="#">微信管理</a></li>
  25. <li><a href="#">资金流水管理</a></li>
  26. </ul>
  27. </div>
  28. <div class="rightinfo">
  29. <form id="seachform" th:action="@{/sys/order/orderList.html}" method="post">
  30. <ul class="seachform">
  31. <li>
  32. <label>订单类型</label>
  33. <select class="scinput select_width" style="width: 146px;" name="order_type" th:switch="${search.get('order_type')}" >
  34. <option value="" th:selected="${ search.get('order_type') eq '' }" >全部</option>
  35. <option value="4" th:selected="${ search.get('order_type') eq '4' }" >会员卡支付酬金</option>
  36. <option value="7" th:selected="${ search.get('order_type') eq '7' }" >图书馆借书首次酬金</option>
  37. <option value="8" th:selected="${ search.get('order_type') eq '8' }" >图书馆借书普通酬金</option>
  38. </select>
  39. </li>
  40. <li>
  41. <label>订单状态</label>
  42. <select class="scinput select_width" name="order_status" th:switch="${search.get('order_status')}" >
  43. <option value="" th:selected="${ search.get('order_status') eq '' }" >全部</option>
  44. <option value="0" th:selected="${ search.get('order_status') eq '0' }" >未支付</option>
  45. <option value="1" th:selected="${ search.get('order_status') eq '1' }" >已支付</option>
  46. <!-- <option value="2" th:selected="${ search.get('order_status') eq '2' }" >已取消</option>
  47. <option value="3" th:selected="${ search.get('order_status') eq '3' }" >已完成</option> -->
  48. <option value="4" th:selected="${ search.get('order_status') eq '4' }" >已退款</option>
  49. </select>
  50. </li>
  51. <li>
  52. <label>开始时间</label>
  53. <input type="text" id="beginDate" name="beginDate" onclick="WdatePicker({maxDate:'#F{$dp.$D(\'endDate\')}'})" th:value="${search.beginDate }" class="scinput date_width " placeholder="开始时间">
  54. </li>
  55. <li>
  56. <label>结束时间</label>
  57. <input type="text" id="endDate" name="endDate" onclick="WdatePicker({minDate:'#F{$dp.$D(\'beginDate\')}'})" th:value="${search.endDate }" class="scinput date_width" placeholder="结束时间">
  58. </li>
  59. <li>
  60. <label>订单编号</label>
  61. <input name="order_no" type="text" class="scinput" th:value="${search.get('order_no')}"/>
  62. </li>
  63. <li>
  64. <label>&nbsp;</label>
  65. <input type="button" class="scbtn" value="查询" />
  66. </li>
  67. <li>
  68. <input type="button" id="button" style="width: 100px;" class="scbtnbution" value="导出明细" />
  69. </li>
  70. </ul>
  71. </form>
  72. <table class="tablelist">
  73. <thead>
  74. <tr>
  75. <th style="width: 50px;">序号</th>
  76. <th>下单人</th>
  77. <th>订单编号</th>
  78. <th>订单类型</th>
  79. <th>订单状态</th>
  80. <th>订单金额</th>
  81. <th>下单时间</th>
  82. <th>支付成功时间</th>
  83. <th>退款时间</th>
  84. </tr>
  85. </thead>
  86. <tbody>
  87. <tr th:each="item:${list}" >
  88. <td th:text="${itemStat.count}" ></td>
  89. <td th:text="${item.get('wx_name')}">
  90. </td>
  91. <td th:text="${item.get('order_no')}">
  92. </td>
  93. <td th:switch="${item.get('order_type')}">
  94. <span th:case="4">会员卡支付酬金</span>
  95. <span th:case="7">图书馆借书首次酬金</span>
  96. <span th:case="8">图书馆借书普通酬金</span>
  97. <span th:case="*">其他</span>
  98. </td>
  99. <td th:switch="${item.get('order_status')}">
  100. <span th:case="0">未支付</span>
  101. <span th:case="1" style="color: red;">已支付</span>
  102. <span th:case="1" style="color: red;">财务手动</span>
  103. <span th:case="4" style="color: green;">已退款</span>
  104. <span th:case="*">其他</span>
  105. </td>
  106. <td th:text=" ${#strings.contains(item.get('order_money'),'.00')} ? ${#numbers.formatDecimal(item.get('order_money'),1,0)} : ${#numbers.formatDecimal(item.get('order_money'),1,2)} " style="color: red;"></td>
  107. <td th:text="${#calendars.format(item.get('create_time'),'yyyy-MM-dd HH:mm')}" ></td>
  108. <td th:text="${#calendars.format(item.get('pay_time'),'yyyy-MM-dd HH:mm')}" ></td>
  109. <td th:text="${#calendars.format(item.get('refund_time'),'yyyy-MM-dd HH:mm')}" ></td>
  110. </tr>
  111. </tbody>
  112. </table>
  113. <!-- 分页 -->
  114. <div class="pagin">
  115. <div class="message">共<i class="blue">[[${page.rowCnt}]]</i>条记录,当前显示第&nbsp;<i class="blue">[[${page.pageNo }]]&nbsp;</i>页</div>
  116. <div th:utext='${listNavigatHtml}' th:remove="tag" ></div>
  117. </div>
  118. </div>
  119. <script type="text/javascript">
  120. $("#button").on('click',function(){
  121. document.getElementById("seachform").action = "[[${sysUrl}]]/sys/report/exportOrder";
  122. $("#seachform").submit();
  123. document.getElementById("seachform").action = "[[${sysUrl}]]/sys/order/orderList.html";
  124. });
  125. </script>
  126. </body>
  127. </html>