list.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  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: 220px;
  15. }
  16. .date_width{
  17. width: 150px;
  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="#">活动抽奖管理-[[${ search.get('awardMaterialId')!=''? '奖品编号:'+search.get('awardMaterialId') : '活动编号:'+search.get('awardActivityId') }]]</a></li>
  26. </ul>
  27. </div>
  28. <div class="rightinfo">
  29. <form id="seachform" th:action="@{/sys/award/sncode/list.html}" method="post">
  30. <input type="hidden" id="awardMaterialId" name="awardMaterialId" autocomplete="off" th:value="${search.get('awardMaterialId')}" class="scinput date_width">
  31. <input type="hidden" id="awardActivityId" name="awardActivityId" autocomplete="off" th:value="${search.get('awardActivityId')}" class="scinput date_width">
  32. <ul class="seachform">
  33. <li>
  34. <label>奖品码:</label>
  35. <input type="text" id="snCode" name="snCode" autocomplete="off" th:value="${search.get('snCode')}" class="scinput date_width" placeholder="奖品码">
  36. </li>
  37. <li>
  38. <label>奖品等奖</label>
  39. <select class="scinput select_width" id="level" name="level" style="width: 150px;" >
  40. <option value="">全部</option>
  41. <option value="1" th:selected="${search.get('level')+'' eq '1' ? true : false}">一等奖</option>
  42. <option value="2" th:selected="${search.get('level')+'' eq '2' ? true : false}">二等奖</option>
  43. <option value="3" th:selected="${search.get('level')+'' eq '3' ? true : false}">三等奖</option>
  44. </select>
  45. </li>
  46. <li>
  47. <label>中奖人:</label>
  48. <input type="text" id="name" name="name" autocomplete="off" th:value="${search.get('name')}" class="scinput date_width" placeholder="中奖人">
  49. </li>
  50. <li>
  51. <label>奖品状态:</label>
  52. <select class="scinput select_width" id="status" name="status" style="width: 150px;" >
  53. <option value="" >全部</option>
  54. <option value="0" th:selected="${search.get('status')+'' eq '0' ? true : false}" >未开奖</option>
  55. <option value="1" th:selected="${search.get('status')+'' eq '1' ? true : false}" >中奖未领取</option>
  56. <option value="2" th:selected="${search.get('status')+'' eq '2' ? true : false}" >中奖已领取</option>
  57. <option value="3" th:selected="${search.get('status')+'' eq '3' ? true : false}" >兑奖未核销</option>
  58. <option value="4" th:selected="${search.get('status')+'' eq '4' ? true : false}" >兑奖已核销</option>
  59. </select>
  60. </li>
  61. <li>
  62. <label>开始时间</label>
  63. <input type="text" id="startTime" name="startTime" autocomplete="off" onclick="WdatePicker()" th:value="${search.get('startTime')}" class="scinput date_width " placeholder="开始时间">
  64. </li>
  65. <li>
  66. <label>结束时间</label>
  67. <input type="text" id="endTime" name="endTime" autocomplete="off" onclick="WdatePicker()" th:value="${search.get('endTime')}" class="scinput date_width " placeholder="结束时间">
  68. </li>
  69. <li>
  70. <input type="button" class="scbtn" value="查询" />
  71. </li>
  72. <li>
  73. <ul class="toolbar">
  74. <a th:if="${search.get('awardMaterialId')!=''}" th:href="@{/sys/award/material/list.html}" >
  75. <li class="click">&nbsp;&nbsp;<< 返回&nbsp;&nbsp;</li>
  76. </a>
  77. <a th:if="${search.get('awardActivityId')!=''}" th:href="@{/sys/award/activity/list.html}" >
  78. <li class="click">&nbsp;&nbsp;<< 返回&nbsp;&nbsp;</li>
  79. </a>
  80. </ul>
  81. </li>
  82. </ul>
  83. </form>
  84. <table class="tablelist">
  85. <thead>
  86. <tr>
  87. <th style="width: 50px;">序号</th>
  88. <th>商户名称</th>
  89. <th>活动名称</th>
  90. <th>奖品码</th>
  91. <th>奖品名称</th>
  92. <th>奖品等奖</th>
  93. <th>奖品状态</th>
  94. <th>中奖者</th>
  95. <th>状态更新时间</th>
  96. </tr>
  97. </thead>
  98. <tbody>
  99. <tr th:each="item:${list}" >
  100. <td th:text="${itemStat.count}"></td>
  101. <td th:text="${item.get('unit_name')}"></td>
  102. <td th:text="${item.get('title')}"></td>
  103. <td th:text="${item.get('sn_code')}"></td>
  104. <td th:text="${item.get('name')}"></td>
  105. <td th:switch="${item.level}">
  106. <span th:case="1" style="color:red">一等奖</span>
  107. <span th:case="2" style="color:red">二等奖</span>
  108. <span th:case="3" style="color:red">三等奖</span>
  109. <span th:case="4" style="color:red">四等奖</span>
  110. </td>
  111. <td th:switch="${item.status}">
  112. <span th:case="0" style="color:red"></span>
  113. <span th:case="1" style="color:red">中奖未领取</span>
  114. <span th:case="2" style="color:red">中奖已领取</span>
  115. <span th:case="3" style="color:red">兑奖未核销</span>
  116. <span th:case="4" style="color:red">兑奖已核销</span>
  117. <span th:case="5" style="color:red">取消活动无效</span>
  118. </td>
  119. <td th:text="${item.get('child_name')}"></td>
  120. <td th:text="${item.get('update_time')}"></td>
  121. </tr>
  122. </tbody>
  123. </table>
  124. <!-- 分页 -->
  125. <div class="pagin">
  126. <div class="message">共<i class="blue">[[${page.rowCnt}]]</i>条记录,当前显示第&nbsp;<i class="blue">[[${page.pageNo }]]&nbsp;</i>页</div>
  127. <div th:utext='${listNavigatHtml}' th:remove="tag" ></div>
  128. </div>
  129. </div>
  130. </body>
  131. <script type="text/javascript">
  132. $("#button").on('click',function(){
  133. document.getElementById("seachform").action = "[[${sysUrl}]]/sys/award/material/list";
  134. $("#seachform").submit();
  135. window.setTimeout(function(){
  136. document.getElementById("seachform").action = "[[${sysUrl}]]/sys/award/material/list.html";
  137. },3000);
  138. });
  139. </script>
  140. </html>