周伟鹏 / 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,7 +57,7 @@ public class VideosController {
57 */ 57 */
58 @RequestMapping("/shenheVideo") 58 @RequestMapping("/shenheVideo")
59 @ResponseBody 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 SessionUser sessionUser = (SessionUser) session.getAttribute(SessionUser.getSessionKey()); 61 SessionUser sessionUser = (SessionUser) session.getAttribute(SessionUser.getSessionKey());
62 String userId = sessionUser.getUserId(); 62 String userId = sessionUser.getUserId();
63 JSONObject result = Pass.auditPass(activity_id, state, attr_tags, msg); 63 JSONObject result = Pass.auditPass(activity_id, state, attr_tags, msg);
@@ -65,7 +65,8 @@ public class VideosController { @@ -65,7 +65,8 @@ public class VideosController {
65 if (code != 0) { 65 if (code != 0) {
66 return new ResponseBean(code, result.getString("msg")); 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 if (i == 0) { 70 if (i == 0) {
70 return new ResponseBean(ErrorEnum.ERROR); 71 return new ResponseBean(ErrorEnum.ERROR);
71 } 72 }
@@ -105,9 +106,10 @@ public class VideosController { @@ -105,9 +106,10 @@ public class VideosController {
105 * @return 106 * @return
106 */ 107 */
107 @RequestMapping("/details") 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,11 +37,10 @@ public class VideosServiceImpl {
37 return sitesList; 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 ShyVideos shyVideos = shyVideosMapper.selectByPrimaryKey(id); 41 ShyVideos shyVideos = shyVideosMapper.selectByPrimaryKey(id);
42 shyVideos.setAuditor_id(auditor_id); 42 shyVideos.setAuditor_id(auditor_id);
43 shyVideos.setState(state); 43 shyVideos.setState(state);
44 - shyVideos.setVideo_tags(attr_tags);  
45 shyVideos.setMsg(msg); 44 shyVideos.setMsg(msg);
46 return shyVideosMapper.updateByPrimaryKeySelective(shyVideos); 45 return shyVideosMapper.updateByPrimaryKeySelective(shyVideos);
47 } 46 }
@@ -81,7 +80,7 @@ public class VideosServiceImpl { @@ -81,7 +80,7 @@ public class VideosServiceImpl {
81 return pageInfo; 80 return pageInfo;
82 } 81 }
83 82
84 - public Object getDetailsContent(Integer id) { 83 + public ShyVideos getDetailsContent(Integer id) {
85 ShyVideos DetailsshyVideos = shyVideosMapper.selectByPrimaryKey(id); 84 ShyVideos DetailsshyVideos = shyVideosMapper.selectByPrimaryKey(id);
86 return DetailsshyVideos; 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,7 +67,7 @@ line-height: 2em; margin: 0 auto;font-size: 2em" th:text="${session.sessionUser.
67 </a> 67 </a>
68 <ul class="treeview-menu"> 68 <ul class="treeview-menu">
69 <li class="active"><a href="/videos/page"></i> 点播审核</a></li> 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 </ul> 71 </ul>
72 </li> 72 </li>
73 <li class="treeview" th:if="${session.sessionUser.spid==0}"> 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,7 +102,7 @@
102 <td style="text-align: center; width: 3%;"><span class="btn btn-sm btn-warning" th:text="${video.state}">待审</span></td> 102 <td style="text-align: center; width: 3%;"><span class="btn btn-sm btn-warning" th:text="${video.state}">待审</span></td>
103 <td style="text-align: center; width: 10%;">2018-03-07 16:56:20</td> 103 <td style="text-align: center; width: 10%;">2018-03-07 16:56:20</td>
104 <td style="text-align: center; width: 17%;"> 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 <button class="btn btn-default btn-sm" >查看</button> 106 <button class="btn btn-default btn-sm" >查看</button>
107 </a> 107 </a>
108 </td> 108 </td>
src/main/resources/templates/page/videoDetail.html
  View file @7f2a643
@@ -14,7 +14,7 @@ @@ -14,7 +14,7 @@
14 </h1> 14 </h1>
15 <ol class="breadcrumb"> 15 <ol class="breadcrumb">
16 <li><a href="http://shenhe.cnlive.com/index"><i class="fa fa-dashboard"></i> 首页</a></li> 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 </ol> 18 </ol>
19 </section> 19 </section>
20 20
@@ -24,365 +24,73 @@ @@ -24,365 +24,73 @@
24 <div class="col-xs-12"> 24 <div class="col-xs-12">
25 <div class="box box-info"> 25 <div class="box box-info">
26 <div class="box-body form-horizontal"> 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 <div class="form-group" style="margin-bottom: 6px;"> 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 <div class="col-sm-2"> 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 </div> 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 <div class="col-sm-2"> 34 <div class="col-sm-2">
280 - <h5>视讯中国</h5> 35 + <h5 th:text="${video.spid}">视讯中国</h5>
281 </div> 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 <label for="upload_time" class="control-label col-sm-2">视频上传时间:</label> 37 <label for="upload_time" class="control-label col-sm-2">视频上传时间:</label>
289 <div class="col-sm-2"> 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 </div> 40 </div>
306 </div> 41 </div>
307 <hr> 42 <hr>
308 </div> 43 </div>
309 -  
310 -  
311 -  
312 -  
313 -  
314 <div id="tabContents" class="tab-content"> 44 <div id="tabContents" class="tab-content">
315 <div id="tabHome" class="tab-pane fade in active padding-t-15"> 45 <div id="tabHome" class="tab-pane fade in active padding-t-15">
316 -  
317 <div class="col-sm-5"> 46 <div class="col-sm-5">
318 <div class="form-group"> 47 <div class="form-group">
319 <label for="video_cover_img" class="control-label col-sm-4">封面图:</label> 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 <img src="../../static/js/00002.jpg@base@tag=imgScale&amp;w=224&amp;h=126&amp;m=2&amp;c=1" width="120px" alt="封面图"> 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 </a> 53 </a>
327 </div> 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 </div> 55 </div>
356 </div> 56 </div>
357 <div class="form-group" style="margin-bottom: 6px;"> 57 <div class="form-group" style="margin-bottom: 6px;">
358 <label for="video_title" class="control-label col-sm-4">点播标题:</label> 58 <label for="video_title" class="control-label col-sm-4">点播标题:</label>
359 <div class="col-sm-8"> 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 </div> 61 </div>
362 </div> 62 </div>
363 <div class="form-group intro" style="margin-bottom: 6px;"> 63 <div class="form-group intro" style="margin-bottom: 6px;">
364 <label for="video_intro" class="control-label col-sm-4">点播简介:</label> 64 <label for="video_intro" class="control-label col-sm-4">点播简介:</label>
365 <div class="col-sm-8"> 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 </div> 67 </div>
368 </div> 68 </div>
369 <div class="form-group"> 69 <div class="form-group">
370 <label for="video_tag" class="control-label col-sm-4">点播标签:</label> 70 <label for="video_tag" class="control-label col-sm-4">点播标签:</label>
371 <div class="col-sm-8"> 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 </div> 73 </div>
374 </div> 74 </div>
375 <div class="form-group"> 75 <div class="form-group">
376 <label for="video_keyword" class="control-label col-sm-4">点播关键字:</label> 76 <label for="video_keyword" class="control-label col-sm-4">点播关键字:</label>
377 <div class="col-sm-8"> 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 </div> 79 </div>
380 </div> 80 </div>
381 <hr> 81 <hr>
382 <div class="form-group"> 82 <div class="form-group">
383 <div class="col-sm-12"> 83 <div class="col-sm-12">
384 <div class="modal-body" style="height:450px"> 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 </div> 94 </div>
387 </div> 95 </div>
388 </div> 96 </div>
@@ -392,23 +100,25 @@ @@ -392,23 +100,25 @@
392 <div class="form-group"> 100 <div class="form-group">
393 <label for="state" class="control-label col-sm-3">审核状态:</label> 101 <label for="state" class="control-label col-sm-3">审核状态:</label>
394 <div class="col-sm-9"> 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 </div> 106 </div>
397 </div> 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 <div class="form-group "> 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 <div class="col-sm-9 "> 120 <div class="col-sm-9 ">
411 - <h5 id="state">系统审核 </h5> 121 + <h5 id="auditor_id" th:text="${video.auditor_id}">系统审核 </h5>
412 </div> 122 </div>
413 </div> 123 </div>
414 124
@@ -417,106 +127,26 @@ @@ -417,106 +127,26 @@
417 <label class="control-label col-sm-3" for="attr_tags">常用审核意见:</label> 127 <label class="control-label col-sm-3" for="attr_tags">常用审核意见:</label>
418 128
419 <div class="col-sm-9"> 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 </div> 142 </div>
433 - </div><!-- /.form-group -->  
434 - 143 + </div>
435 <div class="form-group"> 144 <div class="form-group">
436 <label for="msg" class="control-label col-sm-3">审核备注</label> 145 <label for="msg" class="control-label col-sm-3">审核备注</label>
437 <div class="col-sm-9"> 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 </div> 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 </div> 149 </div>
518 -  
519 -  
520 </div> 150 </div>
521 </div> 151 </div>
522 152
@@ -524,33 +154,6 @@ @@ -524,33 +154,6 @@
524 <input type="text" hidden="hidden" id="video_id" value="2795"> 154 <input type="text" hidden="hidden" id="video_id" value="2795">
525 </div> 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 <div class="box-footer"> 157 <div class="box-footer">
555 <div class="col-sm-5"> 158 <div class="col-sm-5">
556 <button type="button" class="btn btn-danger pull-right" id="reject">拒 绝</button> 159 <button type="button" class="btn btn-danger pull-right" id="reject">拒 绝</button>
@@ -583,60 +186,12 @@ @@ -583,60 +186,12 @@
583 </div> 186 </div>
584 </div> 187 </div>
585 </div> 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 $("#reject").click(function () { 196 $("#reject").click(function () {
642 var attr_tags = $('#attr_tags').val();//获取标签属性信息 197 var attr_tags = $('#attr_tags').val();//获取标签属性信息
@@ -658,6 +213,9 @@ @@ -658,6 +213,9 @@
658 }); 213 });
659 //弹出框确认 214 //弹出框确认
660 $("#action_note_yes").click(function () { 215 $("#action_note_yes").click(function () {
  216 + var id = [[${video.id}]];
  217 + var activity_id =[[${video.video_id}]];
  218 + var state = 4;
661 var row_id = $("#video_id").val(); 219 var row_id = $("#video_id").val();
662 var attr_tags = $('#attr_tags').val();//获取标签属性信息 220 var attr_tags = $('#attr_tags').val();//获取标签属性信息
663 var msg = $('#msg').val(); //获取审核msg 221 var msg = $('#msg').val(); //获取审核msg
@@ -668,89 +226,50 @@ @@ -668,89 +226,50 @@
668 if (typeof(row_id) == "undefined") { 226 if (typeof(row_id) == "undefined") {
669 return false; 227 return false;
670 } 228 }
671 - var state = $("#claimed").val(); 229 +
672 var action_note_type = $("#action_note_type").val(); 230 var action_note_type = $("#action_note_type").val();
673 if (action_note_type == 'reject') { 231 if (action_note_type == 'reject') {
674 $.ajax({ 232 $.ajax({
675 type: 'get', 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 success: function (data) { 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 $("#pass").click(function () { 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 var attr_tags = $('#attr_tags').val();//获取标签属性信息 251 var attr_tags = $('#attr_tags').val();//获取标签属性信息
689 var msg = $('#msg').val(); //获取审核msg 252 var msg = $('#msg').val(); //获取审核msg
690 - if (typeof(row_id) == "undefined") { 253 + if (typeof(activity_id) == "undefined") {
691 return false; 254 return false;
692 } 255 }
693 - var state = $("#claimed").val();  
694 $.ajax({ 256 $.ajax({
695 type: 'get', 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 success: function (data) { 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 $("#back").click(function () { 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 </script> 273 </script>
755 <!-- Select2 todo xiaohu --> 274 <!-- Select2 todo xiaohu -->
756 <script src="../../static/js/select2.full.min.js"></script> 275 <script src="../../static/js/select2.full.min.js"></script>
@@ -759,52 +278,19 @@ @@ -759,52 +278,19 @@
759 <link rel="stylesheet" href="../../static/css/AdminLTE.min.css"> 278 <link rel="stylesheet" href="../../static/css/AdminLTE.min.css">
760 <script> 279 <script>
761 $(function () { 280 $(function () {
762 - //Initialize Select2 Elements  
763 $(".select2").select2(); 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 </script> 283 </script>
775 -  
776 - <!--js放大的效果-->  
777 - <script type="text/javascript" src="../../static/js/content_zoom.js"></script>  
778 </div> 284 </div>
779 -  
780 -  
781 </div> 285 </div>
782 </div> 286 </div>
783 </div> 287 </div>
784 </div> 288 </div>
785 </section> 289 </section>
786 </div> 290 </div>
787 -  
788 - <script>  
789 -  
790 - /*拒绝*/  
791 -  
792 -  
793 -  
794 - /*通过*/  
795 - </script>  
796 -  
797 <footer th:replace="../templates/common/foot::foot" ></footer> 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 <div class="control-sidebar-bg" style="position: fixed; height: auto;"></div> 292 <div class="control-sidebar-bg" style="position: fixed; height: auto;"></div>
803 -  
804 -</div><!-- ./wrapper -->  
805 -  
806 -  
807 - 293 +</div>
808 <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> 294 <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
809 <script type="text/javascript"> 295 <script type="text/javascript">
810 $('div.alert').not('.alert-danger').delay(3000).slideUp(300); 296 $('div.alert').not('.alert-danger').delay(3000).slideUp(300);