周伟鹏 / cnlive_shenhe · Commits

Commit 376a743ff2298631c20e3746ec97d99095e30a05

Authored by 周伟鹏
1 parent b1ed44eb

点播详情页修改

Inline Side-by-side
Showing 2 changed files with 867 additions and 536 deletions
src/main/resources/static/js/content_zoom.js 0 → 100644
  View file @376a743
  1 +jQuery.fn.fancyZoom = function(options){
  2 +
  3 + var options = options || {};
  4 + var directory = options && options.directory ? options.directory : 'images';
  5 + var zooming = false;
  6 +
  7 + if ($('#zoom').length == 0) {
  8 + var html = '<div class="round_shade_box" id="zoom"> \
  9 + <div class="round_shade_top"> \
  10 + <span class="round_shade_topleft"> \</span> \
  11 + <span class="round_shade_topright"> \</span> \
  12 + </div> \
  13 + <div class="round_shade_centerleft"> \
  14 + <div class="round_shade_centerright"> \
  15 + <div class="round_shade_center" id="zoom_content"> \</div> \
  16 + </div> \
  17 + </div> \
  18 + <div class="round_shade_bottom"> \
  19 + <span class="round_shade_bottomleft"> \</span> \
  20 + <span class="round_shade_bottomright"> \</span> \
  21 + </div> \
  22 + <a href="#close" class="round_box_close" id="zoom_close">关闭</a> \
  23 + </div>';
  24 +
  25 + $('body').append(html);
  26 +
  27 + $('html').click(function(e){if($(e.target).parents('#zoom:visible').length == 0) hide();});
  28 + $(document).keyup(function(event){
  29 + if (event.keyCode == 27 && $('#zoom:visible').length > 0) hide();
  30 + });
  31 +
  32 + $('#zoom_close').click(hide);
  33 + }
  34 +
  35 + var zoom = $('#zoom');
  36 + var zoom_close = $('#zoom_close');
  37 + var zoom_content = $('#zoom_content');
  38 +
  39 + this.each(function(i) {
  40 + $($(this).attr('href')).hide();
  41 + $(this).click(show);
  42 + });
  43 + $('#zoom_close').click(hide);
  44 + return this;
  45 +
  46 + function show(e) {
  47 + if (zooming) return false;
  48 + zooming = true;
  49 + var content_div = $($(this).attr('href'));
  50 + var zoom_width = options.width;
  51 + var zoom_height = options.height;
  52 +
  53 + var width = window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth);
  54 + var height = window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight);
  55 + var x = window.pageXOffset || (window.document.documentElement.scrollLeft || window.document.body.scrollLeft);
  56 + var y = window.pageYOffset || (window.document.documentElement.scrollTop || window.document.body.scrollTop);
  57 + var window_size = {'width':width, 'height':height, 'x':x, 'y':y}
  58 +
  59 + var width = (zoom_width || content_div.width()) + 40;
  60 + var height = (zoom_height || content_div.height()) + 40;
  61 + var d = window_size;
  62 +
  63 + // ensure that newTop is at least 0 so it doesn't hide close button
  64 + var newTop = Math.max((d.height/2) - (height/2) + y, 0);
  65 + var newLeft = (d.width/2) - (width/2);
  66 + var curTop = e.pageY;
  67 + var curLeft = e.pageX;
  68 +
  69 + zoom_close.attr('curTop', curTop);
  70 + zoom_close.attr('curLeft', curLeft);
  71 + zoom_close.attr('scaleImg', options.scaleImg ? 'true' : 'false');
  72 +
  73 + $('#zoom').hide().css({
  74 + position : 'absolute',
  75 + top : curTop + 'px',
  76 + left : curLeft + 'px',
  77 + width : '1px',
  78 + height : '1px'
  79 + });
  80 +
  81 + zoom_close.hide();
  82 +
  83 + if (options.closeOnClick) {
  84 + $('#zoom').click(hide);
  85 + }
  86 +
  87 + if (options.scaleImg) {
  88 + zoom_content.html(content_div.html());
  89 + $('#zoom_content img').css('width', '100%');
  90 + } else {
  91 + zoom_content.html('');
  92 + }
  93 +
  94 + $('#zoom').animate({
  95 + top : newTop + 'px',
  96 + left : newLeft + 'px',
  97 + opacity : "show",
  98 + width : width,
  99 + height : height
  100 + }, 500, null, function() {
  101 + if (options.scaleImg != true) {
  102 + zoom_content.html(content_div.html());
  103 + }
  104 + zoom_close.show();
  105 + zooming = false;
  106 + })
  107 + return false;
  108 + }
  109 +
  110 + function hide() {
  111 + if (zooming) return false;
  112 + zooming = true;
  113 + $('#zoom').unbind('click');
  114 +
  115 + if (zoom_close.attr('scaleImg') != 'true') {
  116 + zoom_content.html('');
  117 + }
  118 + zoom_close.hide();
  119 + $('#zoom').animate({
  120 + top : zoom_close.attr('curTop') + 'px',
  121 + left : zoom_close.attr('curLeft') + 'px',
  122 + opacity : "hide",
  123 + width : '1px',
  124 + height : '1px'
  125 + }, 500, null, function() {
  126 +
  127 + if (zoom_close.attr('scaleImg') == 'true') {
  128 + zoom_content.html('');
  129 + }
  130 + zooming = false;
  131 + });
  132 + return false;
  133 + }
  134 +
  135 +}
0 \ No newline at end of file 136 \ No newline at end of file
src/main/resources/templates/page/videoDetail.html
  View file @376a743
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 -<!-- saved from url=(0031)http://shenhe.cnlive.com/videos -->  
3 <html lang="zh" xmlns:th="http://www.thymeleaf.org"> 2 <html lang="zh" xmlns:th="http://www.thymeleaf.org">
4 <head th:replace="../templates/common/head::head"></head> 3 <head th:replace="../templates/common/head::head"></head>
5 4
6 <body class="skin-blue sidebar-mini"> 5 <body class="skin-blue sidebar-mini">
7 6
8 <div class="wrapper"> 7 <div class="wrapper">
9 -  
10 <div th:replace="../templates/common/frame::frame"></div> 8 <div th:replace="../templates/common/frame::frame"></div>
11 9
12 <div class="content-wrapper" style="min-height: 788px;"> 10 <div class="content-wrapper" style="min-height: 788px;">
13 <section class="content-header"> 11 <section class="content-header">
14 <h1> 12 <h1>
15 - 点播审核 13 + 点播详情
16 </h1> 14 </h1>
17 <ol class="breadcrumb"> 15 <ol class="breadcrumb">
18 <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>
19 - <li class="active">点播审核</li> 17 + <li class="active"><a href="http://shenhe.cnlive.com/videos">点播审核</a></li>
20 </ol> 18 </ol>
21 </section> 19 </section>
  20 +
22 <section class="content"> 21 <section class="content">
23 <div class="row"> 22 <div class="row">
24 - <div class="col-md-12"> 23 + <!-- right column -->
  24 + <div class="col-xs-12">
25 <div class="box box-info"> 25 <div class="box box-info">
26 - <div class="box-body">  
27 - <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">  
28 - <div class="modal-dialog">  
29 - <div class="modal-content">  
30 - <div class="modal-header">  
31 - <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> ×</button>  
32 - <h4 class="modal-title">温馨提示</h4>  
33 - </div>  
34 - <div class="modal-body" id="msg">您确认删除该条信息吗？</div>  
35 - <div class="modal-footer">  
36 - <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>  
37 - <button type="button" class="btn btn-primary" id="modal_remove">确认</button>  
38 - </div>  
39 - </div>  
40 - </div>  
41 - </div> <div class="clearfix">  
42 - <div class="btn-group margin-bottom pull-left">  
43 - <input type="hidden" name="state" id="state" value="">  
44 - <div class="btn-group margin-bottom" id="hide_select_area_2" style="">  
45 - <button type="button" class="btn btn-success btn-sm margin-r-5 action claim" value="2" data="claim" id="claim" data-toggle="modal" data-target="#modal">认领  
46 - </button>  
47 - <button type="button" class="btn btn-success btn-sm margin-r-5 action claim" value="2" data="claim100" id="claim100" data-toggle="modal" data-target="#modal">认领100条  
48 - </button>  
49 - <button type="button" class="btn btn-success btn-sm margin-r-5 action claim" value="2" data="claim1000" id="claim1000" data-toggle="modal" data-target="#modal">认领1000条  
50 - </button>  
51 - </div> 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放大的效果-->
52 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)">
53 </div> 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">
  273 + <div class="form-group" style="margin-bottom: 6px;">
  274 + <label for="activity_id" class="control-label col-sm-2">点播活动id:</label>
  275 + <div class="col-sm-2">
  276 + <h5>82_7d92ef8192364d4891820426329801bd</h5>
  277 + </div>
  278 + <label for="partner_id" class="control-label col-sm-2">spId简称:</label>
  279 + <div class="col-sm-2">
  280 + <h5>视讯中国</h5>
  281 + </div>
  282 +
  283 + <label for="mark" class="control-label col-sm-2">是否白名单:</label>
  284 + <div class="col-sm-2">
  285 + <h5>是</h5>
  286 + </div>
54 287
55 - <div class="btn-group margin-bottom pull-right">  
56 - <button type="button" class="btn btn-sm margin-r-5 filter " id="" value="0">  
57 - 全部  
58 - </button>  
59 - <button type="button" class="btn btn-sm margin-r-5 filter btn-info" value="1">全部待领  
60 - </button>  
61 - <button type="button" class="btn btn-sm margin-r-5 filter " value="2">我的待审  
62 - </button>  
63 - <!-- <button type="button" class="btn btn-sm margin-r-5 filter"  
64 - value="3">我的已审核  
65 - </button>  
66 - <button type="button" class="btn btn-sm margin-r-5 filter"  
67 - value="4">我的未通过  
68 - </button> -->  
69 - <button type="button" class="btn btn-sm margin-r-5 filter " value="7">我的已审  
70 - </button>  
71 - <button type="button" class="btn btn-primary btn-sm margin-r-5" id="query" onclick="openOrClose(&#39;forms&#39;)">查询  
72 - <span id="a_up">▼</span><span id="a_down" style="display: none;">▲</span>  
73 - </button> 288 + <label for="upload_time" class="control-label col-sm-2">视频上传时间:</label>
  289 + <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>
  305 + </div>
  306 + </div>
  307 + <hr>
74 </div> 308 </div>
75 - </div>  
76 309
77 310
78 - <div class="form-horizontal form-group-sm" id="forms" style="display: none;">  
79 - <div class="btn-group margin-bottom col-md-6" style="padding: 0;">  
80 - <div class="col-md-5" style="padding: 0">  
81 - <label for="video_title" class="control-label cb-toolbar">标题:</label>  
82 - <div class="col-sm-9" style="padding: 0;">  
83 - <input class="form-control" name="video_title" type="text" id="video_title"> 311 +
  312 +
  313 +
  314 + <div id="tabContents" class="tab-content">
  315 + <div id="tabHome" class="tab-pane fade in active padding-t-15">
  316 +
  317 + <div class="col-sm-5">
  318 + <div class="form-group">
  319 + <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">
  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="封面图">
  326 + </a>
  327 + </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>
84 </div> 356 </div>
85 - </div>  
86 - <div class="col-md-4" style="padding: 0">  
87 - <label for="activity_id" class="control-label cb-toolbar">sp简称:</label>  
88 - <div class="col-sm-9" style="padding: 0;">  
89 - <input class="form-control" name="activity_id" type="text" id="activity_id"> 357 + <div class="form-group" style="margin-bottom: 6px;">
  358 + <label for="video_title" class="control-label col-sm-4">点播标题:</label>
  359 + <div class="col-sm-8">
  360 + <h5 style="font-size:1.5em; font-weight: bold;">口才</h5>
  361 + </div>
90 </div> 362 </div>
91 - </div>  
92 - <div class="col-md-3" style="padding: 0">  
93 - <label for="is_hot" class="control-label cb-toolbar">是否热点:</label>  
94 - <div class="col-sm-7" style="padding: 0;">  
95 - <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> 363 + <div class="form-group intro" style="margin-bottom: 6px;">
  364 + <label for="video_intro" class="control-label col-sm-4">点播简介:</label>
  365 + <div class="col-sm-8">
  366 + <h5 style="font-size:1.5em; font-weight: bold; width:100%">口才</h5>
  367 + </div>
96 </div> 368 </div>
97 - </div> 369 + <div class="form-group">
  370 + <label for="video_tag" class="control-label col-sm-4">点播标签:</label>
  371 + <div class="col-sm-8">
  372 + <h5 style="font-size:1.5em; font-weight: bold;"></h5>
  373 + </div>
  374 + </div>
  375 + <div class="form-group">
  376 + <label for="video_keyword" class="control-label col-sm-4">点播关键字:</label>
  377 + <div class="col-sm-8">
  378 + <h5 style="font-size:1.5em; font-weight: bold;"></h5>
  379 + </div>
  380 + </div>
  381 + <hr>
  382 + <div class="form-group">
  383 + <div class="col-sm-12">
  384 + <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">
  386 + </div>
  387 + </div>
  388 + </div>
  389 + <br>
  390 + <hr>
98 391
  392 + <div class="form-group">
  393 + <label for="state" class="control-label col-sm-3">审核状态:</label>
  394 + <div class="col-sm-9">
  395 + <h5>已审 通过</h5>
  396 + </div>
  397 + </div>
  398 +
  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>
99 406
100 - </div>  
101 407
102 - <div class="btn-group margin-bottom col-md-6 pull-right" style="padding: 0">  
103 - <div class="col-md-11" style="width: 88%;padding: 0;">  
104 - <div class="col-md-6" style="padding: 0">  
105 - <label for="start_date" class="control-label cb-toolbar">时间:</label>  
106 - <div class="input-group col-md-9 date">  
107 - <input class="form-control date" name="start_date" type="text" id="start_date">  
108 - <span class="input-group-addon">  
109 - <span class="glyphicon glyphicon-calendar"></span>  
110 - </span> 408 + <div class="form-group ">
  409 + <label for="state" class="control-label col-sm-3">审核员:</label>
  410 + <div class="col-sm-9 ">
  411 + <h5 id="state">系统审核 </h5>
111 </div> 412 </div>
112 </div> 413 </div>
113 - <div class="col-md-6" style="padding: 0">  
114 - <label for="start_date" class="control-label cb-toolbar">至</label>  
115 - <div class="input-group col-md-9 date">  
116 - <input class="form-control date" name="end_date" type="text">  
117 - <span class="input-group-addon">  
118 - <span class="glyphicon glyphicon-calendar"></span>  
119 - </span> 414 +
  415 +
  416 + <div class="form-group file">
  417 + <label class="control-label col-sm-3" for="attr_tags">常用审核意见:</label>
  418 +
  419 + <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>
  432 + </div>
  433 + </div><!-- /.form-group -->
  434 +
  435 + <div class="form-group">
  436 + <label for="msg" class="control-label col-sm-3">审核备注</label>
  437 + <div class="col-sm-9">
  438 + <textarea name="msg" id="msg" cols="5" rows="5" class="form-control"></textarea>
120 </div> 439 </div>
121 </div> 440 </div>
122 </div> 441 </div>
123 442
124 - </div> 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>
125 450
126 - <div class="btn-group margin-bottom col-md-6" style="padding: 0;"> 451 + <div class="form-group col-sm-6" style="float: right;">
127 452
128 - <div class="col-md-4" style="padding: 0">  
129 - <label for="video_auditor" class="control-label cb-toolbar">审核员:</label>  
130 - <div class="col-sm-7" style="padding: 0;">  
131 - <input class="form-control" name="video_auditor" type="text" id="video_auditor"> 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>
  488 + </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>
132 </div> 517 </div>
  518 +
  519 +
133 </div> 520 </div>
134 - <div class="col-md-1 text-center" style="width: 12%;padding: 0">  
135 - <button type="button" class="btn btn-primary btn-sm" id="videos_query">查 询</button> 521 + </div>
  522 +
  523 + <div class="form-group">
  524 + <input type="text" hidden="hidden" id="video_id" value="2795">
  525 + </div>
  526 +
  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">
  555 + <div class="col-sm-5">
  556 + <button type="button" class="btn btn-danger pull-right" id="reject">拒 绝</button>
  557 + </div>
  558 +
  559 + <div class="col-sm-1" style="margin-right:26px;">
  560 + <button type="button" class="btn btn-primary pull-right" id="pass">通 过</button>
  561 + </div>
  562 +
  563 + <div class="col-sm-1">
  564 + <button type="submit" class="btn btn-info pull-right" id="back">返回列表</button>
136 </div> 565 </div>
137 </div> 566 </div>
138 - </div>  
139 - <script>  
140 - //定义一个存储状态  
141 - var form_state =  
142 567
143 - $(function () {  
144 -// $(this).addClass('btn-info');  
145 -// $(this).siblings().removeClass('btn-info'); 568 + <!-- 拒绝确认弹出框 -->
  569 + <div class="modal" id="action_note" role="dialog" aria-labelledby="myModalLabel">
  570 + <div class="modal-dialog">
  571 + <div class="modal-content">
  572 + <div class="modal-header">
  573 + <button type="button" class="close" data-dismiss="modal"> ×</button>
  574 + <h4 class="modal-title">温馨提示</h4>
  575 + </div>
  576 + <div class="modal-body" id="msg2"></div>
  577 + <div class="modal-footer">
  578 + <button type="button" class="btn btn-default " data-dismiss="modal" id="action_note_no">取消</button>
  579 + <button type="button" class="btn btn-primary" id="action_note_yes">确认</button>
  580 + <input type="hidden" name="action_note_type" id="action_note_type" value="">
  581 + <input type="hidden" name="action_note_id" id="action_note_id" value="">
  582 + </div>
  583 + </div>
  584 + </div>
  585 + </div>
  586 + <script>
146 587
  588 + $(function () {
  589 + $("#flush").click(function () {
  590 + refresh();
  591 + });
147 }); 592 });
148 - /*批量操作 --认领*/  
149 - var claim_open = false;  
150 - var remove_open = false;  
151 - $("#modal_remove").delegate(this, "click", function () {  
152 - if (claim_open == true) {  
153 - return false; 593 + //点击按钮调用的方法
  594 + function refresh() {
  595 + window.location.reload();//刷新当前页面.
154 } 596 }
155 - if (remove_open == true) { //这样的话是true，就是单个操作  
156 - return false; 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 + })
157 } 604 }
158 - var status = $('.action').val();  
159 - var rows = $('#table').bootstrapTable('getSelections');  
160 -  
161 - var flag = $(this).attr('claim');  
162 - if (flag == 'claim') {  
163 - var ids = [];  
164 - for (var i = 0; i < rows.length; i++) {  
165 - ids[ids.length] = rows[i].id;  
166 - }  
167 - } else {  
168 - $ids = ''; 605 +
  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() + '">'];
169 } 623 }
170 - var state = 2;  
171 - $.ajax({  
172 - url: '/videos/status/' + status,  
173 - type: 'POST',  
174 - data: {'_token': 'MCgqTuvq2fL01T4VhkXj0shCeGYJU4l0X3loXu40', 'ids': ids, 'flag': flag},  
175 - success: function () {  
176 -// window.location.reload();  
177 - window.location.href = '/videos'+ '?state=' + state; 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 + /*拒绝*/
  641 + $("#reject").click(function () {
  642 + var attr_tags = $('#attr_tags').val();//获取标签属性信息
  643 + var msg = $('#msg').val(); //获取审核msg
  644 + if (attr_tags == null && msg == '') { //两个都为空 不行
  645 + alert('请输入审核备注或者常用审核意见!');
  646 + return false;
178 } 647 }
  648 + //拒绝弹出框
  649 + $('#msg2').html('您确认拒绝此条点播吗？');
  650 + $('#action_note').show();
  651 + $("#action_note_type").val('reject');
  652 + $("#action_note_id").val();
179 }); 653 });
180 - });  
181 -  
182 -  
183 - /* 筛选 状态 按钮之间的切换 todo */  
184 - $('.filter').click(function () {  
185 - var object = $('#forms input').serializeObject();  
186 - object['state'] = $(this).val();  
187 - switch ($(this).val()) {  
188 - case "1":  
189 - $(this).addClass('btn-info');  
190 - $(this).siblings().removeClass('btn-info');  
191 - $('#hide_select_area_2').show();  
192 - form_state = 1; //待领  
193 - break;  
194 - case "2":  
195 - $(this).addClass('btn-info');  
196 - $(this).siblings().removeClass('btn-info');  
197 - $('#hide_select_area_2').hide();  
198 - form_state = 2; //待审  
199 - break;  
200 - case "3":  
201 - $(this).addClass('btn-info');  
202 - $(this).siblings().removeClass('btn-info');  
203 - $('#hide_select_area_2').hide();  
204 - break;  
205 - case "4":  
206 - $(this).addClass('btn-info');  
207 - $(this).siblings().removeClass('btn-info');  
208 - $('#hide_select_area_2').hide();  
209 - break;  
210 - case "7":  
211 - $(this).addClass('btn-info');  
212 - $(this).siblings().removeClass('btn-info');  
213 - $('#hide_select_area_2').hide();  
214 - form_state = 7; //我的已审  
215 - break;  
216 - default:  
217 - $(this).addClass('btn-info');  
218 - $(this).siblings().removeClass('btn-info');  
219 - $('#hide_select_area_2').hide();  
220 - form_state = 0; //全部  
221 - break;  
222 - }  
223 - object['_token'] = 'MCgqTuvq2fL01T4VhkXj0shCeGYJU4l0X3loXu40';  
224 - $('#state').val(object['state']);  
225 - $('#table').bootstrapTable('selectPage', 1);  
226 - $('#table').bootstrapTable('refresh', {query: object});  
227 - });  
228 - $('#a_down').hide();  
229 - /*查询*/  
230 - function openOrClose(id_name_str) {  
231 - var id_name = '#' + id_name_str;  
232 - if ($(id_name).css('display') == 'block') {  
233 - $(id_name).slideUp(350);  
234 - $('#a_up').show();  
235 - $('#a_down').hide();  
236 - } else {  
237 - $(id_name).slideDown(350);  
238 -  
239 -  
240 - $('#a_up').hide();  
241 - $('#a_down').show();  
242 - }  
243 - }  
244 654
245 - /*时间插件*/  
246 - $('.date').datetimepicker({  
247 - format: 'YYYY-MM-DD HH:mm',  
248 - locale: "zh-CN",  
249 - toolbarPlacement: 'bottom',  
250 - showClear: true,  
251 - });  
252 -  
253 - /*认领弹框操作*/  
254 - $('.action').click(function () {  
255 - claim_open = false;  
256 - var rows = $('#table').bootstrapTable('getSelections');  
257 - var flag = $(this).attr('data');  
258 - if (flag == 'claim') {  
259 - if (rows.length > 0) {  
260 - $('#msg').html('您确认认领这<strong><span class="text-danger">' + rows.length + '</span></strong>条信息吗？');  
261 - $('#modal_remove').show();  
262 - $('#modal_remove').attr('claim', 'claim');  
263 - } else {  
264 - $('#msg').html('请选择要认领的数据！');  
265 - $('#modal_remove').hide(); 655 + //弹出框取消
  656 + $("#action_note_no").click(function () {
  657 + $("#action_note").hide();
  658 + });
  659 + //弹出框确认
  660 + $("#action_note_yes").click(function () {
  661 + var row_id = $("#video_id").val();
  662 + var attr_tags = $('#attr_tags').val();//获取标签属性信息
  663 + var msg = $('#msg').val(); //获取审核msg
  664 + if (attr_tags == null && msg == '') { //两个都为空 不行
  665 + alert('请输入审核备注或者常用审核意见!');
  666 + return false;
266 } 667 }
267 - } else if (flag == 'claim100') {  
268 - $('#msg').html('您确认认领这前<strong><span class="text-danger">' + '100' + '</span></strong>条信息吗？');  
269 - $('#modal_remove').show();  
270 - $('#modal_remove').attr('claim', 'claim100');  
271 - } else {  
272 - $('#msg').html('您确认认领这前<strong><span class="text-danger">' + '1000' + '</span></strong>条信息吗？');  
273 - $('#modal_remove').show();  
274 - $('#modal_remove').attr('claim', 'claim1000'); 668 + if (typeof(row_id) == "undefined") {
  669 + return false;
  670 + }
  671 + var state = $("#claimed").val();
  672 + var action_note_type = $("#action_note_type").val();
  673 + if (action_note_type == 'reject') {
  674 + $.ajax({
  675 + type: 'get',
  676 + data: {'_token': 'YnS6uzLnUDRQyeB4E2tTFbRCDmYio9gvdqwsGiu8', 'attr_tags': attr_tags, 'msg': msg},
  677 + url: '/videos/reject/' + row_id,
  678 + success: function (data) {
  679 + window.location.href = '/videos' + '?state=' + state;
  680 + }
  681 + });
  682 + }
  683 + });
  684 +
  685 + /*通过*/
  686 + $("#pass").click(function () {
  687 + var row_id = $("#video_id").val();
  688 + var attr_tags = $('#attr_tags').val();//获取标签属性信息
  689 + var msg = $('#msg').val(); //获取审核msg
  690 + if (typeof(row_id) == "undefined") {
  691 + return false;
  692 + }
  693 + var state = $("#claimed").val();
  694 + $.ajax({
  695 + type: 'get',
  696 + data: {'_token': 'YnS6uzLnUDRQyeB4E2tTFbRCDmYio9gvdqwsGiu8', 'attr_tags': attr_tags, 'msg': msg},
  697 + url: '/videos/pass/' + row_id,
  698 + success: function (data) {
  699 + window.location.href = '/videos' + '?state=' + state;
  700 + }
  701 + });
  702 + });
  703 +
  704 + /*返回列表 todo */
  705 +
  706 + $("#back").click(function () {
  707 + //获取来源-
  708 + var state = 0;
  709 + window.location.href = '/videos' + '?state=' + state;
  710 + });
  711 +
  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 +// });
275 } 753 }
276 - })  
277 -  
278 - $('#big').click(function () {  
279 - window.location.href = '/videos/big_list';  
280 - })  
281 - $('#list').click(function () {  
282 - window.location.href = '/videos';  
283 - })  
284 -  
285 -  
286 - </script> <div class="modal fade common" id="modal_comment" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">  
287 - <div class="modal-dialog">  
288 - <div class="modal-content">  
289 - <div class="modal-header">  
290 - <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> ×</button>  
291 - <h4 class="modal-title" id="modal_title"></h4>  
292 - </div>  
293 - <div class="modal-body">  
294 - <div class="alert alert-danger" id="window_msg" style="display: none;">  
295 - <p></p>  
296 - </div>  
297 - <div id="contents">  
298 - </div>  
299 - </div>  
300 - </div> 754 + </script>
  755 + <!-- Select2 todo xiaohu -->
  756 + <script src="../../static/js/select2.full.min.js"></script>
  757 + <!-- Select2 todo xiaohu -->
  758 + <link rel="stylesheet" href="../../static/css/select2.min.css">
  759 + <link rel="stylesheet" href="../../static/css/AdminLTE.min.css">
  760 + <script>
  761 + $(function () {
  762 + //Initialize Select2 Elements
  763 + $(".select2").select2();
  764 + });
  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>
  775 +
  776 + <!--js放大的效果-->
  777 + <script type="text/javascript" src="../../static/js/content_zoom.js"></script>
301 </div> 778 </div>
302 - </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">  
303 - <thead><tr><th class="bs-checkbox " style="text-align: center; width: 5%; " data-field="state" tabindex="0"><div class="th-inner "><input name="btSelectAll" type="checkbox"></div><div class="fht-cell"></div></th><th style="text-align: center; width: 6%; " data-field="sp_id_brief" tabindex="0"><div class="th-inner ">sp简称</div><div class="fht-cell"></div></th><th style="text-align: center; width: 20%; " data-field="video_title" tabindex="0"><div class="th-inner ">标题</div><div class="fht-cell"></div></th><th style="text-align: center; width: 10%; " data-field="video_cover_img" tabindex="0"><div class="th-inner ">点播封面图  
304 - </div><div class="fht-cell"></div></th><th style="text-align: center; width: 3%; " data-field="mark_name" tabindex="0"><div class="th-inner ">白名单</div><div class="fht-cell"></div></th><th style="text-align: center; width: 6%; " data-field="auditor" tabindex="0"><div class="th-inner ">审核员</div><div class="fht-cell"></div></th><th style="text-align: center; width: 3%; " data-field="is_hot_name" tabindex="0"><div class="th-inner ">热点</div><div class="fht-cell"></div></th><th style="text-align: center; width: 3%; " data-field="state_name" tabindex="0"><div class="th-inner ">审核状态  
305 - </div><div class="fht-cell"></div></th><th style="text-align: center; width: 10%; " data-field="upload_time" tabindex="0"><div class="th-inner ">视频上传时间  
306 - </div><div class="fht-cell"></div></th><th style="text-align: center; width: 17%; " data-field="action" tabindex="0"><div class="th-inner ">操作  
307 - </div><div class="fht-cell"></div></th></tr></thead>  
308 - <tbody><tr data-index="0"><td class="bs-checkbox "><input data-index="0" name="btSelectItem" type="checkbox"></td><td style="text-align: center; width: 6%; ">视讯中国</td><td style="text-align: center; width: 20%; ">邓建国正面PK冯小刚 选喜剧演员饰演潘金莲</td><td style="text-align: center; width: 10%; "><div width="160px" height="90px"><img src="./审核云平台内容管理系统_files/000002.jpg" width="160px" alt="封面图"></div></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 6%; "></td><td style="text-align: center; width: 3%; ">是</td><td style="text-align: center; width: 3%; "><span class="btn btn-sm btn-warning">待审</span></td><td style="text-align: center; width: 10%; ">2018-03-07 16:56:20</td><td style="text-align: center; width: 17%; "><a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm">认领</button></a><span> &nbsp;&nbsp;</span><a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled">查看</button></a><span> &nbsp;&nbsp;</span><a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled" data-toggle="modal" data-target="#modal">退领</button></a></td></tr><tr data-index="1"><td class="bs-checkbox "><input data-index="1" name="btSelectItem" type="checkbox"></td><td style="text-align: center; width: 6%; ">视讯中国</td><td style="text-align: center; width: 20%; ">邓建国正面PK冯小刚 选喜剧演员饰演潘金莲</td><td style="text-align: center; width: 10%; "><div width="160px" height="90px"><img src="./审核云平台内容管理系统_files/000002.jpg" width="160px" alt="封面图"></div></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 6%; "></td><td style="text-align: center; width: 3%; ">是</td><td style="text-align: center; width: 3%; "><span class="btn btn-sm btn-warning">待审</span></td><td style="text-align: center; width: 10%; ">2018-03-07 16:56:20</td><td style="text-align: center; width: 17%; "><a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm">认领</button></a><span> &nbsp;&nbsp;</span><a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled">查看</button></a><span> &nbsp;&nbsp;</span><a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled" data-toggle="modal" data-target="#modal">退领</button></a></td></tr><tr data-index="2"><td class="bs-checkbox "><input data-index="2" name="btSelectItem" type="checkbox"></td><td style="text-align: center; width: 6%; ">视讯中国</td><td style="text-align: center; width: 20%; ">蓝精灵2</td><td style="text-align: center; width: 10%; "><div width="160px" height="90px"><img src="./审核云平台内容管理系统_files/00002.jpg@base@tag=imgScale&amp;w=224&amp;h=126&amp;m=2&amp;c=1" width="160px" alt="封面图"></div></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 6%; "></td><td style="text-align: center; width: 3%; ">是</td><td style="text-align: center; width: 3%; "><span class="btn btn-sm btn-warning">待审</span></td><td style="text-align: center; width: 10%; ">2017-04-18 18:13:22</td><td style="text-align: center; width: 17%; "><a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm">认领</button></a><span> &nbsp;&nbsp;</span><a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled">查看</button></a><span> &nbsp;&nbsp;</span><a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled" data-toggle="modal" data-target="#modal">退领</button></a></td></tr><tr data-index="3"><td class="bs-checkbox "><input data-index="3" name="btSelectItem" type="checkbox"></td><td style="text-align: center; width: 6%; ">视讯中国</td><td style="text-align: center; width: 20%; ">11月22日 与高净值客户沟通的那些年</td><td style="text-align: center; width: 10%; "><div width="160px" height="90px"><img src="./审核云平台内容管理系统_files/1542596178088_4648.jpg" width="160px" alt="封面图"></div></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 6%; "></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 3%; "><span class="btn btn-sm btn-warning">待审</span></td><td style="text-align: center; width: 10%; ">2018-11-22 19:30:00</td><td style="text-align: center; width: 17%; "><a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm">认领</button></a><span> &nbsp;&nbsp;</span><a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled">查看</button></a><span> &nbsp;&nbsp;</span><a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled" data-toggle="modal" data-target="#modal">退领</button></a></td></tr><tr data-index="4"><td class="bs-checkbox "><input data-index="4" name="btSelectItem" type="checkbox"></td><td style="text-align: center; width: 6%; ">视讯中国</td><td style="text-align: center; width: 20%; ">Granzon的直播</td><td style="text-align: center; width: 10%; "><div width="160px" height="90px"><img src="./审核云平台内容管理系统_files/1480134800235_small.jpg" width="160px" alt="封面图"></div></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 6%; "></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 3%; "><span class="btn btn-sm btn-warning">待审</span></td><td style="text-align: center; width: 10%; ">2018-03-02 10:48:12</td><td style="text-align: center; width: 17%; "><a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm">认领</button></a><span> &nbsp;&nbsp;</span><a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled">查看</button></a><span> &nbsp;&nbsp;</span><a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled" data-toggle="modal" data-target="#modal">退领</button></a></td></tr><tr data-index="5"><td class="bs-checkbox "><input data-index="5" name="btSelectItem" type="checkbox"></td><td style="text-align: center; width: 6%; ">视讯中国</td><td style="text-align: center; width: 20%; ">好吃</td><td style="text-align: center; width: 10%; "><div width="160px" height="90px"><img src="./审核云平台内容管理系统_files/face_60X60.jpg" width="160px" alt="封面图"></div></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 6%; "></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 3%; "><span class="btn btn-sm btn-warning">待审</span></td><td style="text-align: center; width: 10%; ">2017-10-14 20:45:40</td><td style="text-align: center; width: 17%; "><a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm">认领</button></a><span> &nbsp;&nbsp;</span><a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled">查看</button></a><span> &nbsp;&nbsp;</span><a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled" data-toggle="modal" data-target="#modal">退领</button></a></td></tr><tr data-index="6"><td class="bs-checkbox "><input data-index="6" name="btSelectItem" type="checkbox"></td><td style="text-align: center; width: 6%; ">视讯中国</td><td style="text-align: center; width: 20%; ">好吃</td><td style="text-align: center; width: 10%; "><div width="160px" height="90px"><img src="./审核云平台内容管理系统_files/face_60X60.jpg" width="160px" alt="封面图"></div></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 6%; "></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 3%; "><span class="btn btn-sm btn-warning">待审</span></td><td style="text-align: center; width: 10%; ">2017-10-14 20:45:40</td><td style="text-align: center; width: 17%; "><a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm">认领</button></a><span> &nbsp;&nbsp;</span><a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled">查看</button></a><span> &nbsp;&nbsp;</span><a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled" data-toggle="modal" data-target="#modal">退领</button></a></td></tr><tr data-index="7"><td class="bs-checkbox "><input data-index="7" name="btSelectItem" type="checkbox"></td><td style="text-align: center; width: 6%; ">视讯中国</td><td style="text-align: center; width: 20%; ">358</td><td style="text-align: center; width: 10%; "><div width="160px" height="90px"><img src="./审核云平台内容管理系统_files/1499414527478_small.jpg" width="160px" alt="封面图"></div></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 6%; "></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 3%; "><span class="btn btn-sm btn-warning">待审</span></td><td style="text-align: center; width: 10%; ">2017-09-21 15:03:59</td><td style="text-align: center; width: 17%; "><a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm">认领</button></a><span> &nbsp;&nbsp;</span><a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled">查看</button></a><span> &nbsp;&nbsp;</span><a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled" data-toggle="modal" data-target="#modal">退领</button></a></td></tr><tr data-index="8"><td class="bs-checkbox "><input data-index="8" name="btSelectItem" type="checkbox"></td><td style="text-align: center; width: 6%; ">视讯中国</td><td style="text-align: center; width: 20%; ">666</td><td style="text-align: center; width: 10%; "><div width="160px" height="90px"><img src="./审核云平台内容管理系统_files/1480134800235_small.jpg" width="160px" alt="封面图"></div></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 6%; "></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 3%; "><span class="btn btn-sm btn-warning">待审</span></td><td style="text-align: center; width: 10%; ">2017-09-15 15:40:12</td><td style="text-align: center; width: 17%; "><a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm">认领</button></a><span> &nbsp;&nbsp;</span><a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled">查看</button></a><span> &nbsp;&nbsp;</span><a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled" data-toggle="modal" data-target="#modal">退领</button></a></td></tr><tr data-index="9"><td class="bs-checkbox "><input data-index="9" name="btSelectItem" type="checkbox"></td><td style="text-align: center; width: 6%; ">视讯中国</td><td style="text-align: center; width: 20%; ">666</td><td style="text-align: center; width: 10%; "><div width="160px" height="90px"><img src="./审核云平台内容管理系统_files/1480134800235_small.jpg" width="160px" alt="封面图"></div></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 6%; "></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 3%; "><span class="btn btn-sm btn-warning">待审</span></td><td style="text-align: center; width: 10%; ">2017-09-15 15:40:12</td><td style="text-align: center; width: 17%; "><a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm">认领</button></a><span> &nbsp;&nbsp;</span><a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled">查看</button></a><span> &nbsp;&nbsp;</span><a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled" data-toggle="modal" data-target="#modal">退领</button></a></td></tr><tr data-index="10"><td class="bs-checkbox "><input data-index="10" name="btSelectItem" type="checkbox"></td><td style="text-align: center; width: 6%; ">视讯中国</td><td style="text-align: center; width: 20%; ">跑跑跑跑跑</td><td style="text-align: center; width: 10%; "><div width="160px" height="90px"><img src="./审核云平台内容管理系统_files/1480134800235_small.jpg" width="160px" alt="封面图"></div></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 6%; "></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 3%; "><span class="btn btn-sm btn-warning">待审</span></td><td style="text-align: center; width: 10%; ">2017-09-15 15:38:05</td><td style="text-align: center; width: 17%; "><a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm">认领</button></a><span> &nbsp;&nbsp;</span><a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled">查看</button></a><span> &nbsp;&nbsp;</span><a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled" data-toggle="modal" data-target="#modal">退领</button></a></td></tr><tr data-index="11"><td class="bs-checkbox "><input data-index="11" name="btSelectItem" type="checkbox"></td><td style="text-align: center; width: 6%; ">视讯中国</td><td style="text-align: center; width: 20%; ">跑跑跑跑跑</td><td style="text-align: center; width: 10%; "><div width="160px" height="90px"><img src="./审核云平台内容管理系统_files/1480134800235_small.jpg" width="160px" alt="封面图"></div></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 6%; "></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 3%; "><span class="btn btn-sm btn-warning">待审</span></td><td style="text-align: center; width: 10%; ">2017-09-15 15:38:05</td><td style="text-align: center; width: 17%; "><a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm">认领</button></a><span> &nbsp;&nbsp;</span><a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled">查看</button></a><span> &nbsp;&nbsp;</span><a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled" data-toggle="modal" data-target="#modal">退领</button></a></td></tr><tr data-index="12"><td class="bs-checkbox "><input data-index="12" name="btSelectItem" type="checkbox"></td><td style="text-align: center; width: 6%; ">视讯中国</td><td style="text-align: center; width: 20%; ">000000</td><td style="text-align: center; width: 10%; "><div width="160px" height="90px"><img src="./审核云平台内容管理系统_files/1480134800235_small.jpg" width="160px" alt="封面图"></div></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 6%; "></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 3%; "><span class="btn btn-sm btn-warning">待审</span></td><td style="text-align: center; width: 10%; ">2017-09-15 15:32:50</td><td style="text-align: center; width: 17%; "><a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm">认领</button></a><span> &nbsp;&nbsp;</span><a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled">查看</button></a><span> &nbsp;&nbsp;</span><a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled" data-toggle="modal" data-target="#modal">退领</button></a></td></tr><tr data-index="13"><td class="bs-checkbox "><input data-index="13" name="btSelectItem" type="checkbox"></td><td style="text-align: center; width: 6%; ">视讯中国</td><td style="text-align: center; width: 20%; ">000000</td><td style="text-align: center; width: 10%; "><div width="160px" height="90px"><img src="./审核云平台内容管理系统_files/1480134800235_small.jpg" width="160px" alt="封面图"></div></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 6%; "></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 3%; "><span class="btn btn-sm btn-warning">待审</span></td><td style="text-align: center; width: 10%; ">2017-09-15 15:31:21</td><td style="text-align: center; width: 17%; "><a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm">认领</button></a><span> &nbsp;&nbsp;</span><a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled">查看</button></a><span> &nbsp;&nbsp;</span><a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled" data-toggle="modal" data-target="#modal">退领</button></a></td></tr><tr data-index="14"><td class="bs-checkbox "><input data-index="14" name="btSelectItem" type="checkbox"></td><td style="text-align: center; width: 6%; ">视讯中国</td><td style="text-align: center; width: 20%; ">q</td><td style="text-align: center; width: 10%; "><div width="160px" height="90px"><img src="./审核云平台内容管理系统_files/1499414527478_small.jpg" width="160px" alt="封面图"></div></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 6%; "></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 3%; "><span class="btn btn-sm btn-warning">待审</span></td><td style="text-align: center; width: 10%; ">2017-09-15 15:16:08</td><td style="text-align: center; width: 17%; "><a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm">认领</button></a><span> &nbsp;&nbsp;</span><a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled">查看</button></a><span> &nbsp;&nbsp;</span><a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled" data-toggle="modal" data-target="#modal">退领</button></a></td></tr><tr data-index="15"><td class="bs-checkbox "><input data-index="15" name="btSelectItem" type="checkbox"></td><td style="text-align: center; width: 6%; ">视讯中国</td><td style="text-align: center; width: 20%; ">太丰富分</td><td style="text-align: center; width: 10%; "><div width="160px" height="90px"><img src="./审核云平台内容管理系统_files/1480134800235_small.jpg" width="160px" alt="封面图"></div></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 6%; "></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 3%; "><span class="btn btn-sm btn-warning">待审</span></td><td style="text-align: center; width: 10%; ">2017-09-15 15:15:50</td><td style="text-align: center; width: 17%; "><a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm">认领</button></a><span> &nbsp;&nbsp;</span><a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled">查看</button></a><span> &nbsp;&nbsp;</span><a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled" data-toggle="modal" data-target="#modal">退领</button></a></td></tr><tr data-index="16"><td class="bs-checkbox "><input data-index="16" name="btSelectItem" type="checkbox"></td><td style="text-align: center; width: 6%; ">视讯中国</td><td style="text-align: center; width: 20%; ">testin</td><td style="text-align: center; width: 10%; "><div width="160px" height="90px"><img src="./审核云平台内容管理系统_files/1490251097087_small.jpg" width="160px" alt="封面图"></div></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 6%; "></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 3%; "><span class="btn btn-sm btn-warning">待审</span></td><td style="text-align: center; width: 10%; ">2017-06-06 16:39:24</td><td style="text-align: center; width: 17%; "><a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm">认领</button></a><span> &nbsp;&nbsp;</span><a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled">查看</button></a><span> &nbsp;&nbsp;</span><a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled" data-toggle="modal" data-target="#modal">退领</button></a></td></tr><tr data-index="17"><td class="bs-checkbox "><input data-index="17" name="btSelectItem" type="checkbox"></td><td style="text-align: center; width: 6%; ">视讯中国</td><td style="text-align: center; width: 20%; ">Lynn的直播</td><td style="text-align: center; width: 10%; "><div width="160px" height="90px"><img src="./审核云平台内容管理系统_files/1483946763364_small.jpg" width="160px" alt="封面图"></div></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 6%; "></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 3%; "><span class="btn btn-sm btn-warning">待审</span></td><td style="text-align: center; width: 10%; ">2017-05-11 09:10:09</td><td style="text-align: center; width: 17%; "><a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm">认领</button></a><span> &nbsp;&nbsp;</span><a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled">查看</button></a><span> &nbsp;&nbsp;</span><a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled" data-toggle="modal" data-target="#modal">退领</button></a></td></tr><tr data-index="18"><td class="bs-checkbox "><input data-index="18" name="btSelectItem" type="checkbox"></td><td style="text-align: center; width: 6%; ">视讯中国</td><td style="text-align: center; width: 20%; ">Lynn的直播</td><td style="text-align: center; width: 10%; "><div width="160px" height="90px"><img src="./审核云平台内容管理系统_files/1483946763364_small.jpg" width="160px" alt="封面图"></div></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 6%; "></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 3%; "><span class="btn btn-sm btn-warning">待审</span></td><td style="text-align: center; width: 10%; ">2017-05-11 09:05:06</td><td style="text-align: center; width: 17%; "><a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm">认领</button></a><span> &nbsp;&nbsp;</span><a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled">查看</button></a><span> &nbsp;&nbsp;</span><a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled" data-toggle="modal" data-target="#modal">退领</button></a></td></tr><tr data-index="19"><td class="bs-checkbox "><input data-index="19" name="btSelectItem" type="checkbox"></td><td style="text-align: center; width: 6%; ">视讯中国</td><td style="text-align: center; width: 20%; ">Lynn的直播</td><td style="text-align: center; width: 10%; "><div width="160px" height="90px"><img src="./审核云平台内容管理系统_files/1483946763364_small.jpg" width="160px" alt="封面图"></div></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 6%; "></td><td style="text-align: center; width: 3%; ">否</td><td style="text-align: center; width: 3%; "><span class="btn btn-sm btn-warning">待审</span></td><td style="text-align: center; width: 10%; ">2017-05-11 08:53:14</td><td style="text-align: center; width: 17%; "><a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm">认领</button></a><span> &nbsp;&nbsp;</span><a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled">查看</button></a><span> &nbsp;&nbsp;</span><a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" disabled="disabled" data-toggle="modal" data-target="#modal">退领</button></a></td></tr></tbody></table></div><div class="fixed-table-footer" style="display: none;"><table><tbody><tr></tr></tbody></table></div><div class="fixed-table-pagination" style="display: block;"><div class="pull-left pagination-detail"><span class="pagination-info">显示第 1 到第 20 条记录，总共 350 条记录</span><span class="page-list">每页显示 <span class="btn-group dropup"><button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="page-size">20</span> <span class="caret"></span></button><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></span> 条记录</span></div><div class="pull-right pagination"><ul class="pagination"><li class="page-pre"><a href="javascript:void(0)">‹</a></li><li class="page-number active"><a href="javascript:void(0)">1</a></li><li class="page-number"><a href="javascript:void(0)">2</a></li><li class="page-number"><a href="javascript:void(0)">3</a></li><li class="page-number"><a href="javascript:void(0)">4</a></li><li class="page-number"><a href="javascript:void(0)">5</a></li><li class="page-last-separator disabled"><a href="javascript:void(0)">...</a></li><li class="page-last"><a href="javascript:void(0)">18</a></li><li class="page-next"><a href="javascript:void(0)">›</a></li></ul></div></div></div></div><div class="clearfix"></div> 779 +
  780 +
309 </div> 781 </div>
310 </div> 782 </div>
311 </div> 783 </div>
312 </div> 784 </div>
313 - </section><!-- /.content --> 785 + </section>
314 </div> 786 </div>
315 - <!-- /.content-wrapper --> 787 +
316 <script> 788 <script>
317 789
318 - //定义一个全局变量-跟踪状态  
319 - var global_state = 0;  
320 - /*查询字段效果*/  
321 - $('#videos_query').click(function () {  
322 - $('#table').bootstrapTable('selectPage', 1);  
323 - });  
324 -  
325 - /*查询按钮操作 页面中传递过来的参数需要走这个*/  
326 - $('#table').bootstrapTable({  
327 - method: 'get',  
328 - url: '/videos/table/',  
329 - pagination: true,  
330 - pageNumber: 1,  
331 - pageSize: 20,  
332 - pageList: [10, 25, 50, 100],  
333 - sidePagination: 'server',  
334 - clickToSelect: true,  
335 - striped: true,  
336 - queryParams: function (params) {  
337 - var object = $('#forms input').serializeObject();  
338 - object['is_hot'] = $('#is_hot').val();  
339 - object['state'] = $('#state').val();  
340 - object['_token'] = 'MCgqTuvq2fL01T4VhkXj0shCeGYJU4l0X3loXu40';  
341 - object['offset'] = params.offset;  
342 - object['limit'] = params.limit;  
343 -  
344 - return object;  
345 - },  
346 - });  
347 -  
348 - /*认领---操作中按钮控制*/  
349 - function actionFormatter(value, row, index) {  
350 - var disabled_claim = '';  
351 - var disabled_passed = '';  
352 - var disabled_nopass = '';  
353 - var disabled_claimfail = '';  
354 -  
355 - if (row.state_name == '未认领') { //如果是认领,查看和退领按钮不能用  
356 - switch (row.state_name) {  
357 - case '未认领':  
358 - disabled_claim = 'disabled="disabled"';  
359 - break;  
360 - }  
361 - return [  
362 - '<a class="claim" href="javascript:void(0)"><button class="btn btn-success btn-sm" >认领</button></a>',  
363 - '<span> &nbsp;&nbsp;</span>',  
364 - '<a class="detail" href="javascript:void(0)"><button class="btn btn-default btn-sm" ' + disabled_claim + '>查看</button></a>',  
365 - '<span> &nbsp;&nbsp;</span>',  
366 - '<a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" ' + disabled_claim + ' data-toggle="modal" data-target="#modal" >退领</button></a>',  
367 - ].join('');  
368 - }  
369 - else if (row.state_name == '已认领,未审核' && row.user_id == 11) { //如果是未审核和已审核,则认领不能用  
370 - switch (row.state_name) {  
371 - case '已认领,未审核':  
372 - disabled_passed = 'disabled="disabled"';  
373 - break;  
374 - }  
375 - return [  
376 - '<a class="claim" href="javascript:void(0)"><button class="btn btn-default btn-sm" ' + disabled_passed + '>认领</button></a>',  
377 - '<span> &nbsp;&nbsp;</span>',  
378 - '<a class="detail" href="javascript:void(0)"><button class="btn btn-info btn-sm" >查看</button></a>',  
379 - '<span> &nbsp;&nbsp;</span>',  
380 - '<a class="back" href="javascript:void(0)"><button class="btn btn-danger btn-sm" data-toggle="modal" data-target="#modal" >退领</button></a>',  
381 - ].join('');  
382 -  
383 - }else if (row.state_name == '已认领,未审核' && row.user_id !== 11) { //如果是未审核和已审核,则认领不能用  
384 - switch (row.state_name) {  
385 - case '已认领,未审核':  
386 - disabled_passed = 'disabled="disabled"';  
387 - break;  
388 - }  
389 - return [  
390 - '<a class="claim" href="javascript:void(0)"><button class="btn btn-default btn-sm" ' + disabled_passed + '>认领</button></a>',  
391 - '<span> &nbsp;&nbsp;</span>',  
392 - '<a class="detail" href="javascript:void(0)"><button class="btn btn-info btn-sm" ' + disabled_passed + '>查看</button></a>',  
393 - '<span> &nbsp;&nbsp;</span>',  
394 - '<a class="back" href="javascript:void(0)"><button class="btn btn-danger btn-sm" data-toggle="modal" data-target="#modal" ' + disabled_passed + '>退领</button></a>',  
395 - ].join('');  
396 -  
397 - }  
398 - else if (row.state_name == '我的已审核') {  
399 - switch (row.state_name) {  
400 - case '我的已审核':  
401 - disabled_nopass = 'disabled="disabled"';  
402 - break;  
403 - }  
404 - return [  
405 - '<a class="claim" href="javascript:void(0)"><button class="btn btn-default btn-sm" ' + disabled_nopass + '>认领</button></a>',  
406 - '<span style="margin-right:50px;"> &nbsp;&nbsp;</span>',  
407 - '<a class="detail" href="javascript:void(0)"><button class="btn btn-info btn-sm" >查看</button></a>',  
408 - '<br/>',  
409 - '<span> &nbsp;</span>',  
410 - '<br/>',  
411 - '<a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" ' + disabled_nopass + ' data-toggle="modal" data-target="#modal" >退领</button></a>',  
412 - '<span style="margin-right:50px;"> &nbsp;&nbsp;</span>',  
413 - '<a class="log" href="javascript:void(0)"><button class="btn btn-primary btn-sm" >日志</button></a>',  
414 - ].join('');  
415 -  
416 - } else {  
417 - switch (row.state_name) {  
418 - case '我的未通过':  
419 - disabled_claimfail = 'disabled="disabled"';  
420 - break;  
421 - }  
422 - return [  
423 - '<a class="claim" href="javascript:void(0)"><button class="btn btn-default btn-sm" ' + disabled_claimfail + '>认领</button></a>',  
424 - '<span style="margin-right:50px;"> &nbsp;&nbsp;</span>',  
425 - '<a class="detail" href="javascript:void(0)"><button class="btn btn-info btn-sm" >查看</button></a>',  
426 - '<br/>',  
427 - '<span> &nbsp;</span>',  
428 - '<br/>',  
429 - '<a class="back" href="javascript:void(0)"><button class="btn btn-default btn-sm" ' + disabled_claimfail + ' data-toggle="modal" data-target="#modal" >退领</button></a>',  
430 - '<span style="margin-right:50px;"> &nbsp;&nbsp;</span>',  
431 - '<a class="log" href="javascript:void(0)"><button class="btn btn-primary btn-sm" >日志</button></a>',  
432 - ].join('');  
433 - }  
434 - }  
435 -  
436 - $("#modal_remove").click(function () {  
437 - var row_id = $(this).data('id');  
438 -  
439 - if (typeof(row_id) == "undefined") {  
440 - return false;  
441 - }  
442 -// $(".back").each(function(){  
443 - var rows = $('#table').bootstrapTable('getSelections');  
444 - if (rows[0].state_name == '已审核') {  
445 - $(this).attr('disabled', 'disabled');  
446 - alert('未审核的不能退领！');  
447 - return false;  
448 - }  
449 -// }); 790 + /*拒绝*/
450 791
451 - $.ajax({  
452 - type: 'get',  
453 - data: {'_token': 'MCgqTuvq2fL01T4VhkXj0shCeGYJU4l0X3loXu40'},  
454 - url: '/videos/back/' + row_id,  
455 - success: function (data) {  
456 - window.location.href = '/videos';  
457 - }  
458 - });  
459 - });  
460 -  
461 - // $('#modal').modal('hide');  
462 - $('#modal').on('hide.bs.modal', function (event) {  
463 -  
464 - });  
465 -  
466 - /*操作按钮的点击事件*/  
467 - window.actionEvents = {  
468 - 'click .claim': function (e, value, row, index) {  
469 - var state = 2;  
470 - $.ajax({  
471 - type: 'get',  
472 - data: {'_token': 'MCgqTuvq2fL01T4VhkXj0shCeGYJU4l0X3loXu40'},  
473 - url: '/videos/claim/' + row.id,  
474 - success: function (data) {  
475 - if (data['status_code'] == 403) {  
476 - window.location.href = '/videos' + '?state=' + 1;  
477 - }else{  
478 - window.location.href = '/videos' + '?state=' + state;  
479 - }  
480 - }  
481 - });  
482 - },  
483 - 'click .detail': function (e, value, row, index) {  
484 - var state =global_state;  
485 - window.location.href = '/videos/detail/' + row.id + '?state=' + state;  
486 - },  
487 -  
488 - 'click .back': function (e, value, row, index) {  
489 - remove_open = true;  
490 - $('#msg').html('您确认退领该条信息吗？');  
491 - $('#modal_remove').show();  
492 - $('#modal_remove').data('id', row.id);  
493 - },  
494 -  
495 - 'click .log': function (e, value, row, index) {  
496 - var act_id = row.activity_id;  
497 - $.ajax({  
498 - type: 'get',  
499 - data: {'_token': 'MCgqTuvq2fL01T4VhkXj0shCeGYJU4l0X3loXu40', 'act_id': act_id},  
500 - url: '/videos/get_msg/',  
501 - success: function (data) {  
502 - if (data['status_code'] == 200) {  
503 - var msg = eval("(" + data['data'] + ")")  
504 - console.log(msg)  
505 - if (msg == '') {  
506 - alert('没有审核记录');  
507 - return false;  
508 - } else {  
509 - alert(msg);  
510 - }  
511 - }  
512 - }  
513 - });  
514 - }  
515 - };  
516 -  
517 - /**  
518 - * 审核按钮的显示--已认领就是未审核的  
519 - * @param value  
520 - * @param row  
521 - * @param index  
522 - * @returns {string}  
523 - */  
524 - function stateFormatter(value, row, index) {  
525 -// var style = 'label-primary';  
526 - var style = 'btn-sm btn-primary';  
527 - switch (row.state_name) {  
528 - case '未认领':  
529 - case '已认领,未审核':  
530 - style = 'btn-sm btn-warning';  
531 - break;  
532 - case '我的已审核':  
533 - style = 'btn-sm btn-success';  
534 - break;  
535 - case '我的未通过':  
536 - style = 'btn-sm btn-danger';  
537 - break;  
538 - }  
539 - return [  
540 - '<span class="btn ' + style + '">' + row.state_name_short + '</span>',  
541 - ].join('');  
542 - }  
543 -  
544 -  
545 - function coverFormatter(value, row, index) {  
546 -// var face0 = row.video_cover_img;  
547 -// var arr = $.parseJSON(face);  
548 -// var arr = JSON.parse(face);  
549 -// var arr = face;  
550 -// var arr = eval("(" + face + ")");  
551 - var face = '';  
552 - var face1 = row.video_cover_img1; //点播云  
553 - var face2 = row.video_cover_img2; //直播云  
554 -// if (arr["224*126"]) {  
555 -// face = arr["224*126"];  
556 -// } else {  
557 - if (face1 !=='' || face1 == null) { //点播云地址存在或''  
558 - face = face1;  
559 - }  
560 - if (face2 !=='' || face2 == null ) {  
561 - face = face2;  
562 - }  
563 - if (face == '' || face.length ==0 || face == ' ') {  
564 - return [  
565 - '<div width="160px" height="90px">' +  
566 - '<img src="/uploads/images/default.jpg" width="160px" alt="封面图">' + '</div>',  
567 - // '<span src="+ row.face +">' + row.state_name + '</span>',  
568 - ].join('');  
569 - } else {  
570 - return [  
571 - '<div width="160px" height="90px">' +  
572 - '<img src="' + face + '" width="160px" alt="封面图">' + '</div>',  
573 - // '<span src="+ row.face +">' + row.state_name + '</span>',  
574 - ].join('');  
575 - }  
576 - }  
577 -  
578 - /*时间格式切换*/  
579 - function uploadFormatter(value, row, index) {  
580 - var upload = row.upload_time;  
581 - if (upload) {  
582 - var uploadFormat = getDate(upload);  
583 - }  
584 - return uploadFormat;  
585 - }  
586 - function add0(m) {  
587 - return m < 10 ? '0' + m : m  
588 - };  
589 - function getDate(upload) {  
590 - var time = new Date(parseInt(upload));  
591 - var y = time.getFullYear();  
592 - var m = time.getMonth() + 1;  
593 - var d = time.getDate();  
594 - var h = time.getHours();  
595 - var mm = time.getMinutes();  
596 - var s = time.getSeconds();  
597 - return y + '-' + add0(m) + '-' + add0(d) + ' ' + add0(h) + ':' + add0(mm) + ':' + add0(s);  
598 - };  
599 - </script>  
600 792
601 793
  794 + /*通过*/
  795 + </script>
  796 +
602 <footer th:replace="../templates/common/foot::foot" ></footer> 797 <footer th:replace="../templates/common/foot::foot" ></footer>
603 798
  799 +
604 <!-- Add the sidebar's background. This div must be placed 800 <!-- Add the sidebar's background. This div must be placed
605 immediately after the control sidebar --> 801 immediately after the control sidebar -->
606 <div class="control-sidebar-bg" style="position: fixed; height: auto;"></div> 802 <div class="control-sidebar-bg" style="position: fixed; height: auto;"></div>
@@ -625,4 +821,4 @@ @@ -625,4 +821,4 @@
625 821
626 822
627 823
628 -</body></html>  
629 \ No newline at end of file 824 \ No newline at end of file
  825 +<div class="round_shade_box" id="zoom"> <div class="round_shade_top"> <span class="round_shade_topleft"> </span> <span class="round_shade_topright"> </span> </div> <div class="round_shade_centerleft"> <div class="round_shade_centerright"> <div class="round_shade_center" id="zoom_content"> </div> </div> </div> <div class="round_shade_bottom"> <span class="round_shade_bottomleft"> </span> <span class="round_shade_bottomright"> </span> </div> <a href="http://shenhe.cnlive.com/videos/detail/2795?state=0#close" class="round_box_close" id="zoom_close">关闭</a> </div></body></html>
630 \ No newline at end of file 826 \ No newline at end of file