周伟鹏 / cnlive_shenhe · Commits

Commit 7f2a643cd4000864d4f816c04625f62c477bc7c4

Authored by 陈浩
1 parent e76ffc9b

点播视频详情页面完成

Inline Side-by-side
Showing 5 changed files with 84 additions and 597 deletions
src/main/java/com/cnlive/shenhe/controller/VideosController.java
  View file @7f2a643
... ... @@ -57,7 +57,7 @@ public class VideosController {
57 57 */
58 58 @RequestMapping("/shenheVideo")
59 59 @ResponseBody
60   - public ResponseBean shenheInfo(Integer id, String activity_id, Integer state, String attr_tags, String msg, HttpSession session) {
  60 + public ResponseBean shenheInfo(Integer id, String activity_id, Integer state, String attr_tags, String msg, HttpSession session) {
61 61 SessionUser sessionUser = (SessionUser) session.getAttribute(SessionUser.getSessionKey());
62 62 String userId = sessionUser.getUserId();
63 63 JSONObject result = Pass.auditPass(activity_id, state, attr_tags, msg);
... ... @@ -65,7 +65,8 @@ public class VideosController {
65 65 if (code != 0) {
66 66 return new ResponseBean(code, result.getString("msg"));
67 67 }
68   - int i = videosService.updateVideo(id, userId, state, attr_tags, msg);
  68 + state = state==4 ? 2 : 1;
  69 + int i = videosService.updateVideo(id, userId, state, msg);
69 70 if (i == 0) {
70 71 return new ResponseBean(ErrorEnum.ERROR);
71 72 }
... ... @@ -105,9 +106,10 @@ public class VideosController {
105 106 * @return
106 107 */
107 108 @RequestMapping("/details")
108   - @ResponseBody
109   - public Object getDetailsVideo(Integer id) {
110   - return videosService.getDetailsContent(id);
  109 + public Object getDetailsVideo(Model model,Integer id) {
  110 + ShyVideos detailsContent = videosService.getDetailsContent(id);
  111 + model.addAttribute("video", detailsContent);
  112 + return "page/videoDetail.html";
111 113 }
112 114  
113 115  
... ...
src/main/java/com/cnlive/shenhe/serviceImpl/VideosServiceImpl.java
  View file @7f2a643
... ... @@ -37,11 +37,10 @@ public class VideosServiceImpl {
37 37 return sitesList;
38 38 }
39 39  
40   - public int updateVideo(Integer id, String auditor_id, Integer state, String attr_tags, String msg) {
  40 + public int updateVideo(Integer id, String auditor_id, Integer state, String msg) {
41 41 ShyVideos shyVideos = shyVideosMapper.selectByPrimaryKey(id);
42 42 shyVideos.setAuditor_id(auditor_id);
43 43 shyVideos.setState(state);
44   - shyVideos.setVideo_tags(attr_tags);
45 44 shyVideos.setMsg(msg);
46 45 return shyVideosMapper.updateByPrimaryKeySelective(shyVideos);
47 46 }
... ... @@ -81,7 +80,7 @@ public class VideosServiceImpl {
81 80 return pageInfo;
82 81 }
83 82  
84   - public Object getDetailsContent(Integer id) {
  83 + public ShyVideos getDetailsContent(Integer id) {
85 84 ShyVideos DetailsshyVideos = shyVideosMapper.selectByPrimaryKey(id);
86 85 return DetailsshyVideos;
87 86 }
... ...
src/main/resources/templates/common/frame.html
  View file @7f2a643
... ... @@ -67,7 +67,7 @@ line-height: 2em; margin: 0 auto;font-size: 2em" th:text="${session.sessionUser.
67 67 </a>
68 68 <ul class="treeview-menu">
69 69 <li class="active"><a href="/videos/page"></i> 点播审核</a></li>
70   - <li><a href="/comments/page"> 评论审核</a></li>
  70 + <li><a href="/comments/page/list"> 评论审核</a></li>
71 71 </ul>
72 72 </li>
73 73 <li class="treeview" th:if="${session.sessionUser.spid==0}">
... ...
src/main/resources/templates/page/video.html
  View file @7f2a643
... ... @@ -102,7 +102,7 @@
102 102 <td style="text-align: center; width: 3%;"><span class="btn btn-sm btn-warning" th:text="${video.state}">待审</span></td>
103 103 <td style="text-align: center; width: 10%;">2018-03-07 16:56:20</td>
104 104 <td style="text-align: center; width: 17%;">
105   - <a class="detail" th:href="@{/videos/details/${video.id}}">
  105 + <a class="detail" th:href="@{'/videos/details/?id='+${video.id}}">
106 106 <button class="btn btn-default btn-sm" >查看</button>
107 107 </a>
108 108 </td>
... ...
src/main/resources/templates/page/videoDetail.html
  View file @7f2a643
... ... @@ -14,7 +14,7 @@
14 14 </h1>
15 15 <ol class="breadcrumb">
16 16 <li><a href="http://shenhe.cnlive.com/index"><i class="fa fa-dashboard"></i> 首页</a></li>
17   - <li class="active"><a href="http://shenhe.cnlive.com/videos">点播审核</a></li>
  17 + <li class="active"><a href="http://shenhe.cnlive.com/videos/page">点播审核</a></li>
18 18 </ol>
19 19 </section>
20 20  
... ... @@ -24,365 +24,73 @@
24 24 <div class="col-xs-12">
25 25 <div class="box box-info">
26 26 <div class="box-body form-horizontal">
27   - <style>
28   - .tab-content #tabHome .intro h5 p {
29   - display: inline-block;
30   - width: 100%;
31   - /*height: 400px;*/
32   - text-align: center;
33   - *display: inline;
34   - zoom: 1;
35   - margin: 10px 0;
36   - }
37   -
38   - .tab-content #tabHome .intro h5 p img {
39   - max-width: 100%;
40   - }
41   -
42   -
43   - </style>
44   - <style>
45   - .small_pic {
46   - display: inline-block;
47   - width: 25%;
48   - /*height: 120px;*/
49   - height: 25%;
50   -
51   - /* font-size: 120px; */
52   - text-align: center;
53   - zoom: 1;
54   - margin: 10px 0;
55   - }
56   -
57   - .small_pic a {
58   - width: 120%;
59   - /*height: 240px;*/
60   - /*display: -webkit-flex;*/
61   - display: flex;
62   - align-items: center;
63   - justify-content: center;
64   - border: 1px solid #ccc;
65   - background: #fff;
66   - margin: 0 auto;
67   - }
68   -
69   - .small_pic img {
70   - max-width: 100%;
71   - /*height: 100px;*/
72   - /*height: 80%;*/
73   - }
74   -
75   - </style>
76   -
77   - <style type="text/css">
78   - /*自适应圆角投影*/
79   - .round_shade_box {
80   - width: 1px;
81   - height: 1px;
82   - font-size: 0;
83   - display: none;
84   - _background: white;
85   - _border: 1px solid #cccccc;
86   - }
87   -
88   - .round_shade_top {
89   - margin: 0 12px 0 10px;
90   - background: url(image/zxx_round_shade.png) repeat-x -20px -40px;
91   - _background: white;
92   - zoom: 1;
93   - }
94   -
95   - .round_shade_topleft {
96   - width: 11px;
97   - height: 10px;
98   - background: url(image/zxx_round_shade.png) no-repeat 0 0;
99   - _background: none;
100   - float: left;
101   - margin-left: -11px;
102   - position: relative;
103   - }
104   -
105   - .round_shade_topright {
106   - width: 12px;
107   - height: 10px;
108   - background: url(image/zxx_round_shade.png) no-repeat -29px 0;
109   - _background: none;
110   - float: right;
111   - margin-right: -12px;
112   - position: relative;
113   - }
114   -
115   - .round_shade_centerleft {
116   - background: url(image/zxx_round_shade.png) no-repeat 0 -1580px;
117   - _background: none;
118   - }
119   -
120   - .round_shade_centerright {
121   - background: url(image/zxx_round_shade.png) no-repeat right -80px;
122   - _background: none;
123   - }
124   -
125   - .round_shade_center {
126   - display: -webkit-flex;
127   - display: flex;
128   - align-items: center;
129   - justify-content: center;
130   - border: 1px solid #ccc;
131   - background: #fff;
132   - margin: 0 auto;
133   - /*margin-top: 480px;*/
134   - /*height: 300px;*/
135   - }
136   -
137   - .round_shade_bottom {
138   - margin: 0 12px 0 11px;
139   - background: url(image/zxx_round_shade.png) repeat-x -20px bottom;
140   - _background: white;
141   - zoom: 1;
142   - }
143   -
144   - .round_shade_bottomleft {
145   - width: 11px;
146   - height: 10px;
147   - background: url(image/zxx_round_shade.png) no-repeat 0 -30px;
148   - _background: none;
149   - float: left;
150   - margin-left: -11px;
151   - position: relative;
152   - }
153   -
154   - .round_shade_bottomright {
155   - width: 12px;
156   - height: 10px;
157   - background: url(image/zxx_round_shade.png) no-repeat -29px -30px;
158   - _background: none;
159   - float: right;
160   - margin-right: -12px;
161   - position: relative;
162   - }
163   -
164   - .round_shade_top:after, .round_shade_bottom:after, .zxx_zoom_box:after {
165   - display: block;
166   - content: ".";
167   - height: 0;
168   - clear: both;
169   - overflow: hidden;
170   - visibility: hidden;
171   - }
172   -
173   - .round_box_close {
174   - padding: 6px 6px;
175   - font-size: 10px;
176   - color: #ffffff;
177   - text-decoration: none;
178   - border: 1px solid #cccccc;
179   - -moz-border-radius: 4px;
180   - -webkit-border-radius: 4px;
181   - background: #000000;
182   - opacity: 0.8;
183   - filter: alpha(opacity=80);
184   - position: absolute;
185   - right: -5px;
186   - top: 50px;
187   - }
188   -
189   - .round_box_close:hover {
190   - opacity: 0.95;
191   - filter: alpha(opacity=95);
192   - }
193   -
194   - /*自适应圆角投影结束*/
195   - .zxx_zoom_left {
196   - width: 45%;
197   - float: left;
198   - margin-top: 20px;
199   - border-right: 1px solid #dddddd;
200   - }
201   -
202   - .zxx_zoom_left h4 {
203   - margin: 5px 0px 15px 5px;
204   - font-size: 1.1em;
205   - }
206   -
207   - /*.small_pic {*/
208   - /*display: inline-block;*/
209   - /*width: 10%;*/
210   - /*height: 150px;*/
211   - /*font-size: 1px;*/
212   - /*text-align: center;*/
213   - /**display: inline;*/
214   - /*zoom: 1;*/
215   - /*vertical-align: middle;*/
216   - /*}*/
217   -
218   - /*.small_pic img {*/
219   - /*padding: 3px;*/
220   - /*background: #ffffff;*/
221   - /*border: 1px solid #cccccc;*/
222   - /*vertical-align: middle;*/
223   - /*}*/
224   -
225   - .zxx_zoom_right {
226   - width: 50%;
227   - float: left;
228   - margin-top: 20px;
229   - padding-left: 2%;
230   - }
231   -
232   - .zxx_zoom_right h4 {
233   - margin: 5px 0px;
234   - font-size: 1.1em;
235   - }
236   -
237   - .zxx_zoom_right p.zxx_zoom_word {
238   - line-height: 1.5;
239   - font-size: 1.05em;
240   - letter-spacing: 1px;
241   - margin: 0 0 35px;
242   - padding-top: 5px;
243   - }
244   - </style>
245   - <!--js放大的效果-->
246   -
247   - <!--点击放大的div-->
248   - <div class="pic_big" id="pic_1" style="display:none;"><img src="../../static/js/screenshot">
249   - </div>
250   - <div class="pic_big" id="pic_2" style="display:none;"><img src="../../static/js/screenshot(1)">
251   - </div>
252   - <div class="pic_big" id="pic_3" style="display:none;"><img src="../../static/js/screenshot(2)">
253   - </div>
254   - <div class="pic_big" id="pic_4" style="display:none;"><img src="../../static/js/screenshot(3)">
255   - </div>
256   - <div class="pic_big" id="pic_5" style="display:none;"><img src="../../static/js/screenshot(4)">
257   - </div>
258   - <div class="pic_big" id="pic_6" style="display:none;"><img src="../../static/js/screenshot(5)">
259   - </div>
260   - <div class="pic_big" id="pic_7" style="display:none;"><img src="../../static/js/screenshot(6)">
261   - </div>
262   - <div class="pic_big" id="pic_8" style="display:none;"><img src="../../static/js/screenshot(7)">
263   - </div>
264   - <div class="pic_big" id="pic_photo1" style="display:none;"><img src="../../static/js/00002.jpg@base@tag=imgScale&amp;w=112&amp;h=63&amp;m=2&amp;c=1"></div>
265   - <div class="pic_big" id="pic_photo2" style="display:none;"><img src="../../static/js/00002.jpg@base@tag=imgScale&amp;w=224&amp;h=398&amp;m=2&amp;c=1" width="400px;"></div>
266   - <div class="pic_big" id="pic_photo3" style="display:none;"><img src="../../static/js/00002.jpg@base@tag=imgScale&amp;w=316&amp;h=506&amp;m=2&amp;c=1"></div>
267   - <div class="pic_big" id="pic_photo4" style="display:none;"><img src="../../static/js/00002.jpg@base@tag=imgScale&amp;w=485&amp;h=303&amp;m=2&amp;c=1"></div>
268   - <div class="pic_big" id="pic_photo0" style="display:none;"><img src="../../static/js/00002.jpg@base@tag=imgScale&amp;w=224&amp;h=126&amp;m=2&amp;c=1"></div>
269   - <div class="pic_big" id="pic_return_photo" style="display:none;"><img src="http://shenhe.cnlive.com/videos/detail/2795?state=0"></div>
270   -
271   -
272   - <div class="col-sm-12">
  27 + <div class="col-sm-12" >
273 28 <div class="form-group" style="margin-bottom: 6px;">
274   - <label for="activity_id" class="control-label col-sm-2">点播活动id:</label>
  29 + <label for="activity_id" class="control-label col-sm-2" >点播活动id:</label>
275 30 <div class="col-sm-2">
276   - <h5>82_7d92ef8192364d4891820426329801bd</h5>
  31 + <h5 id="activity_id" th:text="${video.video_id}">82_7d92ef8192364d4891820426329801bd</h5>
277 32 </div>
278   - <label for="partner_id" class="control-label col-sm-2">spId简称:</label>
  33 + <label for="spid" class="control-label col-sm-2">spId简称:</label>
279 34 <div class="col-sm-2">
280   - <h5>视讯中国</h5>
  35 + <h5 th:text="${video.spid}">视讯中国</h5>
281 36 </div>
282   -
283   - <label for="mark" class="control-label col-sm-2">是否白名单:</label>
284   - <div class="col-sm-2">
285   - <h5>是</h5>
286   - </div>
287   -
288 37 <label for="upload_time" class="control-label col-sm-2">视频上传时间:</label>
289 38 <div class="col-sm-2">
290   - <h5>2017-07-12 10:16:50</h5>
291   - </div>
292   -
293   - <label for="claimed_at" class="control-label col-sm-2">领审时间:</label>
294   - <div class="col-sm-2">
295   - <h5>2017-07-12 11:53:56</h5>
296   - </div>
297   -
298   - <label for="extend_field" class="control-label col-sm-2">上传人:</label>
299   - <div class="col-sm-2">
300   - <h5>
301   - 范晓春
302   - 13000000000
303   -
304   - </h5>
  39 + <h5 th:text="${video.video_upload_time}">2017-07-12 10:16:50</h5>
305 40 </div>
306 41 </div>
307 42 <hr>
308 43 </div>
309   -
310   -
311   -
312   -
313   -
314 44 <div id="tabContents" class="tab-content">
315 45 <div id="tabHome" class="tab-pane fade in active padding-t-15">
316   -
317 46 <div class="col-sm-5">
318 47 <div class="form-group">
319 48 <label for="video_cover_img" class="control-label col-sm-4">封面图:</label>
320   - <!--点播云-->
321   -
322   - <div style="height:100px;">
323   - <div class="col-sm-4 popover-options " style="float:left;">
324   - <a href="http://shenhe.cnlive.com/videos/detail/2795?state=0#pic_photo0">
  49 + <div style="height:100px;" th:each="imgs : ${video.video_imgs}">
  50 + <div class="col-sm-4 popover-options " style="float:left;" >
  51 + <a href="#">
325 52 <img src="../../static/js/00002.jpg@base@tag=imgScale&amp;w=224&amp;h=126&amp;m=2&amp;c=1" width="120px" alt="封面图">
326 53 </a>
327 54 </div>
328   - <div class="col-sm-4 popover-options" style="float:left;">
329   - <a href="http://shenhe.cnlive.com/videos/detail/2795?state=0#pic_photo1">
330   - <img src="../../static/js/00002.jpg@base@tag=imgScale&amp;w=112&amp;h=63&amp;m=2&amp;c=1" width="120px" alt="封面图">
331   - </a>
332   - </div>
333   - </div>
334   -
335   - <div style="height: 240px;">
336   - <label for="" class="control-label col-sm-4"></label>
337   - <div class="col-sm-4 popover-options" style="float:left;">
338   - <a href="http://shenhe.cnlive.com/videos/detail/2795?state=0#pic_photo2">
339   - <img src="../../static/js/00002.jpg@base@tag=imgScale&amp;w=224&amp;h=398&amp;m=2&amp;c=1" width="120px" alt="封面图">
340   - </a>
341   - </div>
342   - <div class="col-sm-4 popover-options" style="float:left;">
343   - <a href="http://shenhe.cnlive.com/videos/detail/2795?state=0#pic_photo3">
344   - <img src="../../static/js/00002.jpg@base@tag=imgScale&amp;w=316&amp;h=506&amp;m=2&amp;c=1" width="120px" alt="封面图">
345   - </a>
346   - </div>
347   - </div>
348   - <div>
349   - <label for="" class="control-label col-sm-4"></label>
350   - <div class="col-sm-4 popover-options" style="float:left;">
351   - <a href="http://shenhe.cnlive.com/videos/detail/2795?state=0#pic_photo4">
352   - <img src="../../static/js/00002.jpg@base@tag=imgScale&amp;w=485&amp;h=303&amp;m=2&amp;c=1" width="120px" alt="封面图">
353   - </a>
354   - </div>
355 55 </div>
356 56 </div>
357 57 <div class="form-group" style="margin-bottom: 6px;">
358 58 <label for="video_title" class="control-label col-sm-4">点播标题:</label>
359 59 <div class="col-sm-8">
360   - <h5 style="font-size:1.5em; font-weight: bold;">口才</h5>
  60 + <h5 style="font-size:1.5em; font-weight: bold;" th:text="${video.video_title}" >标题</h5>
361 61 </div>
362 62 </div>
363 63 <div class="form-group intro" style="margin-bottom: 6px;">
364 64 <label for="video_intro" class="control-label col-sm-4">点播简介:</label>
365 65 <div class="col-sm-8">
366   - <h5 style="font-size:1.5em; font-weight: bold; width:100%">口才</h5>
  66 + <h5 style="font-size:1.5em; font-weight: bold; width:100%" th:text="${video.video_desc}">简介</h5>
367 67 </div>
368 68 </div>
369 69 <div class="form-group">
370 70 <label for="video_tag" class="control-label col-sm-4">点播标签:</label>
371 71 <div class="col-sm-8">
372   - <h5 style="font-size:1.5em; font-weight: bold;"></h5>
  72 + <h5 style="font-size:1.5em; font-weight: bold;" id="video_tag" th:text="${video.video_tags}">点播标签</h5>
373 73 </div>
374 74 </div>
375 75 <div class="form-group">
376 76 <label for="video_keyword" class="control-label col-sm-4">点播关键字:</label>
377 77 <div class="col-sm-8">
378   - <h5 style="font-size:1.5em; font-weight: bold;"></h5>
  78 + <h5 style="font-size:1.5em; font-weight: bold;" th:text="${video.video_keyword}">关键字</h5>
379 79 </div>
380 80 </div>
381 81 <hr>
382 82 <div class="form-group">
383 83 <div class="col-sm-12">
384 84 <div class="modal-body" style="height:450px">
385   - <embed name="cnlive" width="100%" height="100%" id="cnlive" src="http://data.cnlive.com/export/UuidPlayerMain.swf" flashvars="hasBorder=false&amp;appid=82_irej0pbo53&amp;model=2&amp;videoURL=http://vod2017.cnlive.com/82/vod/2017/0712/82_7d92ef8192364d4891820426329801bd/ff8080815d119315015d349683630312_800.mp4" type="application/x-shockwave-flash" wmode="window" quility="high" allowscriptaccess="always" allowfullscreen="true">
  85 + <embed name="cnlive" width="100%" height="100%" id="cnlive" src="http://data.cnlive.com/export/UuidPlayerMain.swf" flashvars="hasBorder=false&amp;appid=82_irej0pbo53&amp;model=2&amp;videoURL=" th:text="${video.video_url}" type="application/x-shockwave-flash" wmode="window" quility="high" allowscriptaccess="always" allowfullscreen="true">
  86 + <script>
  87 + //给标签附上一个属性
  88 + var url = ${video.video_url};
  89 + var flashvars = "hasBorder=false&amp;appid=82_irej0pbo53&amp;model=2&amp;videoURL="+url;
  90 + alert(flashvars)
  91 + var cnlive =$("#cnlive");
  92 + cnlive.attr("flashvars",flashvars);
  93 + </script>
386 94 </div>
387 95 </div>
388 96 </div>
... ... @@ -392,23 +100,25 @@
392 100 <div class="form-group">
393 101 <label for="state" class="control-label col-sm-3">审核状态:</label>
394 102 <div class="col-sm-9">
395   - <h5>已审 通过</h5>
  103 + <h5 th:if="${video.state==0}">未审核</h5>
  104 + <h5 th:if="${video.state==1}">已审 通过</h5>
  105 + <h5 th:if="${video.state==2}">拒绝</h5>
396 106 </div>
397 107 </div>
398 108  
399   - <div class="form-group ">
400   - <label for="state" class="control-label col-sm-3">审核日志:</label>
401   - <div class="col-sm-9 ">
402   - <h5 id="state">1:系统审核;2017-07-12 11:54:01;点播审核可信,系统自动审核
403   - <br></h5>
404   - </div>
405   - </div>
  109 + <!--<div class="form-group ">-->
  110 + <!--<label for="state" class="control-label col-sm-3">审核日志:</label>-->
  111 + <!--<div class="col-sm-9 ">-->
  112 + <!--<h5 id="state">1:系统审核;2017-07-12 11:54:01;点播审核可信,系统自动审核-->
  113 + <!--<br></h5>-->
  114 + <!--</div>-->
  115 + <!--</div>-->
406 116  
407 117  
408 118 <div class="form-group ">
409   - <label for="state" class="control-label col-sm-3">审核员:</label>
  119 + <label for="auditor_id" class="control-label col-sm-3">审核员:</label>
410 120 <div class="col-sm-9 ">
411   - <h5 id="state">系统审核 </h5>
  121 + <h5 id="auditor_id" th:text="${video.auditor_id}">系统审核 </h5>
412 122 </div>
413 123 </div>
414 124  
... ... @@ -417,106 +127,26 @@
417 127 <label class="control-label col-sm-3" for="attr_tags">常用审核意见:</label>
418 128  
419 129 <div class="col-sm-9">
420   - <select class="form-control select2 select2-hidden-accessible" multiple="" data-placeholder="选择常用审核意见,可多选" name="attr_tags[]" id="attr_tags" style="width: 100%;" tabindex="-1" aria-hidden="true">
421   - <option>其他</option>
422   - <option>不符</option>
423   - <option>规范</option>
424   - <option>建议</option>
425   - <option>错字</option>
426   - <option>要求</option>
427   - <option>图片</option>
428   - <option>敏感</option>
429   - <option>视频</option>
430   - <option>提交</option>
431   - </select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--multiple" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0"><ul class="select2-selection__rendered"><li class="select2-search select2-search--inline"><input class="select2-search__field" type="search" tabindex="-1" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" role="textbox" placeholder="选择常用审核意见,可多选" style="width: 475px;"></li></ul></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
  130 + <select class="form-control select2 select2-hidden-accessible" onchange="change()" multiple="" data-placeholder="选择常用审核意见,可多选" name="attr_tags[]" id="attr_tags" style="width: 100%;" tabindex="-1" aria-hidden="true">
  131 + <option value="其他" >其他</option>
  132 + <option value="不符">不符</option>
  133 + <option value="规范">规范</option>
  134 + <option value="建议">建议</option>
  135 + <option value="错字">错字</option>
  136 + <option value="要求">要求</option>
  137 + <option value="图片">图片</option>
  138 + <option value="敏感">敏感</option>
  139 + <option value="视频">视频</option>
  140 + <option value="提交">提交</option>
  141 + </select>
432 142 </div>
433   - </div><!-- /.form-group -->
434   -
  143 + </div>
435 144 <div class="form-group">
436 145 <label for="msg" class="control-label col-sm-3">审核备注</label>
437 146 <div class="col-sm-9">
438   - <textarea name="msg" id="msg" cols="5" rows="5" class="form-control"></textarea>
439   - </div>
440   - </div>
441   - </div>
442   -
443   - <div class="form-group col-sm-6" onload="load()" style="float: right;">
444   - &nbsp;&nbsp;&nbsp;&nbsp;
445   - <button type="button" class="btn btn-success btn-xs margin-r-5" value="" style="font-size:1.5em;" id="flush">刷新
446   - </button>
447   - <span style="font-size:1.5em;">抽帧截图 &nbsp;(默认最新24张,友情提示:点击图片放大,再次点击恢复):</span>
448   -
449   - </div>
450   -
451   - <div class="form-group col-sm-6" style="float: right;">
452   -
453   - <div class="col-sm-12">
454   - <div style="float:left;" class="small_pic">
455   - <div style="padding:5px;" class="col-sm-8 popover-options">
456   - <a href="http://shenhe.cnlive.com/videos/detail/2795?state=0#pic_1">
457   - <img src="../../static/js/screenshot(8)" alt="封面图">
458   - </a>
459   - </div>
460   - </div>
461   - <div style="float:left;" class="small_pic">
462   - <div style="padding:5px;" class="col-sm-8 popover-options">
463   - <a href="http://shenhe.cnlive.com/videos/detail/2795?state=0#pic_2">
464   - <img src="../../static/js/screenshot(9)" alt="封面图">
465   - </a>
466   - </div>
467   - </div>
468   - <div style="float:left;" class="small_pic">
469   - <div style="padding:5px;" class="col-sm-8 popover-options">
470   - <a href="http://shenhe.cnlive.com/videos/detail/2795?state=0#pic_3">
471   - <img src="../../static/js/screenshot(10)" alt="封面图">
472   - </a>
473   - </div>
474   - </div>
475   - <div style="float:left;" class="small_pic">
476   - <div style="padding:5px;" class="col-sm-8 popover-options">
477   - <a href="http://shenhe.cnlive.com/videos/detail/2795?state=0#pic_4">
478   - <img src="../../static/js/screenshot(11)" alt="封面图">
479   - </a>
480   - </div>
481   - </div>
482   - <div style="float:left;" class="small_pic">
483   - <div style="padding:5px;" class="col-sm-8 popover-options">
484   - <a href="http://shenhe.cnlive.com/videos/detail/2795?state=0#pic_5">
485   - <img src="../../static/js/screenshot(12)" alt="封面图">
486   - </a>
487   - </div>
  147 + <textarea name="msg" id="msg" cols="5" rows="5" class="form-control" th:text="${video.msg}"></textarea>
488 148 </div>
489   - <div style="float:left;" class="small_pic">
490   - <div style="padding:5px;" class="col-sm-8 popover-options">
491   - <a href="http://shenhe.cnlive.com/videos/detail/2795?state=0#pic_6">
492   - <img src="../../static/js/screenshot(13)" alt="封面图">
493   - </a>
494   - </div>
495   - </div>
496   - <div style="float:left;" class="small_pic">
497   - <div style="padding:5px;" class="col-sm-8 popover-options">
498   - <a href="http://shenhe.cnlive.com/videos/detail/2795?state=0#pic_7">
499   - <img src="../../static/js/screenshot(14)" alt="封面图">
500   - </a>
501   - </div>
502   - </div>
503   - <div style="float:left;" class="small_pic">
504   - <div style="padding:5px;" class="col-sm-8 popover-options">
505   - <a href="http://shenhe.cnlive.com/videos/detail/2795?state=0#pic_8">
506   - <img src="../../static/js/screenshot(15)" alt="封面图">
507   - </a>
508   - </div>
509   - </div>
510   - </div>
511   - <br>
512   - <label for="all" class="control-label col-sm-2"></label>
513   - <div class="col-sm-12">
514   - <br>
515   - <span id="more" style="font-size:1.8em; float:left;"><a href="javascript:;">查看全部(共8
516   - 张)</a></span>
517 149 </div>
518   -
519   -
520 150 </div>
521 151 </div>
522 152  
... ... @@ -524,33 +154,6 @@
524 154 <input type="text" hidden="hidden" id="video_id" value="2795">
525 155 </div>
526 156  
527   - <div class="form-group">
528   - <input type="text" hidden="hidden" id="state" value="0">
529   - </div>
530   -
531   - <div class="form-group">
532   - <input type="text" hidden="hidden" id="claimed" value="7">
533   - </div>
534   -
535   - <!-- 预览对话框 -->
536   - <div class="modal fade" id="preview" role="dialog" aria-hidden="true">
537   - <div class="modal-dialog" style="width: 670px;">
538   - <div class="modal-content">
539   - <div class="modal-header">
540   - <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
541   - ×
542   - </button>
543   - <h5 class="modal-title" id="myModalLabel">
544   - 视频预览
545   - </h5>
546   - </div>
547   - <div class="modal-body">
548   - <embed name="cnlive" width="640" height="450" id="cnlive" src="http://data.cnlive.com/export/UuidPlayerMain.swf" flashvars="" type="application/x-shockwave-flash" wmode="window" quility="high" allowscriptaccess="always" allowfullscreen="true">
549   - </div>
550   - </div><!-- /.modal-content -->
551   - </div><!-- /.modal -->
552   - </div>
553   -
554 157 <div class="box-footer">
555 158 <div class="col-sm-5">
556 159 <button type="button" class="btn btn-danger pull-right" id="reject">拒 绝</button>
... ... @@ -583,60 +186,12 @@
583 186 </div>
584 187 </div>
585 188 </div>
586   - <script>
587   -
588   - $(function () {
589   - $("#flush").click(function () {
590   - refresh();
591   - });
592   - });
593   - //点击按钮调用的方法
594   - function refresh() {
595   - window.location.reload();//刷新当前页面.
596   - }
597   - //列表中的操作
598   - function preview(url) {
599   - $('#cnlive').attr('flashVars', "hasBorder=false&appid=82_irej0pbo53&type=live&model=2&videoURL=" + url);
600   - $('#preview').modal('show');
601   - $('.close').click(function () {
602   - $('.preview').attr('display', 'none');
603   - })
  189 + <script th:inline="javascript">
  190 + //使常用审核意见回显到下方的备注中
  191 + function change() {
  192 + $("#msg").val($("#attr_tags").val());
604 193 }
605 194  
606   - $(function () {
607   - $('#begin_date').datetimepicker({
608   - format: 'YYYY/MM/DD HH:mm',
609   - locale: 'zh-cn'
610   - });
611   - $('#end_date').datetimepicker({
612   - format: 'YYYY/MM/DD HH:mm',
613   - locale: 'zh-cn'
614   - });
615   - });
616   -
617   - //上传图片
618   - var image_url = $('#image_url').val();
619   - var images = [];
620   -
621   - if (image_url == null || image_url.length > 0) {
622   - images = ['<img height="240" src="' + $('#image_url').val() + '">'];
623   - }
624   -
625   - $('#image_file').fileinput({
626   - language: 'zh',
627   - uploadExtraData: {_token: 'YnS6uzLnUDRQyeB4E2tTFbRCDmYio9gvdqwsGiu8'},
628   - allowedFileExtensions: ['jpg', 'gif', 'png'],
629   - initialPreview: images,
630   - maxFileSize: 10240,
631   - resizeImage: true,
632   - maxImageWidth: 640,
633   - maxImageHeight: 960,
634   - });
635   -
636   - $('#image_file').on('fileuploaded', function (event, data) {
637   - $('#image_url').val(data.response.data);
638   - });
639   -
640 195 /*拒绝*/
641 196 $("#reject").click(function () {
642 197 var attr_tags = $('#attr_tags').val();//获取标签属性信息
... ... @@ -658,6 +213,9 @@
658 213 });
659 214 //弹出框确认
660 215 $("#action_note_yes").click(function () {
  216 + var id = [[${video.id}]];
  217 + var activity_id =[[${video.video_id}]];
  218 + var state = 4;
661 219 var row_id = $("#video_id").val();
662 220 var attr_tags = $('#attr_tags').val();//获取标签属性信息
663 221 var msg = $('#msg').val(); //获取审核msg
... ... @@ -668,89 +226,50 @@
668 226 if (typeof(row_id) == "undefined") {
669 227 return false;
670 228 }
671   - var state = $("#claimed").val();
  229 +
672 230 var action_note_type = $("#action_note_type").val();
673 231 if (action_note_type == 'reject') {
674 232 $.ajax({
675 233 type: 'get',
676   - data: {'_token': 'YnS6uzLnUDRQyeB4E2tTFbRCDmYio9gvdqwsGiu8', 'attr_tags': attr_tags, 'msg': msg},
677   - url: '/videos/reject/' + row_id,
  234 + data: {'id':id,'activity_id': activity_id, 'state': state, 'attr_tags': msg,'msg':msg},
  235 + url: '/videos/shenheVideo',
678 236 success: function (data) {
679   - window.location.href = '/videos' + '?state=' + state;
  237 + window.location.href = '/videos/page?state=0'
680 238 }
681 239 });
  240 + //方式二
  241 + // window.location.href = '/videos/shenheVideo?id='+id+&activity_id=' + activity_id+'&state='+state+'&attr_tags='+msg+'&msg='+msg
  242 + // window.location.href = '/videos/page?state=0'
682 243 }
683 244 });
684 245  
685 246 /*通过*/
686 247 $("#pass").click(function () {
687   - var row_id = $("#video_id").val();
  248 + var id = [[${video.id}]];
  249 + var state = 3;
  250 + var activity_id =[[${video.video_id}]];
688 251 var attr_tags = $('#attr_tags').val();//获取标签属性信息
689 252 var msg = $('#msg').val(); //获取审核msg
690   - if (typeof(row_id) == "undefined") {
  253 + if (typeof(activity_id) == "undefined") {
691 254 return false;
692 255 }
693   - var state = $("#claimed").val();
694 256 $.ajax({
695 257 type: 'get',
696   - data: {'_token': 'YnS6uzLnUDRQyeB4E2tTFbRCDmYio9gvdqwsGiu8', 'attr_tags': attr_tags, 'msg': msg},
697   - url: '/videos/pass/' + row_id,
  258 + data: {'id':id,'activity_id': activity_id, 'state': state, 'attr_tags': msg,'msg':msg},
  259 + url: '/videos/shenheVideo',
698 260 success: function (data) {
699   - window.location.href = '/videos' + '?state=' + state;
  261 + window.location.href = '/videos/page?state=0'
700 262 }
701 263 });
702 264 });
703 265  
704   - /*返回列表 todo */
  266 + /*返回列表 */
705 267  
706 268 $("#back").click(function () {
707 269 //获取来源-
708   - var state = 0;
709   - window.location.href = '/videos' + '?state=' + state;
  270 + window.location.href = '/videos/page';
710 271 });
711 272  
712   - $('#more').click(function () {
713   - var row_id = $("#video_id").val();
714   - var page = 50;
715   - $.ajax({
716   - type: 'get',
717   - cache: false,
718   - data: {'_token': 'YnS6uzLnUDRQyeB4E2tTFbRCDmYio9gvdqwsGiu8', 'page': page},
719   - url: '/videos/more/' + row_id,
720   - success: function (data) {
721   -// var dd =jQuery.parseJSON(data);
722   -// alert(dd);
723   -// window.location.href = '/videos/more/' + row_id;
724   - }
725   - })
726   - window.open('/videos/more/' + row_id);
727   -// var pageNum = 50;
728   -// window.location.href = '/videos/more/' + row_id;
729   -// window.open('/videos/more/' + row_id);
730   - })
731   -
732   -
733   - /*点击更多加载分页*/
734   - // $("#more").click(function () {
735   - // var row_id = $("#video_id").val();
736   - // if (typeof(row_id) == "undefined") {
737   - // return false;
738   - // }
739   - // var time = Date.parse(new Date());
740   - // window.location.href = '/videos/more?' + 'row_id=' + row_id + '&time=' + time;
741   - // });
742   -
743   - //列表中的操作 ---预览,审核,查看,退领
744   - function preview(url) {
745   - $('#cnlive').attr('flashVars', "hasBorder=false&appid=82_irej0pbo53&type=live&model=2&videoURL=" + url);
746   - $('#preview').modal('show');
747   - $('.close').click(function () {
748   - $('.preview').attr('display', 'none');
749   - })
750   -// $('#preview').on('hide.bs.modal', function () {
751   -// $('#video')[0].pause();
752   -// });
753   - }
754 273 </script>
755 274 <!-- Select2 todo xiaohu -->
756 275 <script src="../../static/js/select2.full.min.js"></script>
... ... @@ -759,52 +278,19 @@
759 278 <link rel="stylesheet" href="../../static/css/AdminLTE.min.css">
760 279 <script>
761 280 $(function () {
762   - //Initialize Select2 Elements
763 281 $(".select2").select2();
764 282 });
765   -
766   -
767   - /*点击放大*/
768   - $(document).ready(function () {
769   - $('div.small_pic a').fancyZoom({scaleImg: true, closeOnClick: true});
770   - $('#zoom_word_1').fancyZoom({width: 400, height: 200});
771   - $('#zoom_word_2').fancyZoom();
772   - $('#zoom_flash').fancyZoom();
773   - });
774 283 </script>
775   -
776   - <!--js放大的效果-->
777   - <script type="text/javascript" src="../../static/js/content_zoom.js"></script>
778 284 </div>
779   -
780   -
781 285 </div>
782 286 </div>
783 287 </div>
784 288 </div>
785 289 </section>
786 290 </div>
787   -
788   - <script>
789   -
790   - /*拒绝*/
791   -
792   -
793   -
794   - /*通过*/
795   - </script>
796   -
797 291 <footer th:replace="../templates/common/foot::foot" ></footer>
798   -
799   -
800   - <!-- Add the sidebar's background. This div must be placed
801   - immediately after the control sidebar -->
802 292 <div class="control-sidebar-bg" style="position: fixed; height: auto;"></div>
803   -
804   -</div><!-- ./wrapper -->
805   -
806   -
807   -
  293 +</div>
808 294 <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
809 295 <script type="text/javascript">
810 296 $('div.alert').not('.alert-danger').delay(3000).slideUp(300);
... ...