周伟鹏 / 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 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 6 import com.cnlive.shenhe.bean.SessionUser;
4 7 import com.cnlive.shenhe.entity.ShySites;
5 8 import com.cnlive.shenhe.serviceImpl.SitesServiceImpl;
  9 +import com.cnlive.shenhe.utils.CommonConst;
6 10 import com.cnlive.shenhe.utils.CommonUtils;
7 11 import com.github.pagehelper.PageInfo;
8 12 import org.slf4j.Logger;
... ... @@ -10,10 +14,10 @@ import org.slf4j.LoggerFactory;
10 14 import org.springframework.beans.factory.annotation.Autowired;
11 15 import org.springframework.stereotype.Controller;
12 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 19 import javax.servlet.http.HttpSession;
  20 +import java.util.List;
17 21  
18 22 /**
19 23 * @Auther: 周伟鹏
... ... @@ -35,19 +39,63 @@ public class SitesController {
35 39 * @param page
36 40 * @param pageSize
37 41 * @param orderByClause
38   - * @param key
  42 + * @param keyword
39 43 * @return
40 44 */
41 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 47 SessionUser sessionUser = (SessionUser) session.getAttribute(SessionUser.getSessionKey());
44 48 Integer spid = sessionUser.getSpid();
45   - if (spid == 0) spid = 82;
  49 + if (spid != 0){
  50 + //return "page/error.html";
  51 + }
46 52 if (CommonUtils.isNull(page)) page = 1;
47 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 70 model.addAttribute("sitePage", sitePage);
  71 + model.addAttribute("business", business);
50 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 1 package com.cnlive.shenhe.entity;
2 2  
  3 +import javax.persistence.Id;
  4 +import javax.persistence.Table;
  5 +import javax.persistence.Transient;
3 6 import java.util.Date;
4   -import javax.persistence.*;
5 7  
6 8 @Table(name = "shy_sites")
7 9 public class ShySites {
... ... @@ -30,6 +32,11 @@ public class ShySites {
30 32 * 免审业务,多种用,分割
31 33 */
32 34 private String write_business;
  35 + /**
  36 + * 免审业务名称
  37 + */
  38 + @Transient
  39 + private String write_business_name;
33 40  
34 41 /**
35 42 * @return id
... ... @@ -154,4 +161,12 @@ public class ShySites {
154 161 public void setWrite_business(String write_business) {
155 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 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 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 1 package com.cnlive.shenhe.utils;
2 2  
  3 +import com.alibaba.fastjson.JSONObject;
  4 +
  5 +import java.util.Map;
  6 +
3 7 /**
4 8 * @Auther: 周伟鹏
5 9 * @Date: 2018/11/30 14:20
... ... @@ -34,9 +38,12 @@ public class CommonConst {
34 38 * 白名单业务：点播
35 39 */
36 40 public static Integer BUSINESS_VIDEO = 1;
  41 +
37 42 /**
38 43 * 白名单业务：评论
39 44 */
40 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 17  
18 18 <!--Bootstrap-->
19 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 22 <!-- Font Awesome -->
23 23 <link href="../../static/css/font-awesome.min.css" rel="stylesheet">
... ... @@ -52,7 +52,7 @@
52 52  
53 53 <!--Bootstrap-DatetimePicker-->
54 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 57 <!--X-editable-->
58 58 <link href="../../static/css/bootstrap-editable.css" rel="stylesheet">
... ...
src/main/resources/templates/page/site.html
  View file @ab98e76
1 1 <!DOCTYPE html>
2   -<!-- saved from url=(0031)http://shenhe.cnlive.com/whites -->
3 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 10 <body class="skin-blue sidebar-mini">
7 11  
8 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 16 <div class="content-wrapper" style="min-height: 788px;">
140 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 29 <div class="col-xs-12">
153 30 <div class="box box-info">
154 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 36 </div>
167 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 59 </div>
184 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 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 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 145 </div>
199 146 </div>
200 147 </div>
201 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 150 </div>
215 151 </div>
216 152 </div>
217 153 </div>
218 154 </section>
219 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 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 215 <!-- Control Sidebar -->
392 216 <aside class="control-sidebar control-sidebar-dark">
393 217 <!-- Create the tabs -->
394 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 225 </ul>
398 226 <!-- Tab panes -->
399 227 <div class="tab-content">
400 228 <!-- Home tab content -->
401 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 405 </div>
404 406 </aside><!-- /.control-sidebar -->
405 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 411 </div><!-- ./wrapper -->
410 412  
411 413  
412   -
413 414 <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
414 415 <script type="text/javascript">
415 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 422 <script src="../../static/js/sidebar.js"></script>
422 423  
423 424  
424   -
425   -
426   -
427   -
428   -
429   -</body></html>
430 425 \ No newline at end of file
  426 +</body>
  427 +</html>
431 428 \ No newline at end of file
... ...