fxOrderList.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  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/fx/bookList/orderCloseList.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="C006" th:selected="${ search.get('order_type') eq 'C006' }" >直接零售</option>
  36. <option value="C004" th:selected="${ search.get('order_type') eq 'C004' }" >辅助零售</option>
  37. </select>
  38. </li>
  39. <li>
  40. <label>开始时间</label>
  41. <input type="text" id="beginDate" name="beginDate" autocomplete="off" onclick="WdatePicker({maxDate:'#F{$dp.$D(\'endDate\')}'})" th:value="${search.beginDate }" class="scinput date_width " placeholder="开始时间">
  42. </li>
  43. <li>
  44. <label>结束时间</label>
  45. <input type="text" id="endDate" name="endDate" autocomplete="off" onclick="WdatePicker({minDate:'#F{$dp.$D(\'beginDate\')}'})" th:value="${search.endDate }" class="scinput date_width" placeholder="结束时间">
  46. </li>
  47. <li>
  48. <label>订单编号</label>
  49. <input name="order_no" type="text" class="scinput" th:value="${search.get('order_no')}"/>
  50. </li>
  51. <li>
  52. <label>&nbsp;</label>
  53. <input type="button" class="scbtn" value="查询" />
  54. </li>
  55. <li>
  56. <input type="button" id="button" style="width: 100px;" class="scbtnbution" value="导出明细" />
  57. </li>
  58. <ul class="toolbar">
  59. <li class="click"><span><img style="width: 24px;height: 24px" th:src="@{/static/sys/images/select.png}" /></span>选择</li>
  60. </ul>
  61. </ul>
  62. </form>
  63. <table class="tablelist">
  64. <thead>
  65. <tr>
  66. <th><input type="checkbox" onchange="selectAll()"></th>
  67. <th style="width: 50px;">序号</th>
  68. <th>下单人</th>
  69. <th>订单编号</th>
  70. <th>订单类型</th>
  71. <th>订单金额</th>
  72. <th>下单时间</th>
  73. <th>支付成功时间</th>
  74. <th>退款时间</th>
  75. <th>是否结算</th>
  76. </tr>
  77. </thead>
  78. <tbody>
  79. <tr th:each="item:${list}" >
  80. <td><input name="selectlist" type="checkbox" th:data-id="${item.get('id')}" th:if="${item.get('is_close') lt '2'}"/></td>
  81. <td th:text="${itemStat.count}" ></td>
  82. <td th:text="${item.get('wx_name')}">
  83. </td>
  84. <td th:text="${item.get('order_no')}">
  85. </td>
  86. <td th:text="${item.get('price_type')}"></td>
  87. <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>
  88. <td th:text="${#calendars.format(item.get('create_time'),'yyyy-MM-dd HH:mm')}" ></td>
  89. <td th:text="${#calendars.format(item.get('pay_time'),'yyyy-MM-dd HH:mm')}" ></td>
  90. <td th:text="${#calendars.format(item.get('refund_time'),'yyyy-MM-dd HH:mm')}" ></td>
  91. <td th:text="${item.get('is_close')}"></td>
  92. </tr>
  93. </tbody>
  94. </table>
  95. <!-- 分页 -->
  96. <div class="pagin">
  97. <div class="message">共<i class="blue">[[${page.rowCnt}]]</i>条记录,当前显示第&nbsp;<i class="blue">[[${page.pageNo }]]&nbsp;</i>页</div>
  98. <div th:utext='${listNavigatHtml}' th:remove="tag" ></div>
  99. </div>
  100. </div>
  101. <script type="text/javascript">
  102. $(function(){
  103. $('ul.toolbar li.click').click(function () {
  104. var selectIds=[];
  105. $('[name=selectlist]:checkbox:checked').each(function() {
  106. var id = $(this).attr('data-id');
  107. selectIds.push(id);
  108. });
  109. if(selectIds.length>0){
  110. showIndex(selectIds);
  111. }
  112. });
  113. $('[name=selectlist]:checkbox').change(function () {
  114. $(this).checked = !$(this).checked;
  115. });
  116. })
  117. function selectAll() {
  118. $('[name=selectlist]:checkbox').each(function() {
  119. this.checked = !this.checked;
  120. });
  121. }
  122. $("#button").on('click',function(){
  123. document.getElementById("seachform").action = "[[${sysUrl}]]/sys/fx/bookList/exportOrder";
  124. $("#seachform").submit();
  125. document.getElementById("seachform").action = "[[${sysUrl}]]/sys/fx/bookList/orderCloseList.html";
  126. });
  127. function showIndex(selectIds){
  128. var content ="您确定要添加管理员吗?";
  129. parent.layer.confirm(content, {
  130. icon: 4, btn: ['确定','关闭'] //按钮
  131. }, function(){
  132. var url="[[${sysUrl}]]/sys/fx/bookList/orderDetailClose";
  133. var params ={
  134. 'ids' : selectIds
  135. };
  136. $.post(url,params,function(data){
  137. if(data.meta.success){
  138. parent.layer.msg("标记结算成功",{icon:1});
  139. closeWin();
  140. }else{
  141. parent.layer.msg(data.meta.message,{icon:11});
  142. closeWin();
  143. }
  144. });
  145. });
  146. }
  147. function closeWin(){
  148. location.reload();
  149. }
  150. </script>
  151. </body>
  152. </html>