activity_list.html 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. <!DOCTYPE HTML>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  4. layout:decorate="~{admin/common/common}">
  5. <head>
  6. <title>活动管理列表</title>
  7. </head>
  8. <body layout:fragment="content">
  9. <nav class="breadcrumb">
  10. <i class="Hui-iconfont">&#xe67f;</i>
  11. 首页 <span class="c-gray en">&gt;</span>
  12. 活动管理 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
  13. href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
  14. </nav>
  15. <form id="myForm" th:action="@{/government/activity/list}" th:method="get">
  16. <div class="page-container">
  17. <div style="text-align:center">
  18. <input type="text" class="input-text" style="width:200px" placeholder="请输入活动标题" name="title"
  19. th:value="${condition.title}"/>
  20. <label>活动状态:</label>
  21. <span class="select-box" style="width:200px; margin-right: 20px;">
  22. <select class="select" name="state">
  23. <option value="">--请选择状态--</option>
  24. <option value="0" th:selected="${condition.state}==0">未发布</option>
  25. <option value="1" th:selected="${condition.state}==1">活动报名</option>
  26. <option value="3" th:selected="${condition.state}==3">活动进行</option>
  27. <option value="4" th:selected="${condition.state}==4">活动结束</option>
  28. <option value="2" th:selected="${condition.state}==2">活动取消</option>
  29. </select>
  30. </span>
  31. <label>类型:</label>
  32. <span class="select-box" style="width:200px; margin-right: 20px;">
  33. <select class="select" th:name="type">
  34. <option value="">--请选择类型--</option>
  35. <option th:each="item : ${activity_type}" th:value="${item.value}" th:text="${item.name}"
  36. th:selected="${condition.type}==${item.value}">
  37. </option>
  38. </select>
  39. </span>
  40. <label>报名审核:</label>
  41. <span class="select-box" style="width:100px;">
  42. <select class="select" name="review">
  43. <option value="">--请选择--</option>
  44. <option value="0" th:selected="${condition.review}==0">是</option>
  45. <option value="1" th:selected="${condition.review}==1">否</option>
  46. </select>
  47. </span>
  48. <button type="submit" class="btn btn-primary">
  49. 搜索
  50. </button>
  51. <!--<a class="btn btn-primary j-senior">
  52. 高级查询
  53. </a>-->
  54. <!--<div class="j-senior-box" style="margin-top: 10px; display: block;">
  55. <label>活动状态:</label>
  56. <span class="select-box" style="width:200px; margin-right: 20px;">
  57. <select class="select" name="state">
  58. <option value="">&#45;&#45;请选择状态&#45;&#45;</option>
  59. <option value="0" th:selected="${condition.state}==0">未发布</option>
  60. <option value="1" th:selected="${condition.state}==1">活动报名</option>
  61. <option value="3" th:selected="${condition.state}==3">活动进行</option>
  62. <option value="4" th:selected="${condition.state}==4">活动结束</option>
  63. <option value="2" th:selected="${condition.state}==2">活动取消</option>
  64. </select>
  65. </span>
  66. <label>类型:</label>
  67. <span class="select-box" style="width:200px; margin-right: 20px;">
  68. <select class="select" th:name="type">
  69. <option value="">&#45;&#45;请选择类型&#45;&#45;</option>
  70. <option th:each="item : ${activity_type}" th:value="${item.value}" th:text="${item.name}"
  71. th:selected="${condition.type}==${item.value}">
  72. </option>
  73. </select>
  74. </span>
  75. <label>报名审核:</label>
  76. <span class="select-box" style="width:100px;">
  77. <select class="select" name="review">
  78. <option value="">&#45;&#45;请选择&#45;&#45;</option>
  79. <option value="0" th:selected="${condition.review}==0">是</option>
  80. <option value="1" th:selected="${condition.review}==1">否</option>
  81. </select>
  82. </span>
  83. </div>-->
  84. </div>
  85. <div class="cl pd-5 bg-1 bk-gray mt-20">
  86. <span class="l">
  87. <a th:onclick="'javascript:activity_add(\'新增\',\'/government/activity/add\');'"
  88. class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 新增</a>
  89. <a th:onclick="'javascript:activity_add(\'活动日历\',\'/government/activity/calendar\');'"
  90. class="btn btn-primary radius"><i class="Hui-iconfont">&#xe605;</i> 活动日历</a>
  91. <!--<a onClick="" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe60e;</i> 活动统计</a>-->
  92. </span>
  93. <span class="r">共有数据:<strong th:text="${pageInfo?.total}" id="total">0</strong> 条</span>
  94. </div>
  95. <table class="table table-border table-bordered table-bg table-hover" style="table-layout: fixed;width:100%;">
  96. <thead>
  97. <tr class="text-c">
  98. <th width="25"><input type="checkbox"></th>
  99. <th>类型</th>
  100. <th>标题</th>
  101. <th>活动状态</th>
  102. <th>报名审核</th>
  103. <th>阅读数</th>
  104. <th>报名人数</th>
  105. <th>审核人数</th>
  106. <th>签到数</th>
  107. <th>反馈数</th>
  108. <th>二维码显示</th>
  109. <th width="120">发布时间</th>
  110. <th width="120">活动时间</th>
  111. <th width="180">操作</th>
  112. </tr>
  113. </thead>
  114. <tbody>
  115. <tr class="text-c" th:each="m,iterStat:${pageInfo.list}">
  116. <td><input type="checkbox"></td>
  117. <td th:text="${m.activity_type}" th:title="${m.activity_type}"></td>
  118. <td class="text-overflow" th:text="${m.activity_title}" th:title="${m.activity_title}"></td>
  119. <!--<td th:text="${m.activity_state}"></td>-->
  120. <td th:if="${m.state_code=='0'}">未发布</td>
  121. <td th:if="${m.state_code=='1'}">活动报名</td>
  122. <td th:if="${m.state_code=='3'}">活动进行</td>
  123. <td th:if="${m.state_code=='4'}">活动结束</td>
  124. <td th:if="${m.state_code=='2'}">活动取消</td>
  125. <!--<td th:text="${m.is_review}"></td>-->
  126. <td th:if="${m.is_review=='0'}">是</td>
  127. <td th:if="${m.is_review=='1'}">否</td>
  128. <td th:text="${m.reading_number}"></td>
  129. <td th:text="${m.registration_number}"></td>
  130. <td th:text="${m.registration_pass_number}"></td>
  131. <td th:text="${m.sgin_number}"></td>
  132. <td th:text="${m.feedback_number}"></td>
  133. <td th:if="${m.is_qrcode_show=='1'}">是</td>
  134. <td th:if="${m.is_qrcode_show=='0'}">否</td>
  135. <!--<td th:text="${#dates.format(m.activity_publishtime,'yyyy-MM-dd HH:mm')}"></td>-->
  136. <td th:text="${#strings.substring(m.activity_publishtime,0,16)}"></td>
  137. <td th:text="${#strings.substring(m.activity_starttime,0,16)}"></td>
  138. <td class="td-manage">
  139. <a class="ml-5"
  140. th:onclick="'javascript:activityDetail(\'查看活动详情\',\'/government/activity/get/'+${m.id}+'\');'">详情</a>
  141. <!--未发布和报名中编辑-->
  142. <a th:if="${m.state_code=='0'||m.state_code=='1'}" class="ml-5"
  143. th:onclick="'javascript:editActivity(\'编辑活动\',\'/government/activity/edit/'+${m.id}+'\');'">编辑</a>
  144. <!--报名中和进行中的可以审核-->
  145. <a th:if="${(m.state_code=='1'||m.state_code=='3')&& m.is_review=='0'}" class="ml-5"
  146. th:onclick="'javascript:activityReview(\'活动审核\',\'/government/activity/review/'+${m.id}+'\');'">审核</a>
  147. <!--报名中的可以取消-->
  148. <a th:if="${m.state_code=='1'}" class="ml-5" th:id="${m.id}"
  149. th:onclick="'javascript:activityReject(\'活动取消\',\'/government/activity/abort/'+${m.id}+'\',\'800\',\'600\');'">取消活动</a>
  150. <!--进行中和结束的可以签到-->
  151. <a th:if="${m.state_code=='3'||m.state_code=='4'}" class="ml-5"
  152. th:onclick="'javascript:activitySign(\'活动签到\',\'/government/activity/sign/'+${m.id}+'\');'">签到确认</a>
  153. <a th:if="${m.state_code=='1'||m.state_code=='3'}" class="ml-5"
  154. th:onclick="'javascript:activityQRcode(\'活动二维码\',\'/government/activity/qrcode/'+${m.id}+'\',\'800\',\'500\');'">二维码</a>
  155. </td>
  156. </tr>
  157. </tbody>
  158. </table>
  159. <div th:replace="admin/common/page :: page"></div>
  160. </div>
  161. </form>
  162. <script type="text/javascript" th:src="@{/js/common/page.js}"></script>
  163. <script type="text/javascript" th:src="@{/js/government/activity/activity_list.js}"></script>
  164. <script>
  165. /*$(function () {
  166. $(".j-senior").on("click", function () {
  167. if (!$(this).hasClass("active")) {
  168. $(this).addClass("active");
  169. $(".j-senior-box").show();
  170. }
  171. else {
  172. $(this).removeClass("active");
  173. $(".j-senior-box").hide();
  174. }
  175. })
  176. })*/
  177. </script>
  178. </body>
  179. </html>