周伟鹏 / cnlive_shenhe · Commits

Commit e523c967869893fbc4651f4f261d7598b92cf9e5

Authored by 周伟鹏
1 parent ab98e763

白名单页面完成

Inline Side-by-side
Showing 6 changed files with 91 additions and 247 deletions
src/main/java/com/cnlive/shenhe/controller/SitesController.java
  View file @e523c96
@@ -47,7 +47,7 @@ public class SitesController { @@ -47,7 +47,7 @@ public class SitesController {
47 SessionUser sessionUser = (SessionUser) session.getAttribute(SessionUser.getSessionKey()); 47 SessionUser sessionUser = (SessionUser) session.getAttribute(SessionUser.getSessionKey());
48 Integer spid = sessionUser.getSpid(); 48 Integer spid = sessionUser.getSpid();
49 if (spid != 0){ 49 if (spid != 0){
50 - //return "page/error.html"; 50 + return "page/error.html";
51 } 51 }
52 if (CommonUtils.isNull(page)) page = 1; 52 if (CommonUtils.isNull(page)) page = 1;
53 if (CommonUtils.isNull(pageSize)) pageSize = 10; 53 if (CommonUtils.isNull(pageSize)) pageSize = 10;
@@ -74,12 +74,11 @@ public class SitesController { @@ -74,12 +74,11 @@ public class SitesController {
74 74
75 75
76 @PostMapping(value = "/write") 76 @PostMapping(value = "/write")
77 - @ResponseBody  
78 - public ResponseBean write(Integer siteId, String[] write_business, HttpSession session) { 77 + public String write(Integer siteId, String[] write_business, HttpSession session,String redirect_url) {
79 SessionUser sessionUser = (SessionUser) session.getAttribute(SessionUser.getSessionKey()); 78 SessionUser sessionUser = (SessionUser) session.getAttribute(SessionUser.getSessionKey());
80 Integer spid = sessionUser.getSpid(); 79 Integer spid = sessionUser.getSpid();
81 if (spid != 0){ 80 if (spid != 0){
82 - //return "page/error.html"; 81 + return "page/error.html";
83 } 82 }
84 ShySites site = sitesService.get(siteId); 83 ShySites site = sitesService.get(siteId);
85 String write = ""; 84 String write = "";
@@ -92,9 +91,9 @@ public class SitesController { @@ -92,9 +91,9 @@ public class SitesController {
92 site.setWrite_business(write); 91 site.setWrite_business(write);
93 boolean success = sitesService.update(site); 92 boolean success = sitesService.update(site);
94 if(success){ 93 if(success){
95 - return new ResponseBean(); 94 + return "redirect:"+redirect_url;
96 }else{ 95 }else{
97 - return new ResponseBean(ErrorEnum.ERROR); 96 + return "error.html";
98 } 97 }
99 } 98 }
100 99
src/main/java/com/cnlive/shenhe/controller/UsersController.java
  View file @e523c96
@@ -33,13 +33,6 @@ public class UsersController { @@ -33,13 +33,6 @@ public class UsersController {
33 return usersService.get(id); 33 return usersService.get(id);
34 } 34 }
35 35
36 - @RequestMapping("/index")  
37 - public String index(HttpSession session) {  
38 - SessionUser sessionUser = (SessionUser) session.getAttribute(SessionUser.getSessionKey());  
39 - System.out.println(sessionUser.getUserId());  
40 - return "page/head.html";  
41 - }  
42 -  
43 @RequestMapping("/login") 36 @RequestMapping("/login")
44 public String index(HttpServletRequest request) { 37 public String index(HttpServletRequest request) {
45 AttributePrincipal principal = (AttributePrincipal) request.getUserPrincipal(); 38 AttributePrincipal principal = (AttributePrincipal) request.getUserPrincipal();
@@ -59,16 +52,16 @@ public class UsersController { @@ -59,16 +52,16 @@ public class UsersController {
59 sessionUser.setEmail(user.getEmail()); 52 sessionUser.setEmail(user.getEmail());
60 sessionUser.setLogo(user.getUser_logo()); 53 sessionUser.setLogo(user.getUser_logo());
61 request.getSession().setAttribute(SessionUser.SESSION_KEY,sessionUser); 54 request.getSession().setAttribute(SessionUser.SESSION_KEY,sessionUser);
62 - return "common/head.html"; 55 + return "redirect:/videos/page";
63 } 56 }
64 } 57 }
65 return "page/error.html"; 58 return "page/error.html";
66 } 59 }
67 60
68 @RequestMapping("/logout") 61 @RequestMapping("/logout")
69 - public String loginOut(HttpSession session) { 62 + public String logout(HttpSession session) {
70 session.invalidate(); 63 session.invalidate();
71 - return "redirect:https://user.cnlive.com/OpenSSO2/login"; 64 + return "redirect:https://user.cnlive.com/OpenSSO2/logout?service=http://shenhe.cnlive.com/users/login";
72 } 65 }
73 66
74 67
src/main/resources/templates/common/foot.html
  View file @e523c96
@@ -2,14 +2,14 @@ @@ -2,14 +2,14 @@
2 <html lang="en" xmlns:th="http://www.thymeleaf.org"> 2 <html lang="en" xmlns:th="http://www.thymeleaf.org">
3 <head> 3 <head>
4 <meta charset="UTF-8"> 4 <meta charset="UTF-8">
5 - <title>Title</title> 5 + <title></title>
6 </head> 6 </head>
7 <body> 7 <body>
8 <footer class="main-footer" style="font-size:18px;" th:fragment="foot"> 8 <footer class="main-footer" style="font-size:18px;" th:fragment="foot">
9 - <div class="pull-right hidden-xs"> 9 + <!--<div class="pull-right hidden-xs">
10 <b>Version</b> 1.2 10 <b>Version</b> 1.2
11 <span><a href="http://shenhe.cnlive.com/scan_update_logs">查看更新日志</a></span> 11 <span><a href="http://shenhe.cnlive.com/scan_update_logs">查看更新日志</a></span>
12 - </div> 12 + </div>-->
13 <strong>© 2017-2018 <a href="http://www.cnlive.com/">&nbsp;&nbsp;&nbsp;&nbsp;视讯中国&nbsp;&nbsp;CNLive</a></strong> 13 <strong>© 2017-2018 <a href="http://www.cnlive.com/">&nbsp;&nbsp;&nbsp;&nbsp;视讯中国&nbsp;&nbsp;CNLive</a></strong>
14 版权所有. 14 版权所有.
15 </footer> 15 </footer>
src/main/resources/templates/common/frame.html
  View file @e523c96
@@ -12,9 +12,9 @@ @@ -12,9 +12,9 @@
12 <!-- Header Navbar: style can be found in header.less --> 12 <!-- Header Navbar: style can be found in header.less -->
13 <nav class="navbar navbar-static-top" role="navigation"> 13 <nav class="navbar navbar-static-top" role="navigation">
14 <!-- Sidebar toggle button--> 14 <!-- Sidebar toggle button-->
15 - <a href="http://shenhe.cnlive.com/videos#" class="sidebar-toggle" data-toggle="offcanvas" role="button"> 15 + <!--<a href="http://shenhe.cnlive.com/videos#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
16 <span class="sr-only">Toggle navigation</span> 16 <span class="sr-only">Toggle navigation</span>
17 - </a> 17 + </a>-->
18 <div class="navbar-custom-menu"> 18 <div class="navbar-custom-menu">
19 <ul class="nav navbar-nav"> 19 <ul class="nav navbar-nav">
20 <li class="dropdown messages-menu" style="margin: 0 auto"> 20 <li class="dropdown messages-menu" style="margin: 0 auto">
@@ -40,11 +40,11 @@ line-height: 2em; margin: 0 auto;font-size: 2em&quot; th:text=&quot;${session.sessionUser. @@ -40,11 +40,11 @@ line-height: 2em; margin: 0 auto;font-size: 2em&quot; th:text=&quot;${session.sessionUser.
40 </li> 40 </li>
41 <!-- Menu Footer--> 41 <!-- Menu Footer-->
42 <li class="user-footer"> 42 <li class="user-footer">
43 - <div class="pull-left"> 43 + <!--<div class="pull-left">
44 <a href="http://shenhe.cnlive.com/users/info" class="btn btn-default btn-flat">个人资料</a> 44 <a href="http://shenhe.cnlive.com/users/info" class="btn btn-default btn-flat">个人资料</a>
45 - </div> 45 + </div>-->
46 <div class="pull-right"> 46 <div class="pull-right">
47 - <a href="http://shenhe.cnlive.com/logout" class="btn btn-default btn-flat">注销</a> 47 + <a href="/users/logout" class="btn btn-default btn-flat">注销</a>
48 </div> 48 </div>
49 </li> 49 </li>
50 </ul> 50 </ul>
@@ -63,37 +63,19 @@ line-height: 2em; margin: 0 auto;font-size: 2em&quot; th:text=&quot;${session.sessionUser. @@ -63,37 +63,19 @@ line-height: 2em; margin: 0 auto;font-size: 2em&quot; th:text=&quot;${session.sessionUser.
63 <li class="header">菜单导航</li> 63 <li class="header">菜单导航</li>
64 <li class="treeview active"> 64 <li class="treeview active">
65 <a href="http://shenhe.cnlive.com/videos#"> 65 <a href="http://shenhe.cnlive.com/videos#">
66 - <i class="fa fa-refresh"></i>  
67 <span class="menu-item-top">审核云</span> 66 <span class="menu-item-top">审核云</span>
68 - <i class="fa fa-angle-left pull-right"></i>  
69 </a> 67 </a>
70 <ul class="treeview-menu"> 68 <ul class="treeview-menu">
71 -  
72 - <li class="active"><a href="http://shenhe.cnlive.com/videos"><i class="fa fa-youtube-play"></i> 点播审核</a></li>  
73 - <li><a href="http://shenhe.cnlive.com/live"><i class="fa fa-video-camera"></i> 直播审核</a></li>  
74 - <li><a href="http://shenhe.cnlive.com/comments"><i class="fa fa-comment"></i> 评论审核</a></li>  
75 -  
76 - <li><a href="http://shenhe.cnlive.com/anchors"><i class="fa fa-anchor"></i> 主播资质审核</a></li>  
77 -  
78 - <li><a href="http://shenhe.cnlive.com/live_audio"><i class="fa fa-feed"></i> 直播音频审核</a></li>  
79 -  
80 - 69 + <li class="active"><a href="/videos/page"></i> 点播审核</a></li>
  70 + <li><a href="/comments/page"> 评论审核</a></li>
81 </ul> 71 </ul>
82 </li> 72 </li>
83 - <li class="treeview"> 73 + <li class="treeview" th:if="${session.sessionUser.spid==0}">
84 <a href="http://shenhe.cnlive.com/videos#"> 74 <a href="http://shenhe.cnlive.com/videos#">
85 - <i class="fa fa-cog"></i>  
86 <span class="menu-item-top">系统管理</span> 75 <span class="menu-item-top">系统管理</span>
87 - <i class="fa fa-angle-left pull-right"></i>  
88 </a> 76 </a>
89 <ul class="treeview-menu"> 77 <ul class="treeview-menu">
90 - <li><a href="http://shenhe.cnlive.com/users"><i class="fa fa-user"></i> 用户管理</a></li>  
91 - <li><a href="http://shenhe.cnlive.com/roles"><i class="fa fa-users"></i> 角色管理</a></li>  
92 - <li><a href="http://shenhe.cnlive.com/categories"><i class="fa fa-object-group"></i> 工作组管理</a></li>  
93 - <li><a href="http://shenhe.cnlive.com/keywords"><i class="fa fa-hand-stop-o"></i> 敏感词管理</a></li>  
94 - <li><a href="http://shenhe.cnlive.com/tags"><i class="fa fa-tags"></i> 常用审核意见</a></li>  
95 - <li><a href="http://shenhe.cnlive.com/log"><i class="fa fa-list-alt"></i> 审核日志</a></li>  
96 - <li><a href="http://shenhe.cnlive.com/whites"><i class="fa fa-list-alt"></i> 白名单管理</a></li> 78 + <li><a href="/sites/page"> 白名单管理</a></li>
97 </ul> 79 </ul>
98 </li> 80 </li>
99 </ul> 81 </ul>
src/main/resources/templates/error.html 0 → 100644
  View file @e523c96
  1 +<!DOCTYPE html>
  2 +<html>
  3 +<head>
  4 + <title>审核云平台</title>
  5 +
  6 + <style>
  7 + html, body {
  8 + height: 100%;
  9 + }
  10 +
  11 + body {
  12 + margin: 0;
  13 + padding: 0;
  14 + width: 100%;
  15 + display: table;
  16 + font-weight: 100;
  17 + font-family: 'Lato', sans-serif;
  18 + }
  19 +
  20 + .container {
  21 + text-align: center;
  22 + display: table-cell;
  23 + vertical-align: middle;
  24 + }
  25 +
  26 + .content {
  27 + text-align: center;
  28 + display: inline-block;
  29 + }
  30 +
  31 + .title {
  32 + font-size: 40px;
  33 + }
  34 + </style>
  35 +</head>
  36 +<body>
  37 +<div class="container">
  38 + <div class="content">
  39 + <div class="title">出错了，请稍后再试！</div>
  40 + </div>
  41 +</div>
  42 +</body>
  43 +</html>
  44 +
src/main/resources/templates/page/site.html
  View file @e523c96
@@ -4,7 +4,7 @@ @@ -4,7 +4,7 @@
4 <head th:replace="../templates/common/head::head"></head> 4 <head th:replace="../templates/common/head::head"></head>
5 <style> 5 <style>
6 .fixed-table-toolbar .bs-bars, .fixed-table-toolbar .columns, .fixed-table-toolbar .search{margin-top: 0px;} 6 .fixed-table-toolbar .bs-bars, .fixed-table-toolbar .columns, .fixed-table-toolbar .search{margin-top: 0px;}
7 - 7 + .table{margin-bottom:0;}
8 8
9 </style> 9 </style>
10 <body class="skin-blue sidebar-mini"> 10 <body class="skin-blue sidebar-mini">
@@ -19,7 +19,7 @@ @@ -19,7 +19,7 @@
19 白名单管理 19 白名单管理
20 </h1> 20 </h1>
21 <ol class="breadcrumb"> 21 <ol class="breadcrumb">
22 - <li><a href="http://shenhe.cnlive.com/index"><i class="fa fa-dashboard"></i> 首页</a></li> 22 + <li><a href="http://shenhe.cnlive.com/index"> 首页</a></li>
23 <li><a href="http://shenhe.cnlive.com/whites#">系统管理</a></li> 23 <li><a href="http://shenhe.cnlive.com/whites#">系统管理</a></li>
24 <li class="active">白名单管理</li> 24 <li class="active">白名单管理</li>
25 </ol> 25 </ol>
@@ -127,7 +127,7 @@ @@ -127,7 +127,7 @@
127 <div class="fixed-table-pagination" style="display: block;"> 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> 128 <div class="pull-left pagination-detail"><span class="pagination-info" th:text="'共 '+${sitePage.total}+' 条记录'">共 0 条记录</span></div>
129 <div class="pull-right pagination"> 129 <div class="pull-right pagination">
130 - <ul class="pagination" th:if="${sitePage.pages>1}"> 130 + <ul class="pagination" th:if="${sitePage.pages>1 and param.keyword!=null}">
131 <li class="page-pre"><a th:href="@{'/sites/page?keyword='+${param.keyword}}">‹‹</a></li> 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> 132 <li class="page-pre" th:if="${!sitePage.isFirstPage}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-1}+'&keyword='+${param.keyword}}">‹</a></li>
133 133
@@ -142,6 +142,22 @@ @@ -142,6 +142,22 @@
142 <li class="page-next" th:if="${!sitePage.isLastPage}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+1}+'&keyword='+${param.keyword}}">›</a></li> 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> 143 <li class="page-next"><a th:href="@{'/sites/page?page='+${sitePage.pages}+'&keyword='+${param.keyword}}">››</a></li>
144 </ul> 144 </ul>
  145 +
  146 + <ul class="pagination" th:if="${sitePage.pages>1 and param.keyword==null}">
  147 + <li class="page-pre"><a th:href="@{'/sites/page'}">‹‹</a></li>
  148 + <li class="page-pre" th:if="${!sitePage.isFirstPage}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-1}}">‹</a></li>
  149 +
  150 + <li class="page-number" th:if="${sitePage.pageNum-3>1}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-3}}" th:text="${sitePage.pageNum-3}">2</a></li>
  151 + <li class="page-number" th:if="${sitePage.pageNum-2>1}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-2}}" th:text="${sitePage.pageNum-2}">2</a></li>
  152 + <li class="page-number" th:if="${sitePage.pageNum-1>1}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-1}}" th:text="${sitePage.pageNum-1}">2</a></li>
  153 + <li class="page-number active"><a href="javaScript:void(0);" th:text="${sitePage.pageNum}">2</a></li>
  154 + <li class="page-number" th:if="${sitePage.pageNum+1<sitePage.pages}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+1}}" th:text="${sitePage.pageNum+1}">2</a></li>
  155 + <li class="page-number" th:if="${sitePage.pageNum+2<sitePage.pages}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+2}}" th:text="${sitePage.pageNum+2}">2</a></li>
  156 + <li class="page-number" th:if="${sitePage.pageNum+3<sitePage.pages}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+3}}" th:text="${sitePage.pageNum+3}">2</a></li>
  157 +
  158 + <li class="page-next" th:if="${!sitePage.isLastPage}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+1}}">›</a></li>
  159 + <li class="page-next"><a th:href="@{'/sites/page?page='+${sitePage.pages}}">››</a></li>
  160 + </ul>
145 </div> 161 </div>
146 </div> 162 </div>
147 </div> 163 </div>
@@ -160,7 +176,7 @@ @@ -160,7 +176,7 @@
160 <div class="modal-content" style="margin-top: 30%;"> 176 <div class="modal-content" style="margin-top: 30%;">
161 <div class="modal-header"> 177 <div class="modal-header">
162 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 178 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
163 - <h4 class="modal-title" id="myModalLabel">编辑</h4> 179 + <h4 class="modal-title" id="myModalLabel">编辑白名单</h4>
164 </div> 180 </div>
165 <div class="modal-body"> 181 <div class="modal-body">
166 <div class="form-group"> 182 <div class="form-group">
@@ -172,8 +188,9 @@ @@ -172,8 +188,9 @@
172 188
173 <div class="form-group"> 189 <div class="form-group">
174 <label class="control-label col-sm-2" style="font-size: 15px;">免审业务:</label> 190 <label class="control-label col-sm-2" style="font-size: 15px;">免审业务:</label>
175 - <form action="/sites/edit" method="post"> 191 + <form action="/sites/write" method="post" id="editWrite">
176 <input type="text" name="siteId" value="" class="hide" id="edit_id"/> 192 <input type="text" name="siteId" value="" class="hide" id="edit_id"/>
  193 + <input type="text" name="redirect_url" value="" class="hide" id="redirect_url"/>
177 <div class="col-sm-10" style="float: left"> 194 <div class="col-sm-10" style="float: left">
178 <div th:each="bu:${business}" style="padding-right: 30px;" class="write_check"> 195 <div th:each="bu:${business}" style="padding-right: 30px;" class="write_check">
179 <span th:text="${bu.value}" style="font-size: 15px"></span> 196 <span th:text="${bu.value}" style="font-size: 15px"></span>
@@ -181,23 +198,23 @@ @@ -181,23 +198,23 @@
181 </div> 198 </div>
182 </div> 199 </div>
183 </form> 200 </form>
184 -  
185 </div> 201 </div>
186 202
187 </div> 203 </div>
188 <div class="modal-footer"> 204 <div class="modal-footer">
189 <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> 205 <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
190 - <button type="button" class="btn btn-primary">提交更改</button> 206 + <button type="button" class="btn btn-primary" onclick="javascript:$('#editWrite').submit();">提交更改</button>
191 </div> 207 </div>
192 </div><!-- /.modal-content --> 208 </div><!-- /.modal-content -->
193 </div><!-- /.modal-dialog --> 209 </div><!-- /.modal-dialog -->
194 </div> 210 </div>
195 <!-- /.modal --> 211 <!-- /.modal -->
196 <script> 212 <script>
197 - //编辑窗口 213 + //设置白名单，打开编辑窗口
198 function edit(id,company,write_business){ 214 function edit(id,company,write_business){
199 $("#edit_company").text(company); 215 $("#edit_company").text(company);
200 - $("#edit_id").text(id); 216 + $("#edit_id").val(id);
  217 + $("#redirect_url").val(location.pathname+location.search);
201 $(".write_check input").prop("checked",false); 218 $(".write_check input").prop("checked",false);
202 if($.trim(write_business)!=''){ 219 if($.trim(write_business)!=''){
203 var array = write_business.split(",") 220 var array = write_business.split(",")
@@ -207,203 +224,12 @@ @@ -207,203 +224,12 @@
207 } 224 }
208 $('#editModal').modal('show'); 225 $('#editModal').modal('show');
209 } 226 }
  227 +
210 </script> 228 </script>
211 229
212 <footer th:replace="../templates/common/foot::foot" ></footer> 230 <footer th:replace="../templates/common/foot::foot" ></footer>
213 231
214 232
215 - <!-- Control Sidebar -->  
216 - <aside class="control-sidebar control-sidebar-dark">  
217 - <!-- Create the tabs -->  
218 - <ul class="nav nav-tabs nav-justified control-sidebar-tabs">  
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>  
225 - </ul>  
226 - <!-- Tab panes -->  
227 - <div class="tab-content">  
228 - <!-- Home tab content -->  
229 - <div class="tab-pane" id="control-sidebar-home-tab">  
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 -->  
405 - </div>  
406 - </aside><!-- /.control-sidebar -->  
407 <!-- Add the sidebar's background. This div must be placed 233 <!-- Add the sidebar's background. This div must be placed
408 immediately after the control sidebar --> 234 immediately after the control sidebar -->
409 <div class="control-sidebar-bg" style="position: fixed; height: auto;"></div> 235 <div class="control-sidebar-bg" style="position: fixed; height: auto;"></div>