周伟鹏 / 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 136 \ No newline at end of file
... ...
src/main/resources/templates/page/videoDetail.html
  View file @376a743
1 1 <!DOCTYPE html>
2   -<!-- saved from url=(0031)http://shenhe.cnlive.com/videos -->
3 2 <html lang="zh" xmlns:th="http://www.thymeleaf.org">
4 3 <head th:replace="../templates/common/head::head"></head>
5 4  
6 5 <body class="skin-blue sidebar-mini">
7 6  
8 7 <div class="wrapper">
9   -
10 8 <div th:replace="../templates/common/frame::frame"></div>
11 9  
12 10 <div class="content-wrapper" style="min-height: 788px;">
13 11 <section class="content-header">
14 12 <h1>
15   - 点播审核
  13 + 点播详情
16 14 </h1>
17 15 <ol class="breadcrumb">
18 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 18 </ol>
21 19 </section>
  20 +
22 21 <section class="content">
23 22 <div class="row">
24   - <div class="col-md-12">
  23 + <!-- right column -->
  24 + <div class="col-xs-12">
25 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 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 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 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 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 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 412 </div>
112 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 439 </div>
121 440 </div>
122 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 517 </div>
  518 +
  519 +
133 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 565 </div>
137 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 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 781 </div>
310 782 </div>
311 783 </div>
312 784 </div>
313   - </section><!-- /.content -->
  785 + </section>
314 786 </div>
315   - <!-- /.content-wrapper -->
  787 +
316 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 797 <footer th:replace="../templates/common/foot::foot" ></footer>
603 798  
  799 +
604 800 <!-- Add the sidebar's background. This div must be placed
605 801 immediately after the control sidebar -->
606 802 <div class="control-sidebar-bg" style="position: fixed; height: auto;"></div>
... ... @@ -625,4 +821,4 @@
625 821  
626 822  
627 823  
628   -</body></html>
629 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 826 \ No newline at end of file
... ...