周伟鹏 / 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 11 import org.springframework.stereotype.Service;
12 12 import tk.mybatis.mapper.entity.Example;
13 13  
  14 +import java.sql.Timestamp;
  15 +import java.text.ParseException;
14 16 import java.util.List;
15 17  
16 18 /**
... ... @@ -51,8 +53,16 @@ public class VideosServiceImpl {
51 53 example.setOrderByClause(orderByClause);
52 54 }
53 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 67 if (CommonUtils.isNotEmpty(video_title)) {
58 68 criteria.andLike("video_title", "%" + video_title + "%");
... ...
src/main/resources/templates/page/video.html
  View file @426253f
... ... @@ -2,68 +2,32 @@
2 2 <!-- saved from url=(0031)http://shenhe.cnlive.com/videos -->
3 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 8 <body class="skin-blue sidebar-mini">
8 9  
9 10 <div class="wrapper">
10   -
11 11 <div th:replace="../templates/common/frame::frame" ></div>
12   -
13 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 13 <section class="content">
24 14 <div class="row">
25 15 <div class="col-md-12">
26 16 <div class="box box-info">
27 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 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 21 </button>
49 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 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 26 </button>
60 27 <button type="button" class="btn btn-primary btn-sm margin-r-5" id="query" onclick="openOrClose(&#39;forms&#39;)">查询
61 28 <span id="a_up">▼</span><span id="a_down" style="display: none;">▲</span>
62 29 </button>
63 30 </div>
64   - </div>
65   -
66   -
67 31 <div class="form-horizontal form-group-sm" id="forms" style="display: none;">
68 32 <div class="btn-group margin-bottom col-md-6" style="padding: 0;">
69 33 <div class="col-md-5" style="padding: 0">
... ... @@ -72,20 +36,6 @@
72 36 <input class="form-control" name="video_title" type="text" id="video_title">
73 37 </div>
74 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 39 </div>
90 40  
91 41 <div class="btn-group margin-bottom col-md-6 pull-right" style="padding: 0">
... ... @@ -95,200 +45,31 @@
95 45 <div class="input-group col-md-9 date">
96 46 <input class="form-control date" name="start_date" type="text" id="start_date">
97 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 50 </div>
101 51 </div>
102 52 <div class="col-md-6" style="padding: 0">
103 53 <label for="start_date" class="control-label cb-toolbar">至</label>
104 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 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 59 </div>
110 60 </div>
111 61 </div>
112   -
113 62 </div>
114   -
115 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 64 <div class="col-md-1 text-center" style="width: 12%;padding: 0">
124 65 <button type="button" class="btn btn-primary btn-sm" id="videos_query">查 询</button>
125 66 </div>
126 67 </div>
127 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 73 <thead>
293 74 <tr>
294 75 <th class="bs-checkbox " style="text-align: center; width: 5%; " data-field="state" tabindex="0">
... ... @@ -313,340 +94,122 @@
313 94 <td style="text-align: center; width: 10%;">
314 95 <div width="160px" height="90px"><img th:src="@{${video.video_poster}}" width="160px" alt="封面图"></div>
315 96 </td>
316   -
317 97 <td style="text-align: center; width: 3%;" th:if="${video.auditor_id!=null}">否</td>
318 98 <td style="text-align: center; width: 3%;" th:if="${video.auditor_id==null}">是</td>
319   -
320 99 <td style="text-align: center; width: 6%;" th:text="${video.auditor_id}"></td>
321 100 <td style="text-align: center; width: 3%;" th:text="${video.video_priority==1?'是':'否'}">是</td>
322 101 <td style="text-align: center; width: 3%;"><span class="btn btn-sm btn-warning" th:text="${video.state}">待审</span></td>
323 102 <td style="text-align: center; width: 10%;">2018-03-07 16:56:20</td>
324 103 <td style="text-align: center; width: 17%;">
325 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 106 </a>
328 107 </td>
329   -
330 108 </tr>
331   -
332   -
333   -
334 109 </tbody>
335 110 </table>
336 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 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 136 </div>
358 137 </div>
359 138 </div>
360 139 </div>
361   - </section><!-- /.content -->
  140 + </section>
362 141 </div>
363   - <!-- /.content-wrapper -->
364 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 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 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 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 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 212 </script>
648   -
649   -
650 213 <footer class="main-footer" style="font-size:18px;">
651 214 <div class="pull-right hidden-xs">
652 215 <b>Version</b> 1.2
... ...