周伟鹏 / cnlive_shenhe · Commits

Commit ab98e763528e6eff3250d14d6b3f7138044e4dec

Authored by 周伟鹏
1 parent 10318fab

站点列表页修改

Inline Side-by-side
Showing 6 changed files with 433 additions and 359 deletions
src/main/java/com/cnlive/shenhe/controller/SitesController.java
  View file @ab98e76
1 package com.cnlive.shenhe.controller; 1 package com.cnlive.shenhe.controller;
2 2
  3 +import com.alibaba.fastjson.JSONObject;
  4 +import com.cnlive.shenhe.bean.ErrorEnum;
  5 +import com.cnlive.shenhe.bean.ResponseBean;
3 import com.cnlive.shenhe.bean.SessionUser; 6 import com.cnlive.shenhe.bean.SessionUser;
4 import com.cnlive.shenhe.entity.ShySites; 7 import com.cnlive.shenhe.entity.ShySites;
5 import com.cnlive.shenhe.serviceImpl.SitesServiceImpl; 8 import com.cnlive.shenhe.serviceImpl.SitesServiceImpl;
  9 +import com.cnlive.shenhe.utils.CommonConst;
6 import com.cnlive.shenhe.utils.CommonUtils; 10 import com.cnlive.shenhe.utils.CommonUtils;
7 import com.github.pagehelper.PageInfo; 11 import com.github.pagehelper.PageInfo;
8 import org.slf4j.Logger; 12 import org.slf4j.Logger;
@@ -10,10 +14,10 @@ import org.slf4j.LoggerFactory; @@ -10,10 +14,10 @@ import org.slf4j.LoggerFactory;
10 import org.springframework.beans.factory.annotation.Autowired; 14 import org.springframework.beans.factory.annotation.Autowired;
11 import org.springframework.stereotype.Controller; 15 import org.springframework.stereotype.Controller;
12 import org.springframework.ui.Model; 16 import org.springframework.ui.Model;
13 -import org.springframework.web.bind.annotation.GetMapping;  
14 -import org.springframework.web.bind.annotation.RequestMapping; 17 +import org.springframework.web.bind.annotation.*;
15 18
16 import javax.servlet.http.HttpSession; 19 import javax.servlet.http.HttpSession;
  20 +import java.util.List;
17 21
18 /** 22 /**
19 * @Auther: 周伟鹏 23 * @Auther: 周伟鹏
@@ -35,19 +39,63 @@ public class SitesController { @@ -35,19 +39,63 @@ public class SitesController {
35 * @param page 39 * @param page
36 * @param pageSize 40 * @param pageSize
37 * @param orderByClause 41 * @param orderByClause
38 - * @param key 42 + * @param keyword
39 * @return 43 * @return
40 */ 44 */
41 @GetMapping(value = "/page") 45 @GetMapping(value = "/page")
42 - public String getTest(Model model, Integer page, Integer pageSize, String orderByClause, String key, HttpSession session) { 46 + public String page(Model model, Integer page, Integer pageSize, String orderByClause, String keyword, HttpSession session) {
43 SessionUser sessionUser = (SessionUser) session.getAttribute(SessionUser.getSessionKey()); 47 SessionUser sessionUser = (SessionUser) session.getAttribute(SessionUser.getSessionKey());
44 Integer spid = sessionUser.getSpid(); 48 Integer spid = sessionUser.getSpid();
45 - if (spid == 0) spid = 82; 49 + if (spid != 0){
  50 + //return "page/error.html";
  51 + }
46 if (CommonUtils.isNull(page)) page = 1; 52 if (CommonUtils.isNull(page)) page = 1;
47 if (CommonUtils.isNull(pageSize)) pageSize = 10; 53 if (CommonUtils.isNull(pageSize)) pageSize = 10;
48 - PageInfo<ShySites> sitePage = sitesService.getPage(page, pageSize, orderByClause, key, spid); 54 + PageInfo<ShySites> sitePage = sitesService.getPage(page, pageSize, orderByClause, keyword, null);
  55 + List<ShySites> list = sitePage.getList();
  56 + JSONObject business = CommonConst.BUSINESS;
  57 + if(!list.isEmpty()){
  58 + for (ShySites site:list) {
  59 + String write_business_name = site.getWrite_business();
  60 + if(CommonUtils.isNotEmpty(write_business_name)){
  61 + for (String bkey:business.keySet()) {
  62 + write_business_name = write_business_name.replace(bkey, business.getString(bkey));
  63 + }
  64 + }else{
  65 + write_business_name = "无";
  66 + }
  67 + site.setWrite_business_name(write_business_name);
  68 + }
  69 + }
49 model.addAttribute("sitePage", sitePage); 70 model.addAttribute("sitePage", sitePage);
  71 + model.addAttribute("business", business);
50 return "page/site.html"; 72 return "page/site.html";
51 } 73 }
52 74
  75 +
  76 + @PostMapping(value = "/write")
  77 + @ResponseBody
  78 + public ResponseBean write(Integer siteId, String[] write_business, HttpSession session) {
  79 + SessionUser sessionUser = (SessionUser) session.getAttribute(SessionUser.getSessionKey());
  80 + Integer spid = sessionUser.getSpid();
  81 + if (spid != 0){
  82 + //return "page/error.html";
  83 + }
  84 + ShySites site = sitesService.get(siteId);
  85 + String write = "";
  86 + if(CommonUtils.isNotNull(write_business)&&write_business.length>0){
  87 + for (String w:write_business) {
  88 + write = write+","+w;
  89 + }
  90 + write = write.substring(1);
  91 + }
  92 + site.setWrite_business(write);
  93 + boolean success = sitesService.update(site);
  94 + if(success){
  95 + return new ResponseBean();
  96 + }else{
  97 + return new ResponseBean(ErrorEnum.ERROR);
  98 + }
  99 + }
  100 +
53 } 101 }
src/main/java/com/cnlive/shenhe/entity/ShySites.java
  View file @ab98e76
1 package com.cnlive.shenhe.entity; 1 package com.cnlive.shenhe.entity;
2 2
  3 +import javax.persistence.Id;
  4 +import javax.persistence.Table;
  5 +import javax.persistence.Transient;
3 import java.util.Date; 6 import java.util.Date;
4 -import javax.persistence.*;  
5 7
6 @Table(name = "shy_sites") 8 @Table(name = "shy_sites")
7 public class ShySites { 9 public class ShySites {
@@ -30,6 +32,11 @@ public class ShySites { @@ -30,6 +32,11 @@ public class ShySites {
30 * 免审业务,多种用,分割 32 * 免审业务,多种用,分割
31 */ 33 */
32 private String write_business; 34 private String write_business;
  35 + /**
  36 + * 免审业务名称
  37 + */
  38 + @Transient
  39 + private String write_business_name;
33 40
34 /** 41 /**
35 * @return id 42 * @return id
@@ -154,4 +161,12 @@ public class ShySites { @@ -154,4 +161,12 @@ public class ShySites {
154 public void setWrite_business(String write_business) { 161 public void setWrite_business(String write_business) {
155 this.write_business = write_business; 162 this.write_business = write_business;
156 } 163 }
  164 +
  165 + public String getWrite_business_name() {
  166 + return write_business_name;
  167 + }
  168 +
  169 + public void setWrite_business_name(String write_business_name) {
  170 + this.write_business_name = write_business_name;
  171 + }
157 } 172 }
158 \ No newline at end of file 173 \ No newline at end of file
src/main/java/com/cnlive/shenhe/serviceImpl/SitesServiceImpl.java
  View file @ab98e76
@@ -40,4 +40,11 @@ public class SitesServiceImpl { @@ -40,4 +40,11 @@ public class SitesServiceImpl {
40 } 40 }
41 41
42 42
  43 + public ShySites get(Integer siteId) {
  44 + return shySitesMapper.selectByPrimaryKey(siteId);
  45 + }
  46 +
  47 + public boolean update(ShySites site) {
  48 + return shySitesMapper.updateByPrimaryKeySelective(site)==1;
  49 + }
43 } 50 }
src/main/java/com/cnlive/shenhe/utils/CommonConst.java
  View file @ab98e76
1 package com.cnlive.shenhe.utils; 1 package com.cnlive.shenhe.utils;
2 2
  3 +import com.alibaba.fastjson.JSONObject;
  4 +
  5 +import java.util.Map;
  6 +
3 /** 7 /**
4 * @Auther: 周伟鹏 8 * @Auther: 周伟鹏
5 * @Date: 2018/11/30 14:20 9 * @Date: 2018/11/30 14:20
@@ -34,9 +38,12 @@ public class CommonConst { @@ -34,9 +38,12 @@ public class CommonConst {
34 * 白名单业务：点播 38 * 白名单业务：点播
35 */ 39 */
36 public static Integer BUSINESS_VIDEO = 1; 40 public static Integer BUSINESS_VIDEO = 1;
  41 +
37 /** 42 /**
38 * 白名单业务：评论 43 * 白名单业务：评论
39 */ 44 */
40 public static Integer BUSINESS_COMMENT = 2; 45 public static Integer BUSINESS_COMMENT = 2;
41 46
  47 + public static JSONObject BUSINESS = JSONObject.parseObject("{\"1\":\"点播业务\",\"2\":\"评论业务\"}");
  48 +
42 } 49 }
src/main/resources/templates/common/head.html
  View file @ab98e76
@@ -17,7 +17,7 @@ @@ -17,7 +17,7 @@
17 17
18 <!--Bootstrap--> 18 <!--Bootstrap-->
19 <link href="../../static/css/bootstrap.min.css" rel="stylesheet"> 19 <link href="../../static/css/bootstrap.min.css" rel="stylesheet">
20 - <!-- <script src="../../static/js/bootstrap.min.js"></script>--> 20 + <script src="../../static/js/bootstrap.min.js"></script>
21 21
22 <!-- Font Awesome --> 22 <!-- Font Awesome -->
23 <link href="../../static/css/font-awesome.min.css" rel="stylesheet"> 23 <link href="../../static/css/font-awesome.min.css" rel="stylesheet">
@@ -52,7 +52,7 @@ @@ -52,7 +52,7 @@
52 52
53 <!--Bootstrap-DatetimePicker--> 53 <!--Bootstrap-DatetimePicker-->
54 <link href="../../static/css/bootstrap-datetimepicker.min.css" rel="stylesheet"> 54 <link href="../../static/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
55 - <!-- <script src="../../static/js/bootstrap-datetimepicker.min.js"></script>--> 55 + <script src="../../static/js/bootstrap-datetimepicker.min.js"></script>
56 56
57 <!--X-editable--> 57 <!--X-editable-->
58 <link href="../../static/css/bootstrap-editable.css" rel="stylesheet"> 58 <link href="../../static/css/bootstrap-editable.css" rel="stylesheet">
src/main/resources/templates/page/site.html
  View file @ab98e76
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 -<!-- saved from url=(0031)http://shenhe.cnlive.com/whites -->  
3 <html lang="zh" xmlns:th="http://www.thymeleaf.org"> 2 <html lang="zh" xmlns:th="http://www.thymeleaf.org">
4 3
  4 +<head th:replace="../templates/common/head::head"></head>
  5 +<style>
  6 + .fixed-table-toolbar .bs-bars, .fixed-table-toolbar .columns, .fixed-table-toolbar .search{margin-top: 0px;}
5 7
  8 +
  9 +</style>
6 <body class="skin-blue sidebar-mini"> 10 <body class="skin-blue sidebar-mini">
7 11
8 <div class="wrapper"> 12 <div class="wrapper">
9 13
10 - <header class="main-header">  
11 - <!-- Logo -->  
12 - <a href="http://shenhe.cnlive.com/" class="logo">  
13 - <!-- mini logo for sidebar mini 50x50 pixels -->  
14 - <span class="logo-mini"><b>ACP</b></span>  
15 - <!-- logo for regular state and mobile devices -->  
16 - <span class="logo-lg"><b>审核云平台系统</b></span>  
17 - </a>  
18 - <!-- Header Navbar: style can be found in header.less -->  
19 - <nav class="navbar navbar-static-top" role="navigation">  
20 - <!-- Sidebar toggle button-->  
21 - <a href="http://shenhe.cnlive.com/videos#" class="sidebar-toggle" data-toggle="offcanvas" role="button">  
22 - <span class="sr-only">Toggle navigation</span>  
23 - </a>  
24 - <div class="navbar-custom-menu">  
25 - <ul class="nav navbar-nav">  
26 - <li class="dropdown messages-menu" style="margin: 0 auto">  
27 - <span class="label label-primary" style="height: 2em;  
28 -line-height: 2em; margin: 0 auto;font-size: 2em" th:text="${session.sessionUser.company}+'('+${session.sessionUser.spid}+')'">  
29 - </span>  
30 - </li>  
31 - <!-- User Account: style can be found in dropdown.less -->  
32 - <li class="dropdown user user-menu">  
33 - <a href="http://shenhe.cnlive.com/videos#" class="dropdown-toggle" data-toggle="dropdown">  
34 - <img th:src="@{${session.sessionUser.logo}}" class="user-image" alt="User Image">  
35 - <span class="hidden-xs" th:text="${session.sessionUser.userName}">  
36 - </span>  
37 -  
38 - </a>  
39 - <ul class="dropdown-menu">  
40 - <!-- User image -->  
41 - <li class="user-header">  
42 - <img th:src="@{${session.sessionUser.logo}}" class="img-circle" alt="User Image">  
43 - <p th:text="${session.sessionUser.email}">  
44 -  
45 - </p>  
46 - </li>  
47 - <!-- Menu Footer-->  
48 - <li class="user-footer">  
49 - <div class="pull-left">  
50 - <a href="http://shenhe.cnlive.com/users/info" class="btn btn-default btn-flat">个人资料</a>  
51 - </div>  
52 - <div class="pull-right">  
53 - <a href="http://shenhe.cnlive.com/logout" class="btn btn-default btn-flat">注销</a>  
54 - </div>  
55 - </li>  
56 - </ul>  
57 - </li>  
58 - <!-- Control Sidebar Toggle Button -->  
59 - </ul>  
60 - </div>  
61 - </nav>  
62 - </header>  
63 -  
64 - <aside class="main-sidebar">  
65 - <!-- sidebar: style can be found in sidebar.less -->  
66 - <section class="sidebar">  
67 - <!-- sidebar menu: : style can be found in sidebar.less -->  
68 - <ul class="sidebar-menu">  
69 - <li class="header">菜单导航</li>  
70 - <li class="treeview">  
71 - <a href="http://shenhe.cnlive.com/whites#">  
72 - <i class="fa fa-refresh"></i>  
73 - <span class="menu-item-top">审核云</span>  
74 - <i class="fa fa-angle-left pull-right"></i>  
75 - </a>  
76 - <ul class="treeview-menu">  
77 -  
78 - <li><a href="http://shenhe.cnlive.com/videos"><i class="fa fa-youtube-play"></i> 点播审核</a></li>  
79 - <li><a href="http://shenhe.cnlive.com/live"><i class="fa fa-video-camera"></i> 直播审核</a></li>  
80 - <li><a href="http://shenhe.cnlive.com/comments"><i class="fa fa-comment"></i> 评论审核</a></li>  
81 -  
82 - <li><a href="http://shenhe.cnlive.com/anchors"><i class="fa fa-anchor"></i> 主播资质审核</a></li>  
83 -  
84 - <li><a href="http://shenhe.cnlive.com/live_audio"><i class="fa fa-feed"></i> 直播音频审核</a></li>  
85 -  
86 -  
87 - </ul>  
88 - </li>  
89 - <li class="treeview active">  
90 - <a href="http://shenhe.cnlive.com/whites#">  
91 - <i class="fa fa-cog"></i>  
92 - <span class="menu-item-top">系统管理</span>  
93 - <i class="fa fa-angle-left pull-right"></i>  
94 - </a>  
95 - <ul class="treeview-menu">  
96 - <li><a href="http://shenhe.cnlive.com/users"><i class="fa fa-user"></i> 用户管理</a></li>  
97 - <li><a href="http://shenhe.cnlive.com/keywords"><i class="fa fa-hand-stop-o"></i> 敏感词管理</a></li>  
98 - <li><a href="http://shenhe.cnlive.com/tags"><i class="fa fa-tags"></i> 常用审核意见</a></li>  
99 - <li><a href="http://shenhe.cnlive.com/log"><i class="fa fa-list-alt"></i> 审核日志</a></li>  
100 - <li class="active"><a href="http://shenhe.cnlive.com/whites"><i class="fa fa-list-alt"></i> 白名单管理</a></li>  
101 - </ul>  
102 - </li>  
103 - </ul>  
104 - </section>  
105 - <!-- /.sidebar -->  
106 - </aside>  
107 - <script>  
108 - $(document).ready(function () {  
109 - var url = window.location.pathname;  
110 - $('ul.treeview-menu>li').find('a[href="' + url + '"]').closest('li').addClass('active'); //二级链接高亮  
111 - $('ul.treeview-menu>li').find('a[href="' + url + '"]').closest('li.treeview').addClass('active'); //一级栏目[含二级链接]高亮  
112 - $('.sidebar-menu>li').find('a[href="' + url + '"]').closest('li').addClass('active'); //一级栏目[不含二级链接]高亮  
113 - });  
114 - </script>  
115 -  
116 - <style type="text/css">  
117 - .tooltip-inner {  
118 - background-color: #00acd6;  
119 - color: #fff;  
120 - }  
121 -  
122 - .tooltip.top .tooltip-arrow {  
123 - border-top-color: #00acd6;  
124 - }  
125 -  
126 - .tooltip.right .tooltip-arrow {  
127 - border-right-color: #00acd6;  
128 - }  
129 -  
130 - .tooltip.bottom .tooltip-arrow {  
131 - border-bottom-color: #00acd6;  
132 - }  
133 -  
134 - .tooltip.left .tooltip-arrow {  
135 - border-left-color: #00acd6;  
136 - }  
137 - </style> 14 + <div th:replace="../templates/common/frame::frame"></div>
138 15
139 <div class="content-wrapper" style="min-height: 788px;"> 16 <div class="content-wrapper" style="min-height: 788px;">
140 <section class="content-header"> 17 <section class="content-header">
@@ -152,254 +29,379 @@ line-height: 2em; margin: 0 auto;font-size: 2em&quot; th:text=&quot;${session.sessionUser. @@ -152,254 +29,379 @@ line-height: 2em; margin: 0 auto;font-size: 2em&quot; th:text=&quot;${session.sessionUser.
152 <div class="col-xs-12"> 29 <div class="col-xs-12">
153 <div class="box box-info"> 30 <div class="box box-info">
154 <div class="box-body"> 31 <div class="box-body">
155 - <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">  
156 - <div class="modal-dialog">  
157 - <div class="modal-content">  
158 - <div class="modal-header">  
159 - <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> ×</button>  
160 - <h4 class="modal-title">温馨提示</h4>  
161 - </div>  
162 - <div class="modal-body" id="msg">您确认注销该条信息吗？</div>  
163 - <div class="modal-footer">  
164 - <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>  
165 - <button type="button" class="btn btn-primary" id="modal_remove">确认</button> 32 + <div class="bootstrap-table">
  33 + <div class="fixed-table-toolbar">
  34 + <div class="bs-bars pull-left">
  35 + <div id="toolbar" class="btn-group">
166 </div> 36 </div>
167 </div> 37 </div>
168 - </div>  
169 - </div>  
170 - <div class="modal fade common" id="modal_remove" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">  
171 - <div class="modal-dialog">  
172 - <div class="modal-content">  
173 - <div class="modal-header">  
174 - <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> ×</button>  
175 - <h4 class="modal-title" id="modal_title"></h4>  
176 - </div>  
177 - <div class="modal-body">  
178 - <div class="alert alert-danger" id="window_msg" style="display: none;">  
179 - <p></p>  
180 - </div>  
181 - <div id="contents">  
182 - </div> 38 + <div class="columns columns-right btn-group pull-right">
  39 + <button class="btn btn-default" type="button" name="refresh" title="搜索" onclick="javascript:$('#searchForm').submit();">搜索</button>
  40 + <ul class="dropdown-menu" role="menu">
  41 + <li><label><input type="checkbox" data-field="sp_id" value="0"
  42 + checked="checked"> spID</label></li>
  43 + <li><label><input type="checkbox" data-field="sp_id_brief" value="1"
  44 + checked="checked"> sp简称</label></li>
  45 + <li><label><input type="checkbox" data-field="type" value="2"
  46 + checked="checked"> 免审业务
  47 + </label></li>
  48 + <li><label><input type="checkbox" data-field="service_time" value="3"
  49 + checked="checked"> 免审业务更新时间</label></li>
  50 + <li><label><input type="checkbox" data-field="upload_time" value="4"
  51 + checked="checked"> sp信息创建时间
  52 + </label></li>
  53 + <li><label><input type="checkbox" data-field="updated_at" value="5"
  54 + checked="checked"> sp信息更新时间</label></li>
  55 + <li><label><input type="checkbox" data-field="action" value="6"
  56 + checked="checked"> 操作
  57 + </label></li>
  58 + </ul>
183 </div> 59 </div>
184 </div> 60 </div>
  61 + <div class="pull-right search">
  62 + <form id="searchForm">
  63 + <input class="form-control" type="text" placeholder="搜索" name="keyword" th:value="${param.keyword}">
  64 + </form>
  65 + </div>
185 </div> 66 </div>
186 - </div> <div class="modal fade common" id="modal_remove1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">  
187 - <div class="modal-dialog">  
188 - <div class="modal-content">  
189 - <div class="modal-header">  
190 - <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> ×</button>  
191 - <h4 class="modal-title" id="modal_title"></h4> 67 + <div class="fixed-table-container" style="padding-bottom: 0px;">
  68 + <div class="fixed-table-body">
  69 + <table data-toggle="table" data-pagination="true"
  70 + data-search="false" data-show-refresh="true" data-show-toggle="true"
  71 + data-show-columns="true" data-toolbar="#toolbar"
  72 + class="table table-hover">
  73 + <thead>
  74 + <tr>
  75 + <th style="text-align: center; width: 50px; " data-field="sp_id"
  76 + tabindex="0">
  77 + <div class="th-inner ">spID</div>
  78 + <div class="fht-cell"></div>
  79 + </th>
  80 + <th style="text-align: center; width: 120px; " data-field="sp_id_brief"
  81 + tabindex="0">
  82 + <div class="th-inner ">sp简称</div>
  83 + <div class="fht-cell"></div>
  84 + </th>
  85 + <th style="text-align: center; width: 200px; " data-field="type"
  86 + tabindex="0">
  87 + <div class="th-inner ">免审业务
  88 + </div>
  89 + <div class="fht-cell"></div>
  90 + </th>
  91 + <th style="text-align: center; width: 120px; " data-field="upload_time"
  92 + tabindex="0">
  93 + <div class="th-inner ">sp信息创建时间
  94 + </div>
  95 + <div class="fht-cell"></div>
  96 + </th>
  97 + <th style="text-align: center; width: 120px; " data-field="updated_at"
  98 + tabindex="0">
  99 + <div class="th-inner ">sp信息更新时间</div>
  100 + <div class="fht-cell"></div>
  101 + </th>
  102 + <th style="text-align: center; width: 100px; " data-field="action"
  103 + tabindex="0">
  104 + <div class="th-inner ">操作
  105 + </div>
  106 + <div class="fht-cell"></div>
  107 + </th>
  108 + </tr>
  109 + </thead>
  110 + <tbody>
  111 + <tr th:data-index="${siteStat.index}" th:each="site : ${sitePage.list}">
  112 + <td style="text-align: center; width: 50px;" th:text="${site.spid}">82</td>
  113 + <td style="text-align: center; width: 120px;" th:text="${site.name}">视讯中国</td>
  114 + <td style="text-align: center; width: 200px;" th:text="${site.write_business_name}">点播审核</td>
  115 + <td style="text-align: center; width: 120px;" th:text="${#dates.format(site.created_at, 'yyyy-MM-dd HH:mm:ss')}">2018-11-22 23:08:48</td>
  116 + <td style="text-align: center; width: 120px;" th:text="${#dates.format(site.updated_at, 'yyyy-MM-dd HH:mm:ss')}">2016-08-03 14:27:17</td>
  117 + <td style="text-align: center; width: 100px;"><span>&nbsp;</span><a
  118 + class="edit" th:href="'javascript:edit('+${site.id}+',\''+${site.name}+'\',\''+${site.write_business} +'\')'">
  119 + <button class="btn btn-primary btn-xs">设置</button>
  120 + </a><span> </span><span>&nbsp;</span></td>
  121 + </tr>
  122 +
  123 + </tbody>
  124 + </table>
192 </div> 125 </div>
193 - <div class="modal-body">  
194 - <div class="alert alert-danger" id="window_msg" style="display: none;">  
195 - <p></p>  
196 - </div>  
197 - <div id="contents"> 126 +
  127 + <div class="fixed-table-pagination" style="display: block;">
  128 + <div class="pull-left pagination-detail"><span class="pagination-info" th:text="'共 '+${sitePage.total}+' 条记录'">共 0 条记录</span></div>
  129 + <div class="pull-right pagination">
  130 + <ul class="pagination" th:if="${sitePage.pages>1}">
  131 + <li class="page-pre"><a th:href="@{'/sites/page?keyword='+${param.keyword}}">‹‹</a></li>
  132 + <li class="page-pre" th:if="${!sitePage.isFirstPage}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-1}+'&keyword='+${param.keyword}}">‹</a></li>
  133 +
  134 + <li class="page-number" th:if="${sitePage.pageNum-3>1}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-3}+'&keyword='+${param.keyword}}" th:text="${sitePage.pageNum-3}">2</a></li>
  135 + <li class="page-number" th:if="${sitePage.pageNum-2>1}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-2}+'&keyword='+${param.keyword}}" th:text="${sitePage.pageNum-2}">2</a></li>
  136 + <li class="page-number" th:if="${sitePage.pageNum-1>1}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-1}+'&keyword='+${param.keyword}}" th:text="${sitePage.pageNum-1}">2</a></li>
  137 + <li class="page-number active"><a href="javaScript:void(0);" th:text="${sitePage.pageNum}">2</a></li>
  138 + <li class="page-number" th:if="${sitePage.pageNum+1<sitePage.pages}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+1}+'&keyword='+${param.keyword}}" th:text="${sitePage.pageNum+1}">2</a></li>
  139 + <li class="page-number" th:if="${sitePage.pageNum+2<sitePage.pages}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+2}+'&keyword='+${param.keyword}}" th:text="${sitePage.pageNum+2}">2</a></li>
  140 + <li class="page-number" th:if="${sitePage.pageNum+3<sitePage.pages}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+3}+'&keyword='+${param.keyword}}" th:text="${sitePage.pageNum+3}">2</a></li>
  141 +
  142 + <li class="page-next" th:if="${!sitePage.isLastPage}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+1}+'&keyword='+${param.keyword}}">›</a></li>
  143 + <li class="page-next"><a th:href="@{'/sites/page?page='+${sitePage.pages}+'&keyword='+${param.keyword}}">››</a></li>
  144 + </ul>
198 </div> 145 </div>
199 </div> 146 </div>
200 </div> 147 </div>
201 </div> 148 </div>
202 - </div>  
203 -  
204 - <div class="bootstrap-table"><div class="fixed-table-toolbar"><div class="bs-bars pull-left"><div id="toolbar" class="btn-group">  
205 - </div></div><div class="columns columns-right btn-group pull-right"><button class="btn btn-default" type="button" name="refresh" title="刷新"><i class="glyphicon glyphicon-refresh icon-refresh"></i></button><button class="btn btn-default" type="button" name="toggle" title="切换"><i class="glyphicon glyphicon-list-alt icon-list-alt"></i></button><div class="keep-open btn-group" title="列"><button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-th icon-th"></i> <span class="caret"></span></button><ul class="dropdown-menu" role="menu"><li><label><input type="checkbox" data-field="sp_id" value="0" checked="checked"> spID</label></li><li><label><input type="checkbox" data-field="sp_id_brief" value="1" checked="checked"> sp简称</label></li><li><label><input type="checkbox" data-field="type" value="2" checked="checked"> 免审业务  
206 - </label></li><li><label><input type="checkbox" data-field="service_time" value="3" checked="checked"> 免审业务更新时间</label></li><li><label><input type="checkbox" data-field="upload_time" value="4" checked="checked"> sp信息创建时间  
207 - </label></li><li><label><input type="checkbox" data-field="updated_at" value="5" checked="checked"> sp信息更新时间</label></li><li><label><input type="checkbox" data-field="action" value="6" checked="checked"> 操作  
208 - </label></li></ul></div></div><div class="pull-right search"><input class="form-control" type="text" placeholder="搜索"></div></div><div class="fixed-table-container" style="padding-bottom: 0px;"><div class="fixed-table-header" style="display: none;"><table></table></div><div class="fixed-table-body"><div class="fixed-table-loading" style="top: 41px; display: none;">正在努力地加载数据中，请稍候……</div><table data-toggle="table" data-url="/whites/table" data-pagination="true" data-search="true" data-show-refresh="true" data-show-toggle="true" data-show-columns="true" data-toolbar="#toolbar" class="table table-hover">  
209 - <thead><tr><th style="text-align: center; width: 50px; " data-field="sp_id" tabindex="0"><div class="th-inner ">spID</div><div class="fht-cell"></div></th><th style="text-align: center; width: 120px; " data-field="sp_id_brief" tabindex="0"><div class="th-inner ">sp简称</div><div class="fht-cell"></div></th><th style="text-align: center; width: 200px; " data-field="type" tabindex="0"><div class="th-inner ">免审业务  
210 - </div><div class="fht-cell"></div></th><th style="text-align: center; width: 120px; " data-field="service_time" tabindex="0"><div class="th-inner ">免审业务更新时间</div><div class="fht-cell"></div></th><th style="text-align: center; width: 120px; " data-field="upload_time" tabindex="0"><div class="th-inner ">sp信息创建时间  
211 - </div><div class="fht-cell"></div></th><th style="text-align: center; width: 120px; " data-field="updated_at" tabindex="0"><div class="th-inner ">sp信息更新时间</div><div class="fht-cell"></div></th><th style="text-align: center; width: 100px; " data-field="action" tabindex="0"><div class="th-inner ">操作  
212 - </div><div class="fht-cell"></div></th></tr></thead>  
213 - <tbody><tr data-index="0"><td style="text-align: center; width: 50px; ">82</td><td style="text-align: center; width: 120px; ">视讯中国</td><td style="text-align: center; width: 200px; ">点播审核</td><td style="text-align: center; width: 120px; ">2018-11-22 23:08:48</td><td style="text-align: center; width: 120px; ">2016-08-03 14:27:17</td><td style="text-align: center; width: 120px; ">2018-12-06 17:00:02</td><td style="text-align: center; width: 100px; "><span>&nbsp;</span><a class="edit" href="javascript:void(0)"><button class="btn btn-primary btn-xs">设置</button></a><span> </span><span>&nbsp;</span></td></tr><tr data-index="1"><td style="text-align: center; width: 50px; ">60</td><td style="text-align: center; width: 120px; ">测试</td><td style="text-align: center; width: 200px; ">点播审核 || 评论审核</td><td style="text-align: center; width: 120px; ">2018-11-26 10:12:54</td><td style="text-align: center; width: 120px; ">2015-11-23 14:36:30</td><td style="text-align: center; width: 120px; ">2018-12-06 17:00:02</td><td style="text-align: center; width: 100px; "><span>&nbsp;</span><a class="edit" href="javascript:void(0)"><button class="btn btn-primary btn-xs">设置</button></a><span> </span><span>&nbsp;</span></td></tr><tr data-index="2"><td style="text-align: center; width: 50px; ">399</td><td style="text-align: center; width: 120px; ">明华维新</td><td style="text-align: center; width: 200px; ">无</td><td style="text-align: center; width: 120px; "></td><td style="text-align: center; width: 120px; ">2017-04-18 15:46:25</td><td style="text-align: center; width: 120px; ">2018-12-06 17:00:02</td><td style="text-align: center; width: 100px; "><span>&nbsp;</span><a class="edit" href="javascript:void(0)"><button class="btn btn-primary btn-xs">设置</button></a><span> </span><span>&nbsp;</span></td></tr><tr data-index="3"><td style="text-align: center; width: 50px; ">117</td><td style="text-align: center; width: 120px; ">正在上演</td><td style="text-align: center; width: 200px; ">点播审核</td><td style="text-align: center; width: 120px; ">2018-10-30 16:01:06</td><td style="text-align: center; width: 120px; ">2016-09-22 10:25:24</td><td style="text-align: center; width: 120px; ">2018-12-06 17:00:02</td><td style="text-align: center; width: 100px; "><span>&nbsp;</span><a class="edit" href="javascript:void(0)"><button class="btn btn-primary btn-xs">设置</button></a><span> </span><span>&nbsp;</span></td></tr><tr data-index="4"><td style="text-align: center; width: 50px; ">0</td><td style="text-align: center; width: 120px; ">视讯中国管理组</td><td style="text-align: center; width: 200px; ">无</td><td style="text-align: center; width: 120px; "></td><td style="text-align: center; width: 120px; ">2016-12-19 17:45:17</td><td style="text-align: center; width: 120px; ">2018-12-06 17:00:02</td><td style="text-align: center; width: 100px; "><span>&nbsp;</span><a class="edit" href="javascript:void(0)"><button class="btn btn-primary btn-xs">设置</button></a><span> </span><span>&nbsp;</span></td></tr><tr data-index="5"><td style="text-align: center; width: 50px; ">223</td><td style="text-align: center; width: 120px; ">非凡娱乐</td><td style="text-align: center; width: 200px; ">点播审核</td><td style="text-align: center; width: 120px; ">2018-11-26 10:14:53</td><td style="text-align: center; width: 120px; ">2016-12-06 10:45:18</td><td style="text-align: center; width: 120px; ">2018-11-26 10:14:53</td><td style="text-align: center; width: 100px; "><span>&nbsp;</span><a class="edit" href="javascript:void(0)"><button class="btn btn-primary btn-xs">设置</button></a><span> </span><span>&nbsp;</span></td></tr><tr data-index="6"><td style="text-align: center; width: 50px; ">326</td><td style="text-align: center; width: 120px; ">华人频道</td><td style="text-align: center; width: 200px; ">点播审核</td><td style="text-align: center; width: 120px; ">2018-01-04 13:56:27</td><td style="text-align: center; width: 120px; ">2017-03-13 17:30:49</td><td style="text-align: center; width: 120px; ">2018-12-06 17:00:02</td><td style="text-align: center; width: 100px; "><span>&nbsp;</span><a class="edit" href="javascript:void(0)"><button class="btn btn-primary btn-xs">设置</button></a><span> </span><span>&nbsp;</span></td></tr><tr data-index="7"><td style="text-align: center; width: 50px; ">184</td><td style="text-align: center; width: 120px; ">新锐格</td><td style="text-align: center; width: 200px; ">无</td><td style="text-align: center; width: 120px; "></td><td style="text-align: center; width: 120px; ">2016-11-08 11:46:00</td><td style="text-align: center; width: 120px; ">2018-04-20 17:00:02</td><td style="text-align: center; width: 100px; "><span>&nbsp;</span><a class="edit" href="javascript:void(0)"><button class="btn btn-primary btn-xs">设置</button></a><span> </span><span>&nbsp;</span></td></tr><tr data-index="8"><td style="text-align: center; width: 50px; ">162</td><td style="text-align: center; width: 120px; ">中体视讯</td><td style="text-align: center; width: 200px; ">无</td><td style="text-align: center; width: 120px; "></td><td style="text-align: center; width: 120px; ">2016-10-24 14:25:37</td><td style="text-align: center; width: 120px; ">2018-12-06 17:00:02</td><td style="text-align: center; width: 100px; "><span>&nbsp;</span><a class="edit" href="javascript:void(0)"><button class="btn btn-primary btn-xs">设置</button></a><span> </span><span>&nbsp;</span></td></tr><tr data-index="9"><td style="text-align: center; width: 50px; ">38</td><td style="text-align: center; width: 120px; ">国新办</td><td style="text-align: center; width: 200px; ">点播审核</td><td style="text-align: center; width: 120px; ">2018-04-26 11:06:42</td><td style="text-align: center; width: 120px; ">2016-05-11 11:53:33</td><td style="text-align: center; width: 120px; ">2018-12-06 17:00:02</td><td style="text-align: center; width: 100px; "><span>&nbsp;</span><a class="edit" href="javascript:void(0)"><button class="btn btn-primary btn-xs">设置</button></a><span> </span><span>&nbsp;</span></td></tr></tbody></table></div><div class="fixed-table-footer" style="display: none;"><table><tbody><tr></tr></tbody></table></div><div class="fixed-table-pagination" style="display: block;"><div class="pull-left pagination-detail"><span class="pagination-info">显示第 1 到第 10 条记录，总共 41 条记录</span><span class="page-list">每页显示 <span class="btn-group dropup"><button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="page-size">10</span> <span class="caret"></span></button><ul class="dropdown-menu" role="menu"><li class="active"><a href="javascript:void(0)">10</a></li><li><a href="javascript:void(0)">25</a></li><li><a href="javascript:void(0)">50</a></li></ul></span> 条记录</span></div><div class="pull-right pagination"><ul class="pagination"><li class="page-pre"><a href="javascript:void(0)">‹</a></li><li class="page-number active"><a href="javascript:void(0)">1</a></li><li class="page-number"><a href="javascript:void(0)">2</a></li><li class="page-number"><a href="javascript:void(0)">3</a></li><li class="page-number"><a href="javascript:void(0)">4</a></li><li class="page-number"><a href="javascript:void(0)">5</a></li><li class="page-next"><a href="javascript:void(0)">›</a></li></ul></div></div></div></div><div class="clearfix"></div> 149 + <div class="clearfix"></div>
214 </div> 150 </div>
215 </div> 151 </div>
216 </div> 152 </div>
217 </div> 153 </div>
218 </section> 154 </section>
219 </div> 155 </div>
220 - <script>  
221 - function actionFormatter(value, row, index) {  
222 -// var disabled_del = '';  
223 - var state_html = '';  
224 - var trust_html = '';  
225 -// switch (row.state_name) {  
226 -//// case '已注销':  
227 -//// disabled_del = 'disabled="disabled"';  
228 -//// break;  
229 -//  
230 -// case '已启用':  
231 -// state_html = '<a class="disabled" href="javascript:void(0)"><button class="btn btn-danger btn-xs" data-toggle="modal" data-target="#modal">禁用</button></a>';  
232 -// break;  
233 -// case '已禁用':  
234 -// state_html = '<a class="disabled" href="javascript:void(0)"><button class="btn btn-success btn-xs" data-toggle="modal" data-target="#modal">启用</button></a>';  
235 -// break;  
236 -// }  
237 -  
238 -// switch (row.trust_name) {  
239 -// case '是':  
240 -// trust_html = '<a class="trust" href="javascript:void(0)"><button class="btn btn-warning btn-xs" data-toggle="modal" data-target="#modal">质疑</button></a>';  
241 -// break;  
242 -// case '否':  
243 -// trust_html = '<a class="trust" href="javascript:void(0)"><button class="btn btn-success btn-xs" data-toggle="modal" data-target="#modal">信任</button></a>';  
244 -// break;  
245 -// }  
246 -  
247 - return [  
248 - state_html,  
249 - '<span>&nbsp;</span>',  
250 - '<a class="edit" href="javascript:void(0)"><button class="btn btn-primary btn-xs">设置</button></a>',  
251 - '<span> </span>',  
252 -// '<a class="detail" href="javascript:void(0)"><button class="btn btn-primary btn-xs">详情</button></a>',  
253 -// '<a class="remove" href="javascript:void(0)"><button class="btn btn-danger btn-xs" ' + disabled_del + ' data-toggle="modal" data-target="#modal">注销</button></a>',  
254 - '<span>&nbsp;</span>',  
255 - trust_html  
256 - ].join('');  
257 - }  
258 -  
259 - $("#modal_remove").click(function () {  
260 - var row_id = $(this).data('id');  
261 -  
262 - $.ajax({  
263 - type: 'get',  
264 - data: {'_token': '1S0PDRJgENm1wNWmFo4hb3CLm5PjPLFWxQM88P4G'},  
265 - url: '/whites/' + row_id + '/delete',  
266 - success: function (data) {  
267 - window.location.href = '/whites';  
268 - }  
269 - });  
270 - });  
271 -  
272 156
  157 +<!-- 模态框（Modal） -->
  158 +<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  159 + <div class="modal-dialog">
  160 + <div class="modal-content" style="margin-top: 30%;">
  161 + <div class="modal-header">
  162 + <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  163 + <h4 class="modal-title" id="myModalLabel">编辑</h4>
  164 + </div>
  165 + <div class="modal-body">
  166 + <div class="form-group">
  167 + <label class="control-label col-sm-2" style="font-size: 15px;">sp简称:</label>
  168 + <div class="col-sm-10" style="margin-top: -5px;margin-bottom: 20px;">
  169 + <h5 id="edit_company">视讯中国</h5>
  170 + </div>
  171 + </div>
273 172
274 - window.actionEvents = {  
275 -// 'click .trust': function (e, value, row, index) {  
276 -// var html = '';  
277 -// switch (row.trust_name) {  
278 -// case '是':  
279 -// html = '质疑';  
280 -// break;  
281 -// case '否':  
282 -// html = '信任';  
283 -// break;  
284 -// }  
285 -//  
286 -// $('#msg').html('您确认' + html + '该用户吗？');  
287 -// $('#modal_remove').show();  
288 -// $('#modal_remove').data('id', row.id);  
289 -// },  
290 - 'click .edit': function (e, value, row, index) {  
291 - window.location.href = '/whites/' + row.id + '/edit';  
292 - },  
293 - 'click .detail': function (e, value, row, index) {  
294 - window.location.href = '/whites/' + row.id + '/detail';  
295 - },  
296 - 'click .disabled': function (e, value, row, index) {  
297 - var html = '';  
298 - switch (row.state_name) {  
299 - case '已启用':  
300 - html = '禁用';  
301 - break;  
302 - case '已禁用':  
303 - html = '启用';  
304 - break;  
305 - }  
306 - $('#msg').html('您确认' + html + '该用户吗？');  
307 - $('#modal_remove').show();  
308 - $('#modal_remove').data('id', row.id);  
309 - },  
310 - };  
311 -  
312 - function stateFormatter(value, row, index) {  
313 - var style = 'label-primary';  
314 - switch (row.state_name) {  
315 - case '已启用':  
316 - style = 'label-success';  
317 - break;  
318 - case '已禁用':  
319 - style = 'label-danger';  
320 - break;  
321 - }  
322 - return [  
323 - '<span class="label ' + style + '">' + row.state_name + '</span>',  
324 - ].join('');  
325 - }  
326 -  
327 - function trustFormatter(value, row, index) {  
328 - var style = 'label-primary';  
329 - switch (row.trust_name) {  
330 - case '是':  
331 - style = 'label-success';  
332 - break;  
333 - case '否':  
334 - style = 'label-danger';  
335 - break;  
336 - }  
337 - return [  
338 - '<span class="label ' + style + '">' + row.trust_name + '</span>',  
339 - ].join('');  
340 - }  
341 -  
342 - /*时间格式切换*/  
343 - function uploadFormatter(value, row, index) {  
344 - var upload = row.upload_time;  
345 - if (upload) {  
346 - var uploadFormat = formatDate(upload);  
347 - }  
348 - return uploadFormat;  
349 - }  
350 -  
351 - function add0(m) {  
352 - return m < 10 ? '0' + m : m  
353 - }  
354 - ;  
355 - /*格式转换*/  
356 - function formatDate(start_time) {  
357 - var now = new Date(parseInt(start_time))  
358 - var year = now.getFullYear();  
359 - var month = now.getMonth() + 1;  
360 - var date = now.getDate();  
361 - var hour = now.getHours();  
362 - var minute = now.getMinutes();  
363 - var second = now.getSeconds();  
364 - return year + '-' + add0(month) + '-' + add0(date) + ' ' + add0(hour) + ":" + add0(minute) + ":" + add0(second);  
365 - } 173 + <div class="form-group">
  174 + <label class="control-label col-sm-2" style="font-size: 15px;">免审业务:</label>
  175 + <form action="/sites/edit" method="post">
  176 + <input type="text" name="siteId" value="" class="hide" id="edit_id"/>
  177 + <div class="col-sm-10" style="float: left">
  178 + <div th:each="bu:${business}" style="padding-right: 30px;" class="write_check">
  179 + <span th:text="${bu.value}" style="font-size: 15px"></span>
  180 + <input type="checkbox" name="write_business" th:value="${bu.key}" th:id="'write_check_'+${bu.key}">
  181 + </div>
  182 + </div>
  183 + </form>
366 184
367 - function typeFormatter(value, row, index) {  
368 - var type_name = '';  
369 - if (row.type) {  
370 - type_name = eval(row.type);  
371 -// a = new Array(0,1,2,3,4);  
372 - type_name = type_name.join(" || "); 185 + </div>
373 186
374 - } else {  
375 - type_name = '无';  
376 - }  
377 - console.log(type_name)  
378 - return type_name; 187 + </div>
  188 + <div class="modal-footer">
  189 + <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
  190 + <button type="button" class="btn btn-primary">提交更改</button>
  191 + </div>
  192 + </div><!-- /.modal-content -->
  193 + </div><!-- /.modal-dialog -->
  194 +</div>
  195 +<!-- /.modal -->
  196 + <script>
  197 + //编辑窗口
  198 + function edit(id,company,write_business){
  199 + $("#edit_company").text(company);
  200 + $("#edit_id").text(id);
  201 + $(".write_check input").prop("checked",false);
  202 + if($.trim(write_business)!=''){
  203 + var array = write_business.split(",")
  204 + for (var i=0;i<array.length;i++){
  205 + $("#write_check_"+array[i]).prop("checked",true);
  206 + }
  207 + }
  208 + $('#editModal').modal('show');
379 } 209 }
380 </script> 210 </script>
381 211
382 - <footer class="main-footer" style="font-size:18px;">  
383 - <div class="pull-right hidden-xs">  
384 - <b>Version</b> 1.2  
385 - <span><a href="http://shenhe.cnlive.com/scan_update_logs">查看更新日志</a></span>  
386 - </div>  
387 - <strong>© 2017-2018 <a href="http://www.cnlive.com/">&nbsp;&nbsp;&nbsp;&nbsp;视讯中国&nbsp;&nbsp;CNLive</a></strong> 版权所有.  
388 - </footer> 212 + <footer th:replace="../templates/common/foot::foot" ></footer>
389 213
390 214
391 <!-- Control Sidebar --> 215 <!-- Control Sidebar -->
392 <aside class="control-sidebar control-sidebar-dark"> 216 <aside class="control-sidebar control-sidebar-dark">
393 <!-- Create the tabs --> 217 <!-- Create the tabs -->
394 <ul class="nav nav-tabs nav-justified control-sidebar-tabs"> 218 <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
395 - <li class="active"><a href="http://shenhe.cnlive.com/whites#control-sidebar-theme-demo-options-tab" data-toggle="tab"><i class="fa fa-wrench"></i></a></li><li><a href="http://shenhe.cnlive.com/whites#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>  
396 - <li><a href="http://shenhe.cnlive.com/whites#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li> 219 + <li class="active"><a href="http://shenhe.cnlive.com/whites#control-sidebar-theme-demo-options-tab"
  220 + data-toggle="tab"><i class="fa fa-wrench"></i></a></li>
  221 + <li><a href="http://shenhe.cnlive.com/whites#control-sidebar-home-tab" data-toggle="tab"><i
  222 + class="fa fa-home"></i></a></li>
  223 + <li><a href="http://shenhe.cnlive.com/whites#control-sidebar-settings-tab" data-toggle="tab"><i
  224 + class="fa fa-gears"></i></a></li>
397 </ul> 225 </ul>
398 <!-- Tab panes --> 226 <!-- Tab panes -->
399 <div class="tab-content"> 227 <div class="tab-content">
400 <!-- Home tab content --> 228 <!-- Home tab content -->
401 <div class="tab-pane" id="control-sidebar-home-tab"> 229 <div class="tab-pane" id="control-sidebar-home-tab">
402 - </div><div id="control-sidebar-theme-demo-options-tab" class="tab-pane active"><div><h4 class="control-sidebar-heading">选择主题颜色</h4><ul class="list-unstyled clearfix"><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);" data-skin="skin-blue" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px; background: #367fa9;"></span><span class="bg-light-blue" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">黑蓝</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);" data-skin="skin-black" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div style="box-shadow: 0 0 2px rgba(0,0,0,0.1)" class="clearfix"><span style="display:block; width: 20%; float: left; height: 7px; background: #fefefe;"></span><span style="display:block; width: 80%; float: left; height: 7px; background: #fefefe;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #222;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">黑白</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);" data-skin="skin-purple" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-purple-active"></span><span class="bg-purple" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">黑紫</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);" data-skin="skin-green" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-green-active"></span><span class="bg-green" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">黑绿</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);" data-skin="skin-red" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-red-active"></span><span class="bg-red" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">红色</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);" data-skin="skin-yellow" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-yellow-active"></span><span class="bg-yellow" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin">黑黄</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);" data-skin="skin-blue-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px; background: #367fa9;"></span><span class="bg-light-blue" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">灰蓝</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);" data-skin="skin-black-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div style="box-shadow: 0 0 2px rgba(0,0,0,0.1)" class="clearfix"><span style="display:block; width: 20%; float: left; height: 7px; background: #fefefe;"></span><span style="display:block; width: 80%; float: left; height: 7px; background: #fefefe;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">灰白</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);" data-skin="skin-purple-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-purple-active"></span><span class="bg-purple" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">灰紫</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);" data-skin="skin-green-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-green-active"></span><span class="bg-green" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">灰绿</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);" data-skin="skin-red-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-red-active"></span><span class="bg-red" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin" style="font-size: 12px">灰红</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);" data-skin="skin-yellow-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-yellow-active"></span><span class="bg-yellow" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span></div></a><p class="text-center no-margin" style="font-size: 12px;">灰黄</p></li></ul></div></div><!-- /.tab-pane --> 230 + </div>
  231 + <div id="control-sidebar-theme-demo-options-tab" class="tab-pane active">
  232 + <div><h4 class="control-sidebar-heading">选择主题颜色</h4>
  233 + <ul class="list-unstyled clearfix">
  234 + <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
  235 + data-skin="skin-blue"
  236 + style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
  237 + class="clearfix full-opacity-hover">
  238 + <div><span
  239 + style="display:block; width: 20%; float: left; height: 7px; background: #367fa9;"></span><span
  240 + class="bg-light-blue"
  241 + style="display:block; width: 80%; float: left; height: 7px;"></span></div>
  242 + <div><span
  243 + style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span
  244 + style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
  245 + </div>
  246 + </a>
  247 + <p class="text-center no-margin">黑蓝</p></li>
  248 + <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
  249 + data-skin="skin-black"
  250 + style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
  251 + class="clearfix full-opacity-hover">
  252 + <div style="box-shadow: 0 0 2px rgba(0,0,0,0.1)" class="clearfix"><span
  253 + style="display:block; width: 20%; float: left; height: 7px; background: #fefefe;"></span><span
  254 + style="display:block; width: 80%; float: left; height: 7px; background: #fefefe;"></span>
  255 + </div>
  256 + <div><span
  257 + style="display:block; width: 20%; float: left; height: 20px; background: #222;"></span><span
  258 + style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
  259 + </div>
  260 + </a>
  261 + <p class="text-center no-margin">黑白</p></li>
  262 + <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
  263 + data-skin="skin-purple"
  264 + style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
  265 + class="clearfix full-opacity-hover">
  266 + <div><span style="display:block; width: 20%; float: left; height: 7px;"
  267 + class="bg-purple-active"></span><span class="bg-purple"
  268 + style="display:block; width: 80%; float: left; height: 7px;"></span>
  269 + </div>
  270 + <div><span
  271 + style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span
  272 + style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
  273 + </div>
  274 + </a>
  275 + <p class="text-center no-margin">黑紫</p></li>
  276 + <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
  277 + data-skin="skin-green"
  278 + style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
  279 + class="clearfix full-opacity-hover">
  280 + <div><span style="display:block; width: 20%; float: left; height: 7px;"
  281 + class="bg-green-active"></span><span class="bg-green"
  282 + style="display:block; width: 80%; float: left; height: 7px;"></span>
  283 + </div>
  284 + <div><span
  285 + style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span
  286 + style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
  287 + </div>
  288 + </a>
  289 + <p class="text-center no-margin">黑绿</p></li>
  290 + <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
  291 + data-skin="skin-red"
  292 + style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
  293 + class="clearfix full-opacity-hover">
  294 + <div><span style="display:block; width: 20%; float: left; height: 7px;"
  295 + class="bg-red-active"></span><span class="bg-red"
  296 + style="display:block; width: 80%; float: left; height: 7px;"></span>
  297 + </div>
  298 + <div><span
  299 + style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span
  300 + style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
  301 + </div>
  302 + </a>
  303 + <p class="text-center no-margin">红色</p></li>
  304 + <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
  305 + data-skin="skin-yellow"
  306 + style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
  307 + class="clearfix full-opacity-hover">
  308 + <div><span style="display:block; width: 20%; float: left; height: 7px;"
  309 + class="bg-yellow-active"></span><span class="bg-yellow"
  310 + style="display:block; width: 80%; float: left; height: 7px;"></span>
  311 + </div>
  312 + <div><span
  313 + style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span
  314 + style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
  315 + </div>
  316 + </a>
  317 + <p class="text-center no-margin">黑黄</p></li>
  318 + <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
  319 + data-skin="skin-blue-light"
  320 + style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
  321 + class="clearfix full-opacity-hover">
  322 + <div><span
  323 + style="display:block; width: 20%; float: left; height: 7px; background: #367fa9;"></span><span
  324 + class="bg-light-blue"
  325 + style="display:block; width: 80%; float: left; height: 7px;"></span></div>
  326 + <div><span
  327 + style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span
  328 + style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
  329 + </div>
  330 + </a>
  331 + <p class="text-center no-margin" style="font-size: 12px">灰蓝</p></li>
  332 + <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
  333 + data-skin="skin-black-light"
  334 + style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
  335 + class="clearfix full-opacity-hover">
  336 + <div style="box-shadow: 0 0 2px rgba(0,0,0,0.1)" class="clearfix"><span
  337 + style="display:block; width: 20%; float: left; height: 7px; background: #fefefe;"></span><span
  338 + style="display:block; width: 80%; float: left; height: 7px; background: #fefefe;"></span>
  339 + </div>
  340 + <div><span
  341 + style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span
  342 + style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
  343 + </div>
  344 + </a>
  345 + <p class="text-center no-margin" style="font-size: 12px">灰白</p></li>
  346 + <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
  347 + data-skin="skin-purple-light"
  348 + style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
  349 + class="clearfix full-opacity-hover">
  350 + <div><span style="display:block; width: 20%; float: left; height: 7px;"
  351 + class="bg-purple-active"></span><span class="bg-purple"
  352 + style="display:block; width: 80%; float: left; height: 7px;"></span>
  353 + </div>
  354 + <div><span
  355 + style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span
  356 + style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
  357 + </div>
  358 + </a>
  359 + <p class="text-center no-margin" style="font-size: 12px">灰紫</p></li>
  360 + <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
  361 + data-skin="skin-green-light"
  362 + style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
  363 + class="clearfix full-opacity-hover">
  364 + <div><span style="display:block; width: 20%; float: left; height: 7px;"
  365 + class="bg-green-active"></span><span class="bg-green"
  366 + style="display:block; width: 80%; float: left; height: 7px;"></span>
  367 + </div>
  368 + <div><span
  369 + style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span
  370 + style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
  371 + </div>
  372 + </a>
  373 + <p class="text-center no-margin" style="font-size: 12px">灰绿</p></li>
  374 + <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
  375 + data-skin="skin-red-light"
  376 + style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
  377 + class="clearfix full-opacity-hover">
  378 + <div><span style="display:block; width: 20%; float: left; height: 7px;"
  379 + class="bg-red-active"></span><span class="bg-red"
  380 + style="display:block; width: 80%; float: left; height: 7px;"></span>
  381 + </div>
  382 + <div><span
  383 + style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span
  384 + style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
  385 + </div>
  386 + </a>
  387 + <p class="text-center no-margin" style="font-size: 12px">灰红</p></li>
  388 + <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
  389 + data-skin="skin-yellow-light"
  390 + style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
  391 + class="clearfix full-opacity-hover">
  392 + <div><span style="display:block; width: 20%; float: left; height: 7px;"
  393 + class="bg-yellow-active"></span><span class="bg-yellow"
  394 + style="display:block; width: 80%; float: left; height: 7px;"></span>
  395 + </div>
  396 + <div><span
  397 + style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span
  398 + style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
  399 + </div>
  400 + </a>
  401 + <p class="text-center no-margin" style="font-size: 12px;">灰黄</p></li>
  402 + </ul>
  403 + </div>
  404 + </div><!-- /.tab-pane -->
403 </div> 405 </div>
404 </aside><!-- /.control-sidebar --> 406 </aside><!-- /.control-sidebar -->
405 <!-- Add the sidebar's background. This div must be placed 407 <!-- Add the sidebar's background. This div must be placed
@@ -409,7 +411,6 @@ line-height: 2em; margin: 0 auto;font-size: 2em&quot; th:text=&quot;${session.sessionUser. @@ -409,7 +411,6 @@ line-height: 2em; margin: 0 auto;font-size: 2em&quot; th:text=&quot;${session.sessionUser.
409 </div><!-- ./wrapper --> 411 </div><!-- ./wrapper -->
410 412
411 413
412 -  
413 <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> 414 <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
414 <script type="text/javascript"> 415 <script type="text/javascript">
415 $('div.alert').not('.alert-danger').delay(3000).slideUp(300); 416 $('div.alert').not('.alert-danger').delay(3000).slideUp(300);
@@ -421,9 +422,5 @@ line-height: 2em; margin: 0 auto;font-size: 2em&quot; th:text=&quot;${session.sessionUser. @@ -421,9 +422,5 @@ line-height: 2em; margin: 0 auto;font-size: 2em&quot; th:text=&quot;${session.sessionUser.
421 <script src="../../static/js/sidebar.js"></script> 422 <script src="../../static/js/sidebar.js"></script>
422 423
423 424
424 -  
425 -  
426 -  
427 -  
428 -  
429 -</body></html>  
430 \ No newline at end of file 425 \ No newline at end of file
  426 +</body>
  427 +</html>
431 \ No newline at end of file 428 \ No newline at end of file