周伟鹏 / cnlive_shenhe · Commits

Commit 426253fab32046d2df3bb27a5e31c8ac0ed90b2b

Authored by 陈浩
1 parent 661e0da7

点播视频列表完成

Inline Side-by-side
Showing 2 changed files with 109 additions and 536 deletions
src/main/java/com/cnlive/shenhe/serviceImpl/VideosServiceImpl.java
  View file @426253f
@@ -11,6 +11,8 @@ import org.springframework.beans.factory.annotation.Autowired; @@ -11,6 +11,8 @@ import org.springframework.beans.factory.annotation.Autowired;
11 import org.springframework.stereotype.Service; 11 import org.springframework.stereotype.Service;
12 import tk.mybatis.mapper.entity.Example; 12 import tk.mybatis.mapper.entity.Example;
13 13
  14 +import java.sql.Timestamp;
  15 +import java.text.ParseException;
14 import java.util.List; 16 import java.util.List;
15 17
16 /** 18 /**
@@ -51,8 +53,16 @@ public class VideosServiceImpl { @@ -51,8 +53,16 @@ public class VideosServiceImpl {
51 example.setOrderByClause(orderByClause); 53 example.setOrderByClause(orderByClause);
52 } 54 }
53 if (CommonUtils.isNotEmpty(start_date) && CommonUtils.isNotEmpty(end_date)) { 55 if (CommonUtils.isNotEmpty(start_date) && CommonUtils.isNotEmpty(end_date)) {
54 - criteria.andGreaterThanOrEqualTo("video_upload_time", start_date);  
55 - criteria.andLessThanOrEqualTo("video_upload_time", end_date); 56 + Timestamp startdate = null;
  57 + Timestamp enddate = null;
  58 + try {
  59 + startdate = CommonUtils.parseDate(start_date,"YYYY-MM-DD HH:mm");
  60 + enddate = CommonUtils.parseDate(end_date, "YYYY-MM-DD HH:mm");
  61 + } catch (ParseException e) {
  62 + e.printStackTrace();
  63 + }
  64 + criteria.andGreaterThanOrEqualTo("video_upload_time", startdate);
  65 + criteria.andLessThanOrEqualTo("video_upload_time", enddate);
56 } 66 }
57 if (CommonUtils.isNotEmpty(video_title)) { 67 if (CommonUtils.isNotEmpty(video_title)) {
58 criteria.andLike("video_title", "%" + video_title + "%"); 68 criteria.andLike("video_title", "%" + video_title + "%");
src/main/resources/templates/page/video.html
  View file @426253f
@@ -2,68 +2,32 @@ @@ -2,68 +2,32 @@
2 <!-- saved from url=(0031)http://shenhe.cnlive.com/videos --> 2 <!-- saved from url=(0031)http://shenhe.cnlive.com/videos -->
3 <html lang="zh" xmlns:th="http://www.thymeleaf.org"> 3 <html lang="zh" xmlns:th="http://www.thymeleaf.org">
4 4
5 -<head th:replace="../templates/common/head::head" ></head> 5 +<head th:replace="../templates/common/head::head" >
  6 +</head>
6 7
7 <body class="skin-blue sidebar-mini"> 8 <body class="skin-blue sidebar-mini">
8 9
9 <div class="wrapper"> 10 <div class="wrapper">
10 -  
11 <div th:replace="../templates/common/frame::frame" ></div> 11 <div th:replace="../templates/common/frame::frame" ></div>
12 -  
13 <div class="content-wrapper" style="min-height: 788px;"> 12 <div class="content-wrapper" style="min-height: 788px;">
14 - <section class="content-header">  
15 - <h1>  
16 - 点播审核  
17 - </h1>  
18 - <ol class="breadcrumb">  
19 - <li><a href="http://shenhe.cnlive.com/index"><i class="fa fa-dashboard"></i> 首页</a></li>  
20 - <li class="active">点播审核</li>  
21 - </ol>  
22 - </section>  
23 <section class="content"> 13 <section class="content">
24 <div class="row"> 14 <div class="row">
25 <div class="col-md-12"> 15 <div class="col-md-12">
26 <div class="box box-info"> 16 <div class="box box-info">
27 <div class="box-body"> 17 <div class="box-body">
28 - <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">  
29 - <div class="modal-dialog">  
30 - <div class="modal-content">  
31 - <div class="modal-header">  
32 - <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> ×</button>  
33 - <h4 class="modal-title">温馨提示</h4>  
34 - </div>  
35 - <div class="modal-body" id="msg">您确认删除该条信息吗？</div>  
36 - <div class="modal-footer">  
37 - <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>  
38 - <button type="button" class="btn btn-primary" id="modal_remove">确认</button>  
39 - </div>  
40 - </div>  
41 - </div>  
42 - </div> <div class="clearfix">  
43 -  
44 -  
45 <div class="btn-group margin-bottom pull-right"> 18 <div class="btn-group margin-bottom pull-right">
46 - <button type="button" class="btn btn-sm margin-r-5 filter " id="" value="0"> 19 + <button type="button" class="btn btn-sm margin-r-5 filter " th:onclick="'javascript:quanbu()'" value="">
47 全部 20 全部
48 </button> 21 </button>
49 </button> 22 </button>
50 - <button type="button" class="btn btn-sm margin-r-5 filter " value="2">待审 23 + <button type="button" class="btn btn-sm margin-r-5 filter " th:onclick="'javascript:daishen(0)'" value="0">待审
51 </button> 24 </button>
52 - <!-- <button type="button" class="btn btn-sm margin-r-5 filter"  
53 - value="3">我的已审核  
54 - </button>  
55 - <button type="button" class="btn btn-sm margin-r-5 filter"  
56 - value="4">我的未通过  
57 - </button> -->  
58 - <button type="button" class="btn btn-sm margin-r-5 filter " value="7">已审 25 + <button type="button" class="btn btn-sm margin-r-5 filter " th:onclick="'javascript:yishen(1)'" value="1">已审
59 </button> 26 </button>
60 <button type="button" class="btn btn-primary btn-sm margin-r-5" id="query" onclick="openOrClose(&#39;forms&#39;)">查询 27 <button type="button" class="btn btn-primary btn-sm margin-r-5" id="query" onclick="openOrClose(&#39;forms&#39;)">查询
61 <span id="a_up">▼</span><span id="a_down" style="display: none;">▲</span> 28 <span id="a_up">▼</span><span id="a_down" style="display: none;">▲</span>
62 </button> 29 </button>
63 </div> 30 </div>
64 - </div>  
65 -  
66 -  
67 <div class="form-horizontal form-group-sm" id="forms" style="display: none;"> 31 <div class="form-horizontal form-group-sm" id="forms" style="display: none;">
68 <div class="btn-group margin-bottom col-md-6" style="padding: 0;"> 32 <div class="btn-group margin-bottom col-md-6" style="padding: 0;">
69 <div class="col-md-5" style="padding: 0"> 33 <div class="col-md-5" style="padding: 0">
@@ -72,20 +36,6 @@ @@ -72,20 +36,6 @@
72 <input class="form-control" name="video_title" type="text" id="video_title"> 36 <input class="form-control" name="video_title" type="text" id="video_title">
73 </div> 37 </div>
74 </div> 38 </div>
75 - <div class="col-md-4" style="padding: 0">  
76 - <label for="activity_id" class="control-label cb-toolbar">sp简称:</label>  
77 - <div class="col-sm-9" style="padding: 0;">  
78 - <input class="form-control" name="activity_id" type="text" id="activity_id">  
79 - </div>  
80 - </div>  
81 - <div class="col-md-3" style="padding: 0">  
82 - <label for="is_hot" class="control-label cb-toolbar">是否热点:</label>  
83 - <div class="col-sm-7" style="padding: 0;">  
84 - <select class="form-control col-sm-2" id="is_hot" name="is_hot"><option value="0">全部</option><option value="2">是</option><option value="1">否</option></select>  
85 - </div>  
86 - </div>  
87 -  
88 -  
89 </div> 39 </div>
90 40
91 <div class="btn-group margin-bottom col-md-6 pull-right" style="padding: 0"> 41 <div class="btn-group margin-bottom col-md-6 pull-right" style="padding: 0">
@@ -95,200 +45,31 @@ @@ -95,200 +45,31 @@
95 <div class="input-group col-md-9 date"> 45 <div class="input-group col-md-9 date">
96 <input class="form-control date" name="start_date" type="text" id="start_date"> 46 <input class="form-control date" name="start_date" type="text" id="start_date">
97 <span class="input-group-addon"> 47 <span class="input-group-addon">
98 - <span class="glyphicon glyphicon-calendar"></span>  
99 - </span> 48 + <span class="glyphicon glyphicon-calendar"></span>
  49 + </span>
100 </div> 50 </div>
101 </div> 51 </div>
102 <div class="col-md-6" style="padding: 0"> 52 <div class="col-md-6" style="padding: 0">
103 <label for="start_date" class="control-label cb-toolbar">至</label> 53 <label for="start_date" class="control-label cb-toolbar">至</label>
104 <div class="input-group col-md-9 date"> 54 <div class="input-group col-md-9 date">
105 - <input class="form-control date" name="end_date" type="text"> 55 + <input class="form-control date" name="end_date" type="text" id="end_date">
106 <span class="input-group-addon"> 56 <span class="input-group-addon">
107 - <span class="glyphicon glyphicon-calendar"></span>  
108 - </span> 57 + <span class="glyphicon glyphicon-calendar"></span>
  58 + </span>
109 </div> 59 </div>
110 </div> 60 </div>
111 </div> 61 </div>
112 -  
113 </div> 62 </div>
114 -  
115 <div class="btn-group margin-bottom col-md-6" style="padding: 0;"> 63 <div class="btn-group margin-bottom col-md-6" style="padding: 0;">
116 -  
117 - <div class="col-md-4" style="padding: 0">  
118 - <label for="video_auditor" class="control-label cb-toolbar">审核员:</label>  
119 - <div class="col-sm-7" style="padding: 0;">  
120 - <input class="form-control" name="video_auditor" type="text" id="video_auditor">  
121 - </div>  
122 - </div>  
123 <div class="col-md-1 text-center" style="width: 12%;padding: 0"> 64 <div class="col-md-1 text-center" style="width: 12%;padding: 0">
124 <button type="button" class="btn btn-primary btn-sm" id="videos_query">查 询</button> 65 <button type="button" class="btn btn-primary btn-sm" id="videos_query">查 询</button>
125 </div> 66 </div>
126 </div> 67 </div>
127 </div> 68 </div>
128 - <script>  
129 - //定义一个存储状态  
130 - var form_state =  
131 69
132 - $(function () {  
133 -// $(this).addClass('btn-info');  
134 -// $(this).siblings().removeClass('btn-info');  
135 -  
136 - });  
137 - /*批量操作 --认领*/  
138 - var claim_open = false;  
139 - var remove_open = false;  
140 - $("#modal_remove").delegate(this, "click", function () {  
141 - if (claim_open == true) {  
142 - return false;  
143 - }  
144 - if (remove_open == true) { //这样的话是true，就是单个操作  
145 - return false;  
146 - }  
147 - var status = $('.action').val();  
148 - var rows = $('#table').bootstrapTable('getSelections');  
149 -  
150 - var flag = $(this).attr('claim');  
151 - if (flag == 'claim') {  
152 - var ids = [];  
153 - for (var i = 0; i < rows.length; i++) {  
154 - ids[ids.length] = rows[i].id;  
155 - }  
156 - } else {  
157 - $ids = '';  
158 - }  
159 - var state = 2;  
160 - $.ajax({  
161 - url: '/videos/status/' + status,  
162 - type: 'POST',  
163 - data: {'_token': 'MCgqTuvq2fL01T4VhkXj0shCeGYJU4l0X3loXu40', 'ids': ids, 'flag': flag},  
164 - success: function () {  
165 -// window.location.reload();  
166 - window.location.href = '/videos'+ '?state=' + state;  
167 - }  
168 - });  
169 - });  
170 -  
171 -  
172 - /* 筛选 状态 按钮之间的切换 todo */  
173 - $('.filter').click(function () {  
174 - var object = $('#forms input').serializeObject();  
175 - object['state'] = $(this).val();  
176 - switch ($(this).val()) {  
177 - case "1":  
178 - $(this).addClass('btn-info');  
179 - $(this).siblings().removeClass('btn-info');  
180 - $('#hide_select_area_2').show();  
181 - form_state = 1; //待领  
182 - break;  
183 - case "2":  
184 - $(this).addClass('btn-info');  
185 - $(this).siblings().removeClass('btn-info');  
186 - $('#hide_select_area_2').hide();  
187 - form_state = 2; //待审  
188 - break;  
189 - case "3":  
190 - $(this).addClass('btn-info');  
191 - $(this).siblings().removeClass('btn-info');  
192 - $('#hide_select_area_2').hide();  
193 - break;  
194 - case "4":  
195 - $(this).addClass('btn-info');  
196 - $(this).siblings().removeClass('btn-info');  
197 - $('#hide_select_area_2').hide();  
198 - break;  
199 - case "7":  
200 - $(this).addClass('btn-info');  
201 - $(this).siblings().removeClass('btn-info');  
202 - $('#hide_select_area_2').hide();  
203 - form_state = 7; //我的已审  
204 - break;  
205 - default:  
206 - $(this).addClass('btn-info');  
207 - $(this).siblings().removeClass('btn-info');  
208 - $('#hide_select_area_2').hide();  
209 - form_state = 0; //全部  
210 - break;  
211 - }  
212 - object['_token'] = 'MCgqTuvq2fL01T4VhkXj0shCeGYJU4l0X3loXu40';  
213 - $('#state').val(object['state']);  
214 - $('#table').bootstrapTable('selectPage', 1);  
215 - $('#table').bootstrapTable('refresh', {query: object});  
216 - });  
217 - $('#a_down').hide();  
218 - /*查询*/  
219 - function openOrClose(id_name_str) {  
220 - var id_name = '#' + id_name_str;  
221 - if ($(id_name).css('display') == 'block') {  
222 - $(id_name).slideUp(350);  
223 - $('#a_up').show();  
224 - $('#a_down').hide();  
225 - } else {  
226 - $(id_name).slideDown(350);  
227 -  
228 -  
229 - $('#a_up').hide();  
230 - $('#a_down').show();  
231 - }  
232 - }  
233 -  
234 - /*时间插件*/  
235 - $('.date').datetimepicker({  
236 - format: 'YYYY-MM-DD HH:mm',  
237 - locale: "zh-CN",  
238 - toolbarPlacement: 'bottom',  
239 - showClear: true,  
240 - });  
241 -  
242 - /*认领弹框操作*/  
243 - $('.action').click(function () {  
244 - claim_open = false;  
245 - var rows = $('#table').bootstrapTable('getSelections');  
246 - var flag = $(this).attr('data');  
247 - if (flag == 'claim') {  
248 - if (rows.length > 0) {  
249 - $('#msg').html('您确认认领这<strong><span class="text-danger">' + rows.length + '</span></strong>条信息吗？');  
250 - $('#modal_remove').show();  
251 - $('#modal_remove').attr('claim', 'claim');  
252 - } else {  
253 - $('#msg').html('请选择要认领的数据！');  
254 - $('#modal_remove').hide();  
255 - }  
256 - } else if (flag == 'claim100') {  
257 - $('#msg').html('您确认认领这前<strong><span class="text-danger">' + '100' + '</span></strong>条信息吗？');  
258 - $('#modal_remove').show();  
259 - $('#modal_remove').attr('claim', 'claim100');  
260 - } else {  
261 - $('#msg').html('您确认认领这前<strong><span class="text-danger">' + '1000' + '</span></strong>条信息吗？');  
262 - $('#modal_remove').show();  
263 - $('#modal_remove').attr('claim', 'claim1000');  
264 - }  
265 - })  
266 -  
267 - $('#big').click(function () {  
268 - window.location.href = '/videos/big_list';  
269 - })  
270 - $('#list').click(function () {  
271 - window.location.href = '/videos';  
272 - })  
273 -  
274 -  
275 - </script> <div class="modal fade common" id="modal_comment" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">  
276 - <div class="modal-dialog">  
277 - <div class="modal-content">  
278 - <div class="modal-header">  
279 - <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> ×</button>  
280 - <h4 class="modal-title" id="modal_title"></h4>  
281 - </div>  
282 - <div class="modal-body">  
283 - <div class="alert alert-danger" id="window_msg" style="display: none;">  
284 - <p></p>  
285 - </div>  
286 - <div id="contents">  
287 - </div>  
288 - </div>  
289 - </div>  
290 - </div>  
291 - </div> <div class="bootstrap-table"><div class="fixed-table-toolbar"></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 id="table" data-toggle="table" class="table table-hover table-striped"> 70 + <div class="fixed-table-container" style="padding-bottom: 0px;">
  71 + <div class="fixed-table-body">
  72 + <table id="table" data-toggle="table" class="table table-hover table-striped">
292 <thead> 73 <thead>
293 <tr> 74 <tr>
294 <th class="bs-checkbox " style="text-align: center; width: 5%; " data-field="state" tabindex="0"> 75 <th class="bs-checkbox " style="text-align: center; width: 5%; " data-field="state" tabindex="0">
@@ -313,340 +94,122 @@ @@ -313,340 +94,122 @@
313 <td style="text-align: center; width: 10%;"> 94 <td style="text-align: center; width: 10%;">
314 <div width="160px" height="90px"><img th:src="@{${video.video_poster}}" width="160px" alt="封面图"></div> 95 <div width="160px" height="90px"><img th:src="@{${video.video_poster}}" width="160px" alt="封面图"></div>
315 </td> 96 </td>
316 -  
317 <td style="text-align: center; width: 3%;" th:if="${video.auditor_id!=null}">否</td> 97 <td style="text-align: center; width: 3%;" th:if="${video.auditor_id!=null}">否</td>
318 <td style="text-align: center; width: 3%;" th:if="${video.auditor_id==null}">是</td> 98 <td style="text-align: center; width: 3%;" th:if="${video.auditor_id==null}">是</td>
319 -  
320 <td style="text-align: center; width: 6%;" th:text="${video.auditor_id}"></td> 99 <td style="text-align: center; width: 6%;" th:text="${video.auditor_id}"></td>
321 <td style="text-align: center; width: 3%;" th:text="${video.video_priority==1?'是':'否'}">是</td> 100 <td style="text-align: center; width: 3%;" th:text="${video.video_priority==1?'是':'否'}">是</td>
322 <td style="text-align: center; width: 3%;"><span class="btn btn-sm btn-warning" th:text="${video.state}">待审</span></td> 101 <td style="text-align: center; width: 3%;"><span class="btn btn-sm btn-warning" th:text="${video.state}">待审</span></td>
323 <td style="text-align: center; width: 10%;">2018-03-07 16:56:20</td> 102 <td style="text-align: center; width: 10%;">2018-03-07 16:56:20</td>
324 <td style="text-align: center; width: 17%;"> 103 <td style="text-align: center; width: 17%;">
325 <a class="detail" th:href="@{/videos/details/${video.id}}"> 104 <a class="detail" th:href="@{/videos/details/${video.id}}">
326 - <button class="btn btn-default btn-sm" disabled="disabled">查看</button> 105 + <button class="btn btn-default btn-sm" >查看</button>
327 </a> 106 </a>
328 </td> 107 </td>
329 -  
330 </tr> 108 </tr>
331 -  
332 -  
333 -  
334 </tbody> 109 </tbody>
335 </table> 110 </table>
336 </div> 111 </div>
337 - <div class="fixed-table-footer" style="display: none;">  
338 - <table>  
339 - <tbody><tr></tr></tbody>  
340 - </table> 112 +
  113 +
  114 + <!--分页处理-->
  115 + <div class="fixed-table-pagination" style="display: block;">
  116 + <div class="pull-left pagination-detail"><span class="pagination-info" th:text="'共 '+${videoPage.total}+' 条记录'">共 0 条记录</span></div>
  117 + <div class="pull-right pagination">
  118 + <ul class="pagination" th:if="${videoPage.pages>1}">
  119 + <li class="page-pre"><a th:href="@{'/videos/page'}">‹‹</a></li>
  120 + <li class="page-pre" th:if="${!videoPage.isFirstPage}"><a th:href="@{'/videos/page?page='+${videoPage.pageNum-1}}">‹</a></li>
  121 +
  122 + <li class="page-number" th:if="${videoPage.pageNum-3>1}"><a th:href="@{'/videos/page?page='+${videoPage.pageNum-3}}" th:text="${videoPage.pageNum-3}">2</a></li>
  123 + <li class="page-number" th:if="${videoPage.pageNum-2>1}"><a th:href="@{'/videos/page?page='+${videoPage.pageNum-2}}" th:text="${videoPage.pageNum-2}">2</a></li>
  124 + <li class="page-number" th:if="${videoPage.pageNum-1>1}"><a th:href="@{'/videos/page?page='+${videoPage.pageNum-1}}" th:text="${videoPage.pageNum-1}">2</a></li>
  125 + <li class="page-number active"><a href="javaScript:void(0);" th:text="${videoPage.pageNum}">2</a></li>
  126 + <li class="page-number" th:if="${videoPage.pageNum+1<videoPage.pages}"><a th:href="@{'/videos/page?page='+${videoPage.pageNum+1}}" th:text="${videoPage.pageNum+1}">2</a></li>
  127 + <li class="page-number" th:if="${videoPage.pageNum+2<videoPage.pages}"><a th:href="@{'/videos/page?page='+${videoPage.pageNum+2}}" th:text="${videoPage.pageNum+2}">2</a></li>
  128 + <li class="page-number" th:if="${videoPage.pageNum+3<videoPage.pages}"><a th:href="@{'/videos/page?page='+${videoPage.pageNum+3}}" th:text="${videoPage.pageNum+3}">2</a></li>
  129 +
  130 + <li class="page-next" th:if="${!videoPage.isLastPage}"><a th:href="@{'/videos/page?page='+${videoPage.pageNum+1}}">›</a></li>
  131 + <li class="page-next"><a th:href="@{'/videos/page?page='+${videoPage.pages}}">››</a></li>
  132 + </ul>
341 </div> 133 </div>
342 - <div class="fixed-table-pagination" style="display: block;"><div class="pull-left pagination-detail">  
343 - <span class="pagination-info">显示第 1 到第 20 条记录，总共 350 条记录</span>  
344 - <span class="page-list">每页显示 <span class="btn-group dropup">  
345 - <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="page-size">20</span><span class="caret"></span></button>  
346 - <ul class="dropdown-menu" role="menu"><li><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><li><a href="javascript:void(0)">100</a></li></ul>  
347 - </span> 条记录</span></div><div class="pull-right pagination"><ul class="pagination"><li class="page-pre"><a href="javascript:void(0)">‹</a></li>  
348 - <li class="page-number active"><a href="javascript:void(0)">1</a></li>  
349 - <li class="page-number"><a href="javascript:void(0)">2</a></li>  
350 - <li class="page-number"><a href="javascript:void(0)">3</a></li>  
351 - <li class="page-number"><a href="javascript:void(0)">4</a></li>  
352 - <li class="page-number"><a href="javascript:void(0)">5</a></li>  
353 - <li class="page-last-separator disabled"><a href="javascript:void(0)">...</a></li>  
354 - <li class="page-last"><a href="javascript:void(0)">18</a></li>  
355 - <li class="page-next"><a href="javascript:void(0)">›</a></li>  
356 - </ul></div></div></div></div><div class="clearfix"></div> 134 + </div>
  135 + </div>
357 </div> 136 </div>
358 </div> 137 </div>
359 </div> 138 </div>
360 </div> 139 </div>
361 - </section><!-- /.content --> 140 + </section>
362 </div> 141 </div>
363 - <!-- /.content-wrapper -->  
364 <script> 142 <script>
365 -  
366 - //定义一个全局变量-跟踪状态  
367 - var global_state = 0;  
368 - /*查询字段效果*/  
369 - $('#videos_query').click(function () {  
370 - $('#table').bootstrapTable('selectPage', 1);  
371 - });  
372 -  
373 - /*查询按钮操作 页面中传递过来的参数需要走这个*/  
374 - $('#table').bootstrapTable({  
375 - method: 'get',  
376 - url: '/videos/table/',  
377 - pagination: true,  
378 - pageNumber: 1,  
379 - pageSize: 20,  
380 - pageList: [10, 25, 50, 100],  
381 - sidePagination: 'server',  
382 - clickToSelect: true,  
383 - striped: true,  
384 - queryParams: function (params) {  
385 - var object = $('#forms input').serializeObject();  
386 - object['is_hot'] = $('#is_hot').val();  
387 - object['state'] = $('#state').val();  
388 - object['_token'] = 'MCgqTuvq2fL01T4VhkXj0shCeGYJU4l0X3loXu40';  
389 - object['offset'] = params.offset;  
390 - object['limit'] = params.limit;  
391 -  
392 - return object;  
393 - },  
394 - });  
395 -  
396 - /*认领---操作中按钮控制*/  
397 - function actionFormatter(value, row, index) {  
398 - var disabled_claim = '';  
399 - var disabled_passed = '';  
400 - var disabled_nopass = '';  
401 - var disabled_claimfail = '';  
402 -  
403 - if (row.state_name == '未认领') { //如果是认领,查看和退领按钮不能用  
404 - switch (row.state_name) {  
405 - case '未认领':  
406 - disabled_claim = 'disabled="disabled"';  
407 - break;  
408 - }  
409 - return [  
410 - '<a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm" >认领</button></a>',  
411 - '<span> &nbsp;&nbsp;</span>',  
412 - '<a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" ' + disabled_claim + '>查看</button></a>',  
413 - '<span> &nbsp;&nbsp;</span>',  
414 - '<a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" ' + disabled_claim + ' data-toggle="modal" data-target="#modal" >退领</button></a>',  
415 - ].join('');  
416 - }  
417 - else if (row.state_name == '已认领,未审核' && row.user_id == 11) { //如果是未审核和已审核,则认领不能用  
418 - switch (row.state_name) {  
419 - case '已认领,未审核':  
420 - disabled_passed = 'disabled="disabled"';  
421 - break;  
422 - }  
423 - return [  
424 - '<a class="claim" href="javascript:void(0)"><button class="btn btn-default btn-sm" ' + disabled_passed + '>认领</button></a>',  
425 - '<span> &nbsp;&nbsp;</span>',  
426 - '<a class="detail" href="javascript:void(0)"><button class="btn btn-info btn-sm" >查看</button></a>',  
427 - '<span> &nbsp;&nbsp;</span>',  
428 - '<a class="back" href="javascript:void(0)"><button class="btn btn-danger btn-sm" data-toggle="modal" data-target="#modal" >退领</button></a>',  
429 - ].join('');  
430 -  
431 - }else if (row.state_name == '已认领,未审核' && row.user_id !== 11) { //如果是未审核和已审核,则认领不能用  
432 - switch (row.state_name) {  
433 - case '已认领,未审核':  
434 - disabled_passed = 'disabled="disabled"';  
435 - break;  
436 - }  
437 - return [  
438 - '<a class="claim" href="javascript:void(0)"><button class="btn btn-default btn-sm" ' + disabled_passed + '>认领</button></a>',  
439 - '<span> &nbsp;&nbsp;</span>',  
440 - '<a class="detail" href="javascript:void(0)"><button class="btn btn-info btn-sm" ' + disabled_passed + '>查看</button></a>',  
441 - '<span> &nbsp;&nbsp;</span>',  
442 - '<a class="back" href="javascript:void(0)"><button class="btn btn-danger btn-sm" data-toggle="modal" data-target="#modal" ' + disabled_passed + '>退领</button></a>',  
443 - ].join('');  
444 -  
445 - }  
446 - else if (row.state_name == '我的已审核') {  
447 - switch (row.state_name) {  
448 - case '我的已审核':  
449 - disabled_nopass = 'disabled="disabled"';  
450 - break;  
451 - }  
452 - return [  
453 - '<a class="claim" href="javascript:void(0)"><button class="btn btn-default btn-sm" ' + disabled_nopass + '>认领</button></a>',  
454 - '<span style="margin-right:50px;"> &nbsp;&nbsp;</span>',  
455 - '<a class="detail" href="javascript:void(0)"><button class="btn btn-info btn-sm" >查看</button></a>',  
456 - '<br/>',  
457 - '<span> &nbsp;</span>',  
458 - '<br/>',  
459 - '<a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" ' + disabled_nopass + ' data-toggle="modal" data-target="#modal" >退领</button></a>',  
460 - '<span style="margin-right:50px;"> &nbsp;&nbsp;</span>',  
461 - '<a class="log" href="javascript:void(0)"><button class="btn btn-primary btn-sm" >日志</button></a>',  
462 - ].join('');  
463 -  
464 - } else {  
465 - switch (row.state_name) {  
466 - case '我的未通过':  
467 - disabled_claimfail = 'disabled="disabled"';  
468 - break;  
469 - }  
470 - return [  
471 - '<a class="claim" href="javascript:void(0)"><button class="btn btn-default btn-sm" ' + disabled_claimfail + '>认领</button></a>',  
472 - '<span style="margin-right:50px;"> &nbsp;&nbsp;</span>',  
473 - '<a class="detail" href="javascript:void(0)"><button class="btn btn-info btn-sm" >查看</button></a>',  
474 - '<br/>',  
475 - '<span> &nbsp;</span>',  
476 - '<br/>',  
477 - '<a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" ' + disabled_claimfail + ' data-toggle="modal" data-target="#modal" >退领</button></a>',  
478 - '<span style="margin-right:50px;"> &nbsp;&nbsp;</span>',  
479 - '<a class="log" href="javascript:void(0)"><button class="btn btn-primary btn-sm" >日志</button></a>',  
480 - ].join('');  
481 - } 143 + //chenhao
  144 + function daishen(state) {
  145 + window.location.href = "page?video_title=&start_date=&end_date=&state="+state+"&page=&pageSize=&orderByClause=";
482 } 146 }
483 -  
484 - $("#modal_remove").click(function () {  
485 - var row_id = $(this).data('id');  
486 -  
487 - if (typeof(row_id) == "undefined") {  
488 - return false;  
489 - }  
490 -// $(".back").each(function(){  
491 - var rows = $('#table').bootstrapTable('getSelections');  
492 - if (rows[0].state_name == '已审核') {  
493 - $(this).attr('disabled', 'disabled');  
494 - alert('未审核的不能退领！');  
495 - return false;  
496 - }  
497 -// });  
498 -  
499 - $.ajax({  
500 - type: 'get',  
501 - data: {'_token': 'MCgqTuvq2fL01T4VhkXj0shCeGYJU4l0X3loXu40'},  
502 - url: '/videos/back/' + row_id,  
503 - success: function (data) {  
504 - window.location.href = '/videos';  
505 - }  
506 - });  
507 - });  
508 -  
509 - // $('#modal').modal('hide');  
510 - $('#modal').on('hide.bs.modal', function (event) {  
511 - 147 + function yishen(state) {
  148 + window.location.href = "page?video_title=&start_date=&end_date=&state="+state+"&page=&pageSize=&orderByClause=";
  149 + }
  150 + function quanbu() {
  151 + window.location.href = "page?video_title=&start_date=&end_date=&state=&page=&pageSize=&orderByClause=";
  152 + }
  153 + //查询
  154 + $('#videos_query').click(function () {
  155 + var video_title = $("#video_title").val();
  156 + var start_date = $("#start_date").val();
  157 + var end_date = $("#end_date").val();
  158 + window.location.href = "/videos/page?video_title="+video_title+"&start_date="+start_date+"&end_date="+end_date+"&state=&page=&pageSize=&orderByClause=";
512 }); 159 });
513 -  
514 - /*操作按钮的点击事件*/  
515 - window.actionEvents = {  
516 - 'click .claim': function (e, value, row, index) {  
517 - var state = 2;  
518 - $.ajax({  
519 - type: 'get',  
520 - data: {'_token': 'MCgqTuvq2fL01T4VhkXj0shCeGYJU4l0X3loXu40'},  
521 - url: '/videos/claim/' + row.id,  
522 - success: function (data) {  
523 - if (data['status_code'] == 403) {  
524 - window.location.href = '/videos' + '?state=' + 1;  
525 - }else{  
526 - window.location.href = '/videos' + '?state=' + state;  
527 - }  
528 - }  
529 - });  
530 - },  
531 - 'click .detail': function (e, value, row, index) {  
532 - var state =global_state;  
533 - window.location.href = '/videos/detail/' + row.id + '?state=' + state;  
534 - },  
535 -  
536 - 'click .back': function (e, value, row, index) {  
537 - remove_open = true;  
538 - $('#msg').html('您确认退领该条信息吗？');  
539 - $('#modal_remove').show();  
540 - $('#modal_remove').data('id', row.id);  
541 - },  
542 -  
543 - 'click .log': function (e, value, row, index) {  
544 - var act_id = row.activity_id;  
545 - $.ajax({  
546 - type: 'get',  
547 - data: {'_token': 'MCgqTuvq2fL01T4VhkXj0shCeGYJU4l0X3loXu40', 'act_id': act_id},  
548 - url: '/videos/get_msg/',  
549 - success: function (data) {  
550 - if (data['status_code'] == 200) {  
551 - var msg = eval("(" + data['data'] + ")")  
552 - console.log(msg)  
553 - if (msg == '') {  
554 - alert('没有审核记录');  
555 - return false;  
556 - } else {  
557 - alert(msg);  
558 - }  
559 - }  
560 - }  
561 - });  
562 - }  
563 - };  
564 -  
565 - /**  
566 - * 审核按钮的显示--已认领就是未审核的  
567 - * @param value  
568 - * @param row  
569 - * @param index  
570 - * @returns {string}  
571 - */  
572 - function stateFormatter(value, row, index) {  
573 -// var style = 'label-primary';  
574 - var style = 'btn-sm btn-primary';  
575 - switch (row.state_name) {  
576 - case '未认领':  
577 - case '已认领,未审核':  
578 - style = 'btn-sm btn-warning'; 160 + </script>
  161 + <!--保留之前的样式代码-->
  162 + <script>
  163 + /* 筛选 状态 按钮之间的切换 todo */
  164 + $('.filter').click(function () {
  165 + var object = $('#forms input').serializeObject();
  166 + object['state'] = $(this).val();
  167 + switch ($(this).val()) {
  168 + case "0":
  169 + $(this).addClass('btn-info');
  170 + $(this).siblings().removeClass('btn-info');
  171 + $('#hide_select_area_2').hide();
  172 + form_state = 0; //待审
579 break; 173 break;
580 - case '我的已审核':  
581 - style = 'btn-sm btn-success'; 174 + case "1":
  175 + $(this).addClass('btn-info');
  176 + $(this).siblings().removeClass('btn-info');
  177 + $('#hide_select_area_2').hide();
  178 + form_state = 1; //我的已审
582 break; 179 break;
583 - case '我的未通过':  
584 - style = 'btn-sm btn-danger'; 180 + default:
  181 + $(this).addClass('btn-info');
  182 + $(this).siblings().removeClass('btn-info');
  183 + $('#hide_select_area_2').hide();
  184 + form_state = 0; //全部
585 break; 185 break;
586 } 186 }
587 - return [  
588 - '<span class="btn ' + style + '">' + row.state_name_short + '</span>',  
589 - ].join('');  
590 - }  
591 -  
592 -  
593 - function coverFormatter(value, row, index) {  
594 -// var face0 = row.video_cover_img;  
595 -// var arr = $.parseJSON(face);  
596 -// var arr = JSON.parse(face);  
597 -// var arr = face;  
598 -// var arr = eval("(" + face + ")");  
599 - var face = '';  
600 - var face1 = row.video_cover_img1; //点播云  
601 - var face2 = row.video_cover_img2; //直播云  
602 -// if (arr["224*126"]) {  
603 -// face = arr["224*126"];  
604 -// } else {  
605 - if (face1 !=='' || face1 == null) { //点播云地址存在或''  
606 - face = face1;  
607 - }  
608 - if (face2 !=='' || face2 == null ) {  
609 - face = face2;  
610 - }  
611 - if (face == '' || face.length ==0 || face == ' ') {  
612 - return [  
613 - '<div width="160px" height="90px">' +  
614 - '<img src="/uploads/images/default.jpg" width="160px" alt="封面图">' + '</div>',  
615 - // '<span src="+ row.face +">' + row.state_name + '</span>',  
616 - ].join(''); 187 + object['_token'] = 'MCgqTuvq2fL01T4VhkXj0shCeGYJU4l0X3loXu40';
  188 + $('#state').val(object['state']);
  189 + });
  190 + $('#a_down').hide();
  191 + /*查询样式*/
  192 + function openOrClose(id_name_str) {
  193 + var id_name = '#' + id_name_str;
  194 + if ($(id_name).css('display') == 'block') {
  195 + $(id_name).slideUp(350);
  196 + $('#a_up').show();
  197 + $('#a_down').hide();
617 } else { 198 } else {
618 - return [  
619 - '<div width="160px" height="90px">' +  
620 - '<img src="' + face + '" width="160px" alt="封面图">' + '</div>',  
621 - // '<span src="+ row.face +">' + row.state_name + '</span>',  
622 - ].join(''); 199 + $(id_name).slideDown(350);
  200 + $('#a_up').hide();
  201 + $('#a_down').show();
623 } 202 }
624 } 203 }
625 204
626 - /*时间格式切换*/  
627 - function uploadFormatter(value, row, index) {  
628 - var upload = row.upload_time;  
629 - if (upload) {  
630 - var uploadFormat = getDate(upload);  
631 - }  
632 - return uploadFormat;  
633 - }  
634 - function add0(m) {  
635 - return m < 10 ? '0' + m : m  
636 - };  
637 - function getDate(upload) {  
638 - var time = new Date(parseInt(upload));  
639 - var y = time.getFullYear();  
640 - var m = time.getMonth() + 1;  
641 - var d = time.getDate();  
642 - var h = time.getHours();  
643 - var mm = time.getMinutes();  
644 - var s = time.getSeconds();  
645 - return y + '-' + add0(m) + '-' + add0(d) + ' ' + add0(h) + ':' + add0(mm) + ':' + add0(s);  
646 - }; 205 + /*时间插件*/
  206 + $('.date').datetimepicker({
  207 + format: 'YYYY-MM-DD HH:mm',
  208 + locale: "zh-CN",
  209 + toolbarPlacement: 'bottom',
  210 + showClear: true,
  211 + });
647 </script> 212 </script>
648 -  
649 -  
650 <footer class="main-footer" style="font-size:18px;"> 213 <footer class="main-footer" style="font-size:18px;">
651 <div class="pull-right hidden-xs"> 214 <div class="pull-right hidden-xs">
652 <b>Version</b> 1.2 215 <b>Version</b> 1.2