apply_read.html 7.4 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. <style>
  10. .permission-list2 > dt {
  11. display: block !important;
  12. width: 50% !important;
  13. background-color: #efefef !important;
  14. padding: 5px 10px !important;
  15. float: none !important;
  16. }
  17. </style>
  18. <article class="page-container">
  19. <form class="form form-horizontal" th:action="@{/projectDeclaration/notifyDetail/{id}(id=${id})}"
  20. id="form-notifyDetail-list">
  21. <input type="hidden" th:name="id" th:value="${id}"/>
  22. <div class="text-c">
  23. <span class="select-box" style="width:200px">
  24. <select th:id="type" class="select" th:name="is_read" onchange="listByStatus()">
  25. <option value="">--所有阅读情况--</option>
  26. <option th:selected="${is_read}==0" value="0">未读</option>
  27. <option th:selected="${is_read}==1" value="1">已读</option>
  28. </select>
  29. </span>
  30. </div>
  31. <div id="tab-system" class="HuiTab">
  32. <div class="tabBar cl">
  33. <!--<span th:if="${streetDetail}">街道</span>
  34. <span th:if="${buildDetail}">园区</span>-->
  35. <span>企业</span>
  36. </div>
  37. <!--<div class="tabCon" th:if="${streetDetail}">
  38. <table id="streetTb" class="table table-border table-bordered table-bg table-hover">
  39. <thead>
  40. <tr class="text-c">
  41. <th>街道名称</th>
  42. <th style="width: 100px;">阅读情况</th>
  43. </tr>
  44. </thead>
  45. <tbody class="pushStreetsList">
  46. <tr class="text-c" th:each="street,iterStat:${streetDetail}"
  47. th:object="${street}">
  48. <td><span name="push_name" th:text="*{push_name}"></span></td>
  49. <td class="td-status" style="width: 100px;">
  50. <span class="label radius" th:unless="*{is_read}">未读</span>
  51. <span class="label radius label-success" th:if="*{is_read}">已读</span>
  52. </td>
  53. </tr>
  54. </tbody>
  55. </table>
  56. <div th:replace="admin/common/page :: page"></div>
  57. </div>
  58. <div class="tabCon" th:if="${buildDetail}">
  59. <table id="streetTb" class="table table-border table-bordered table-bg table-hover">
  60. <thead>
  61. <tr class="text-c">
  62. <th>园区名称</th>
  63. <th style="width: 100px;">阅读情况</th>
  64. </tr>
  65. </thead>
  66. <tbody class="pushStreetsList">
  67. <tr class="text-c" th:each="build,iterStat:${buildDetail}"
  68. th:object="${build}">
  69. <td><span name="push_name" th:text="*{push_name}"></span></td>
  70. <td class="td-status">
  71. <span class="label radius" th:unless="*{is_read}">未读</span>
  72. <span class="label radius label-success" th:if="*{is_read}">已读</span>
  73. </td>
  74. </tr>
  75. </tbody>
  76. </table>
  77. <div th:replace="admin/common/page :: page"></div>
  78. </div>-->
  79. <div class="tabCon">
  80. <table id="companyTb" class="table table-border table-bordered table-bg table-hover">
  81. <thead>
  82. <tr class="text-c">
  83. <th>企业名称</th>
  84. <th style="width: 100px;">阅读情况</th>
  85. </tr>
  86. </thead>
  87. <tbody class="pushCompanyList">
  88. <tr class="text-c" th:each="company,iterStat:${companyDetail}" th:object="${company}">
  89. <td><span th:name="company_name" th:text="*{company_name}"></span></td>
  90. <td class="td-status">
  91. <span class="label radius" th:if="*{read_statu==0}">未读</span>
  92. <span class="label radius label-success" th:if="*{read_statu==1}">已读</span>
  93. </td>
  94. </tr>
  95. </tbody>
  96. </table>
  97. <div th:replace="admin/common/page :: page"></div>
  98. </div>
  99. </div>
  100. <div class="row cl">
  101. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  102. </div>
  103. </div>
  104. </form>
  105. </article>
  106. <!--<script type="text/javascript" th:src="@{/js/government/notify/notify_addPush.js}"></script>-->
  107. <script th:inline="javascript">
  108. !function ($) {
  109. $.fn.Huitab = function (options) {
  110. var defaults = {
  111. tabBar: '.tabBar span',
  112. tabCon: ".tabCon",
  113. className: "current",
  114. tabEvent: "click",
  115. index: 0,
  116. }
  117. var options = $.extend(defaults, options);
  118. this.each(function () {
  119. var that = $(this);
  120. that.find(options.tabBar).removeClass(options.className);
  121. that.find(options.tabBar).eq(options.index).addClass(options.className);
  122. that.find(options.tabCon).hide();
  123. that.find(options.tabCon).eq(options.index).show();
  124. that.find(options.tabBar).on(options.tabEvent, function () {
  125. that.find(options.tabBar).removeClass(options.className);
  126. $(this).addClass(options.className);
  127. var index = that.find(options.tabBar).index(this);
  128. that.find(options.tabCon).hide();
  129. that.find(options.tabCon).eq(index).show();
  130. });
  131. });
  132. }
  133. }(window.jQuery);
  134. $(function () {
  135. $("#tab-system").Huitab();
  136. $(".permission-list dt input:checkbox").click(function () {
  137. $(this).closest("dl").find("dd input:checkbox").prop("checked", $(this).prop("checked"));
  138. });
  139. $(".permission-list2 dd input:checkbox").click(function () {
  140. var l = $(this).parent().parent().find("input:checked").length;
  141. var l2 = $(this).parents(".permission-list").find(".permission-list2 dd").find("input:checked").length;
  142. if ($(this).prop("checked")) {
  143. $(this).closest("dl").find("dt input:checkbox").prop("checked", true);
  144. $(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked", true);
  145. }
  146. else {
  147. if (l == 0) {
  148. $(this).closest("dl").find("dt input:checkbox").prop("checked", false);
  149. }
  150. if (l2 == 0) {
  151. $(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked", false);
  152. }
  153. }
  154. });
  155. });
  156. /**
  157. * 取消
  158. */
  159. function removeIframe() {
  160. var index = parent.layer.getFrameIndex(window.name);
  161. parent.layer.close(index);
  162. }
  163. function listByStatus() {
  164. $("#form-notifyDetail-list").submit();
  165. }
  166. </script>
  167. </body>
  168. </html>