notifyDetail_list.html 6.9 KB

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