deviceOutList.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  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. <script src="sys/js/jquery.searchableSelect.js" th:src="@{/static/sys/js/jquery.searchableSelect.js}"></script>
  8. </head>
  9. <style>
  10. .tablelink{margin-right:10px;}
  11. .stylecss{
  12. color: red;
  13. }
  14. .select_width{
  15. width: 220px;
  16. }
  17. .date_width{
  18. width: 150px;
  19. }
  20. </style>
  21. <body>
  22. <div class="place">
  23. <span>位置:</span>
  24. <ul class="placeul">
  25. <li><a href="#">销售管理</a></li>
  26. <li><a href="#">商户出库统计</a></li>
  27. </ul>
  28. </div>
  29. <div class="rightinfo">
  30. <form id="seachform" th:action="@{/sys/fx/deviceOutList.html}" method="post">
  31. <ul class="seachform">
  32. <li>
  33. <label>商户</label>
  34. <select class="scinput select_width" name="merchantId" id="merchantId" style="width: 150px;" >
  35. <option value="">全部</option>
  36. <option th:each="item:${poslist}" th:if="${item.orgCode !='SSJ-FX'}" th:selected="${search.get('merchantId') eq item.id}" th:value="${item.id}">[[${item.unitName}]]</option>
  37. </select>
  38. </li>
  39. <li>
  40. <label>开始月份</label>
  41. <input type="text" id="startMonth" name="startMonth" autocomplete="off" onclick=" WdatePicker({ dateFmt: 'yyyy-MM', isShowToday: false, isShowClear: false });" th:value="${search.startMonth }" class="scinput date_width " placeholder="开始月份">
  42. </li>
  43. <li>
  44. <label>结束月份</label>
  45. <input type="text" id="endMonth" name="endMonth" autocomplete="off" onclick=" WdatePicker({ dateFmt: 'yyyy-MM', isShowToday: false, isShowClear: false });" th:value="${search.endMonth }" class="scinput date_width " placeholder="结束月份">
  46. </li>
  47. <li>
  48. <input type="button" class="scbtn" value="查询" />
  49. </li>
  50. </ul>
  51. </form>
  52. <ul class="seachform">
  53. <li>
  54. <input type="button" id="button" class="scbtn" value="导出" />
  55. </li>
  56. </ul>
  57. <table class="tablelist">
  58. <thead>
  59. <tr>
  60. <th>日期</th>
  61. <th>商户</th>
  62. <th>收货内容</th>
  63. <th>出库数量</th>
  64. <th style="color: red">销售单价</th>
  65. <th>出库退回</th>
  66. <th>当月出库</th>
  67. <th>累计出库</th>
  68. </tr>
  69. </thead>
  70. <tbody>
  71. <tr th:each="item:${list}" >
  72. <td th:text="${item.get('time')}"></td>
  73. <td th:text="${item.get('unit_name')}"></td>
  74. <td th:text="${item.get('content')}"></td>
  75. <td th:text="${item.get('countab')}"></td>
  76. <td th:text="${merchant.orgCode eq 'SSJ-FX' ? item.get('hardware_price') : '*'}"></td>
  77. <td th:text="${item.get('countb')}"></td>
  78. <td th:text="${item.get('lefts')}"></td>
  79. <td th:text="${item.get('total_left')}"></td>
  80. </tr>
  81. </tbody>
  82. </table>
  83. <!-- 分页 -->
  84. <div class="pagin">
  85. <div class="message">共<i class="blue">[[${page.rowCnt}]]</i>条记录,当前显示第&nbsp;<i class="blue">[[${page.pageNo }]]&nbsp;</i>页</div>
  86. <div th:utext='${listNavigatHtml}' th:remove="tag" ></div>
  87. </div>
  88. </div>
  89. </body>
  90. <script type="text/javascript">
  91. $("#button").on('click',function(){
  92. document.getElementById("seachform").action = "[[${sysUrl}]]/sys/fx/exportDeviceInAndOut?type=2";
  93. $("#seachform").submit();
  94. document.getElementById("seachform").action = "[[${sysUrl}]]/sys/fx/deviceOutList.html";
  95. });
  96. $(function(){
  97. $('select').searchableSelect();
  98. });
  99. </script>
  100. </html>