activity_list.html 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  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. <style>
  8. .title :hover {
  9. color: #0c80fe;
  10. text-decoration: underline;
  11. }
  12. .title {
  13. color: #0e90d2;
  14. }
  15. .title {
  16. cursor: pointer;
  17. }
  18. </style>
  19. </head>
  20. <body layout:fragment="content">
  21. <nav class="breadcrumb">
  22. <i class="Hui-iconfont">&#xe67f;</i>
  23. 首页 <span class="c-gray en">&gt;</span>
  24. 活动管理 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
  25. href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
  26. </nav>
  27. <form id="myForm-myActivity">
  28. <div class="page-container">
  29. <div style="text-align: center; margin-bottom: 20px;">
  30. <input type="text" class="input-text" style="width:200px" placeholder="请输入活动标题" name="activity_title"
  31. th:value="${condition.activity_title}"/>
  32. <label>活动状态:</label>
  33. <span class="select-box" style="width:200px; margin-right: 20px;">
  34. <select class="select" name="activity_state">
  35. <option value="">--请选择类型--</option>
  36. <option value="0" th:selected="${condition.activity_state}==0">待确认</option>
  37. <option value="1" th:selected="${condition.activity_state}==1">待签到</option>
  38. <option value="2" th:selected="${condition.activity_state}==2">待反馈</option>
  39. <option value="3" th:selected="${condition.activity_state}==3">完成</option>
  40. <option value="4" th:selected="${condition.activity_state}==4">取消</option>
  41. </select>
  42. </span>
  43. <label>报名者:</label>
  44. <input type="text" class="input-text" style="width:200px" name="user_name"
  45. th:value="${condition.user_name}"/>
  46. <button type="submit" class="btn btn-primary">
  47. 搜索
  48. </button>
  49. <!--<a class="btn btn-success j-senior">
  50. 高级查询
  51. </a>-->
  52. <!--<div class="j-senior-box" style="margin-top: 10px; ">
  53. <label>活动状态:</label>
  54. <span class="select-box" style="width:200px; margin-right: 20px;">
  55. <select class="select" name="activity_state">
  56. <option value="">&#45;&#45;请选择类型&#45;&#45;</option>
  57. <option value="0" th:selected="${condition.activity_state}==0">待确认</option>
  58. <option value="1" th:selected="${condition.activity_state}==1">待签到</option>
  59. <option value="2" th:selected="${condition.activity_state}==2">待反馈</option>
  60. <option value="3" th:selected="${condition.activity_state}==3">完成</option>
  61. <option value="4" th:selected="${condition.activity_state}==4">取消</option>
  62. </select>
  63. </span>
  64. <label>报名者:</label>
  65. <input type="text" class="input-text" style="width:200px" name="user_name"
  66. th:value="${condition.user_name}"/>
  67. </div>-->
  68. </div>
  69. <table class="table table-border table-bordered table-bg table-hover" style="table-layout: fixed;width:100%;">
  70. <thead>
  71. <tr class="text-c">
  72. <th width="25"><input type="checkbox"></th>
  73. <th>活动名称</th>
  74. <th>活动状态</th>
  75. <th>报名者</th>
  76. <th>手机</th>
  77. <th>邮箱</th>
  78. <th>职位</th>
  79. <!--<th width="80">活动验证码</th>-->
  80. <th width="120">报名时间</th>
  81. <th width="80">操作</th>
  82. </tr>
  83. </thead>
  84. <tbody>
  85. <tr class="text-c" th:each="m,iterStat:${pageInfo.list}">
  86. <td><input type="checkbox"></td>
  87. <td class="title" th:text="${m.activity_title}" th:title="${m.activity_title}"
  88. th:onclick="'javascript:gotoDetail(\''+${m.activity_id}+'\');'">活动1
  89. </td>
  90. <td th:if="${m.review_state=='0'&&m.activity_state!='2'}">待确认</td>
  91. <td th:if="${m.review_state=='1'&&m.sign_state!='0'&&m.activity_state!='2'}">待签到</td>
  92. <td th:if="${m.review_state=='1'&&m.sign_state=='0'&&m.feedbackNum <= 0}">待反馈</td>
  93. <td th:if="${m.review_state=='1'&&m.feedbackNum > 0}">完成</td>
  94. <td th:if="${(m.review_state=='3'&&m.activity_state=='1')||m.activity_state=='2'||(m.review_state=='2'&&m.activity_state=='1')}">
  95. 取消
  96. </td>
  97. <td th:text="${m.name}">张三</td>
  98. <td th:text="${m.phone}">139XXXXXXXX</td>
  99. <td th:text="${m.mail}">XX@XX.COM</td>
  100. <td th:text="${m.position}">经理</td>
  101. <!--<td class="td-manage">-->
  102. <!--<a>详情</a>-->
  103. <!--</td>-->
  104. <td th:text="${#dates.format(m.registration_time,'yyyy-MM-dd HH:mm:ss')}"></td>
  105. <td class="td-manage">
  106. <a th:onclick="'javascript:feedback(\'活动反馈\',\'/street/activity/feedback/'+${m.activity_id}+'\',\'800\',\'600\');'"
  107. th:if="${m.review_state=='1'&&m.sign_state=='0'&&m.feedbackNum <= 0}">活动反馈</a>
  108. <a class="cancel" th:id="${m.id}"
  109. th:if="${m.review_state!='3'&&m.review_state!='2'&&m.activity_state!='2'&&m.sign_state!='0'}">取消报名</a>
  110. <a class="cancel" th:if="${m.review_state=='3'||m.review_state=='2'||m.activity_state=='2'}"
  111. th:id="${m.id}"></a>
  112. </td>
  113. </tr>
  114. </tbody>
  115. </table>
  116. <div th:replace="admin/common/page :: page"></div>
  117. </div>
  118. </form>
  119. <script type="text/javascript" th:src="@{/js/government/activity/activity_abort.js}"></script>
  120. <script type="text/javascript" th:src="@{/js/common/page.js}"></script>
  121. <script>
  122. /*$(function () {
  123. $(".j-senior").on("click", function () {
  124. if (!$(this).hasClass("active")) {
  125. $(this).addClass("active");
  126. $(".j-senior-box").show();
  127. }
  128. else {
  129. $(this).removeClass("active");
  130. $(".j-senior-box").hide();
  131. }
  132. })
  133. })*/
  134. function gotoDetail(id) {
  135. //top.location.href = pagePath + "/home/activityDetail/" + id;
  136. window.open(pagePath + "/home/activityDetail/" + id);
  137. }
  138. /*详情*/
  139. function activityDetail(title, url, w, h) {
  140. var index = layer_show(title, pagePath + url, w, h);
  141. layer.full(index);
  142. }
  143. </script>
  144. </body>
  145. </html>