| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199 |
- <!DOCTYPE HTML>
- <html xmlns:th="http://www.thymeleaf.org"
- xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
- layout:decorate="~{admin/common/common}">
- <head>
- <title>添加幻灯片</title>
- </head>
- <body layout:fragment="content">
- <style>
- .permission-list2 > dt{
- display:block!important;
- width:50%!important;
- background-color: #efefef!important;
- padding: 5px 10px!important;
- float:none!important;
- }
- </style>
- <article class="page-container">
- <form class="form form-horizontal" th:action="@{/government/notifyDetail/list/{id}(id=${id})}" id="form-notifyDetail-list">
- <input type="hidden" th:name="id" th:value="${id}"/>
- <div class="text-c">
- <span class="select-box" style="width:200px">
- <select th:id="type" class="select" th:name="is_read" onchange="listByStatus()">
- <option value="">--所有阅读情况--</option>
- <option th:selected="${is_read}==0" value="0">未读</option>
- <option th:selected="${is_read}==1" value="1">已读</option>
- </select>
- </span>
- </div>
- <div id="tab-system" class="HuiTab">
- <div class="tabBar cl">
- <span th:if="${streetDetail}">街道</span>
- <span th:if="${buildDetail}">园区</span>
- <span>企业</span>
- </div>
-
- <div class="tabCon" th:if="${streetDetail}">
- <table id="streetTb" class="table table-border table-bordered table-bg table-hover">
- <thead>
- <tr class="text-c">
- <th>街道名称</th>
- <th style="width: 100px;">阅读情况</th>
- </tr>
- </thead>
- <tbody class="pushStreetsList" >
- <tr class="text-c" th:each="street,iterStat:${streetDetail}"
- th:object="${street}">
- <td><span name="push_name" th:text="*{push_name}"></span></td>
- <td class="td-status" style="width: 100px;">
- <span class="label radius" th:unless="*{is_read}">未读</span>
- <span class="label radius label-success" th:if="*{is_read}">已读</span>
- </td>
- </tr>
- </tbody>
- </table>
- <div th:replace="admin/common/page :: page"></div>
- </div>
- <div class="tabCon" th:if="${buildDetail}">
- <table id="streetTb" class="table table-border table-bordered table-bg table-hover">
- <thead>
- <tr class="text-c">
- <th>园区名称</th>
- <th style="width: 100px;">阅读情况</th>
- </tr>
- </thead>
- <tbody class="pushStreetsList" >
- <tr class="text-c" th:each="build,iterStat:${buildDetail}"
- th:object="${build}">
- <td><span name="push_name" th:text="*{push_name}"></span></td>
- <td class="td-status">
- <span class="label radius" th:unless="*{is_read}">未读</span>
- <span class="label radius label-success" th:if="*{is_read}">已读</span>
- </td>
- </tr>
- </tbody>
- </table>
- <div th:replace="admin/common/page :: page"></div>
- <!-- <div class="row cl" th:each="bulidType,iterStat:${bulidTypes}" th:object="${bulidType}">
- <dl class="cl permission-list">
- <dt>
- <label class="">
- <input type="checkbox" value="*{type_id}" th:text="*{type_name}">
- </label>
- </dt>
-
- <dd class="pushBuildsList" th:each="buildInfo:*{buildList}" th:object="${buildInfo}">
- <label class="">
- <input type="checkbox" th:value="*{id}" th:name="builds" th:id="*{id}" th:text="*{name}">
- </label>
- </dd>
- </dl>
- </div> -->
- </div>
- <div class="tabCon">
- <table id="companyTb" class="table table-border table-bordered table-bg table-hover">
- <thead>
- <tr class="text-c">
- <th>企业名称</th>
- <th style="width: 100px;">阅读情况</th>
- </tr>
- </thead>
- <tbody class="pushCompanyList" >
- <tr class="text-c" th:each="company,iterStat:${companyDetail}"
- th:object="${company}">
- <td><span th:name="push_name" th:text="*{push_name}"></span></td>
- <td class="td-status">
- <span class="label radius" th:unless="*{is_read}">未读</span>
- <span class="label radius label-success" th:if="*{is_read}">已读</span>
- </td>
- </tr>
- </tbody>
- </table>
- <div th:replace="admin/common/page :: page"></div>
- </div>
- </div>
-
- <div class="row cl">
- <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
- <!--<button class="btn btn-primary radius" type="submit" onClick="savePush();"><i class="Hui-iconfont"></i> 保存</button>-->
- <!--<button onClick="removeIframe();" class="btn btn-default radius" type="button"> 取消 </button>-->
- </div>
- </div>
- </form>
- </article>
- <script type="text/javascript" th:src="@{/js/government/notify/notify_addPush.js}"></script>
- <script th:inline="javascript">
- !function($) {
- $.fn.Huitab = function(options){
- var defaults = {
- tabBar:'.tabBar span',
- tabCon:".tabCon",
- className:"current",
- tabEvent:"click",
- index:0,
- }
- var options = $.extend(defaults, options);
- this.each(function(){
- var that = $(this);
- that.find(options.tabBar).removeClass(options.className);
- that.find(options.tabBar).eq(options.index).addClass(options.className);
- that.find(options.tabCon).hide();
- that.find(options.tabCon).eq(options.index).show();
-
- that.find(options.tabBar).on(options.tabEvent,function(){
- that.find(options.tabBar).removeClass(options.className);
- $(this).addClass(options.className);
- var index = that.find(options.tabBar).index(this);
- that.find(options.tabCon).hide();
- that.find(options.tabCon).eq(index).show();
- });
- });
- }
- } (window.jQuery);
- $(function () {
- $("#tab-system").Huitab();
- $(".permission-list dt input:checkbox").click(function(){
- $(this).closest("dl").find("dd input:checkbox").prop("checked",$(this).prop("checked"));
- });
- $(".permission-list2 dd input:checkbox").click(function(){
- var l =$(this).parent().parent().find("input:checked").length;
- var l2=$(this).parents(".permission-list").find(".permission-list2 dd").find("input:checked").length;
- if($(this).prop("checked")){
- $(this).closest("dl").find("dt input:checkbox").prop("checked",true);
- $(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked",true);
- }
- else{
- if(l==0){
- $(this).closest("dl").find("dt input:checkbox").prop("checked",false);
- }
- if(l2==0){
- $(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked",false);
- }
- }
- });
-
-
- });
- /**
- * 取消
- */
- function removeIframe() {
- var index = parent.layer.getFrameIndex(window.name);
- parent.layer.close(index);
- }
-
- function listByStatus(){
- $("#form-notifyDetail-list").submit();
- }
-
- </script>
- </body>
- </html>
|