my_activity_quert.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  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. .line {
  9. display: block;
  10. text-align: left;
  11. background-color: #fff;
  12. color: #333;
  13. border-bottom: 1px solid #0a6999;
  14. border-color: #fff;
  15. border-bottom: 1px solid #0a6999;
  16. margin-top: 10px;
  17. vertical-align: middle;
  18. padding: 4px 12px;
  19. height: 31px;
  20. line-height: 31px;
  21. font-size: 14px;
  22. font-weight: bold;
  23. }
  24. </style>
  25. </head>
  26. <body layout:fragment="content">
  27. <article class="page-container">
  28. <div class="line">企业基本情况</div>
  29. <div>
  30. <div class="row cl">
  31. <label class="form-label col-xs-4 col-sm-2" style="text-align: right"> 活动名称:</label>
  32. <div class="formControls col-xs-8 col-sm-4">
  33. <span>[[${detail.activity_title}]]</span>
  34. </div>
  35. <label class="form-label col-xs-4 col-sm-2" style="text-align: right"> 活动状态:</label>
  36. <div class="formControls col-xs-8 col-sm-4">
  37. <span th:if="${detail.activity_status ==1}">未开始</span>
  38. </div>
  39. </div>
  40. <div class="row cl">
  41. <label class="form-label col-xs-4 col-sm-2" style="text-align: right"> 活动时间:</label>
  42. <div class="formControls col-xs-8 col-sm-4">
  43. <span>[[${detail.activity_starttime}]]</span>
  44. </div>
  45. <label class="form-label col-xs-4 col-sm-2" style="text-align: right"> 活动地点:</label>
  46. <div class="formControls col-xs-8 col-sm-4">
  47. <span>[[${detail.activity_location}]]</span>
  48. </div>
  49. </div>
  50. </div>
  51. <div class="line">报名信息</div>
  52. <div>
  53. <table class="table table-border table-bordered table-bg table-hover" style="table-layout: fixed;width:100%;">
  54. <thead>
  55. <tr class="text-c">
  56. <th width="25"><input type="checkbox"></th>
  57. <th>姓名</th>
  58. <th>手机</th>
  59. <th>邮箱</th>
  60. <th>职位</th>
  61. <th width="160">报名时间</th>
  62. <th>状态</th>
  63. </tr>
  64. </thead>
  65. <tbody>
  66. <tr class="text-c" th:each="m,iterStat:${registration.list}">
  67. <td><input type="checkbox" th:value="${m.id}" th:id="${iterStat.index+1}" name="id"></td>
  68. <td class="title" th:text="${m.name}" th:title="${m.name}"></td>
  69. <td th:text="${m.phone}"></td>
  70. <td th:text="${m.mail}"></td>
  71. <td th:text="${m.position}"></td>
  72. <td th:text="${#dates.format(m.registration_time,'yyyy-MM-dd HH:mm:ss')}"></td>
  73. <td th:text="${m.review_state}"></td>
  74. </tr>
  75. </tbody>
  76. </table>
  77. <div th:replace="admin/common/page :: page"></div>
  78. </div>
  79. <div class="row cl" style="text-align: center">
  80. <a class="btn btn-primary radius" onclick="quert()">取消报名</a>
  81. <a onclick="removeIframe();" class="btn btn-default radius">返回</a>
  82. </div>
  83. </article>
  84. <script type="text/javascript" th:src="@{/js/common/page.js}"></script>
  85. <script th:inline="javascript">
  86. /**
  87. * 取消
  88. */
  89. function removeIframe() {
  90. var index = parent.layer.getFrameIndex(window.name);
  91. parent.layer.close(index);
  92. }
  93. function quert() {
  94. getSelectedItem();
  95. var ids = [];
  96. if(null != item_selected_arr){
  97. console.log("item_selected_arr: "+item_selected_arr[0].id);
  98. console.log("ids: "+ids);
  99. ids = getIdsFromItemArr(item_selected_arr);
  100. }
  101. var obj = $("input[name='id']:checked");
  102. if (obj.length == 0) {
  103. errorMessage("请选择取消人员");
  104. return false;
  105. }
  106. console.log("ids: "+ids);
  107. layer.confirm('确认要取消吗?', function (index) {
  108. $.ajax({
  109. url: pagePath + "/myActivity/abort",
  110. type: "post",
  111. data: {
  112. 'ids': ids
  113. },
  114. dataType: "json",
  115. success: function (result) {
  116. if (result.success) {
  117. smileMessage(result.message);
  118. window.parent.location.reload();
  119. var index = parent.layer.getFrameIndex(window.name);
  120. parent.layer.close(index);
  121. } else {
  122. errorMessage(result.message);
  123. }
  124. },
  125. error: function () {
  126. errorMessage('系统错误!');
  127. }
  128. });
  129. });
  130. }
  131. </script>
  132. </body>
  133. </html>