隐藏录视频

VisualInspection/js/mytask/check.js

@@ -1,7 +1,7 @@
 function initCheck() {
     addBreadMenu("/view/mytask/check.html", "视频稽查");
     $('#ex1').slider({ tooltip: 'hide' });
-    $("#ex1").on("slideStop", function (slideEvt) {
+    $("#ex1").on("slideStop", function(slideEvt) {
         setVideoProcess(slideEvt.value);
     });
 
@@ -9,7 +9,7 @@ function initCheck() {
 
     $("#tabcontent").css("height", ($("#video_content").height() - 80) + "px");
 
-    if(ISCLIENT) {
+    if (ISCLIENT) {
         event = document.createEvent('MessageEvent');
         var origin = window.location.protocol + '//' + window.location.host;
         event.initMessageEvent('setvideoposition', true, true, getVideoPosition(null), origin, 1234, window, null);
@@ -43,7 +43,7 @@ function initCheck() {
         format: "yyyy-mm-dd"
     });
     if ($.checkTask) {
-        getUserCheckCount(function(userList){
+        getUserCheckCount(function(userList) {
             $("#checked_count").html(userList.length);
         });
         initCheckAppealBtns();
@@ -54,10 +54,10 @@ function initCheck() {
         // })
         $("#lane").val($.checkTask.checked_location);
         // setLaneSelect("#lane", $.checkTask.checked_location);
-        get_common_service('user/getUserById/' + $.checkTask.checked_person, null, function (data) {
-            changePersonContent(data);
-        })
-        //查询评分情况
+        get_common_service('user/getUserById/' + $.checkTask.checked_person, null, function(data) {
+                changePersonContent(data);
+            })
+            //查询评分情况
         queryCheckScores();
         //查询录像播放列表
         var videos = $.checkTask.video_id.split(',');
@@ -72,7 +72,7 @@ function initCheck() {
             callFunc("stop", "");
         }
     }
-    $("select#video_list").change(function () {
+    $("select#video_list").change(function() {
         playVideo($(this).val());
     });
 
@@ -140,8 +140,8 @@ function fullscreen() {
         '                                        <button type="button" class="btn btn-info" onclick="doAction(\'stop\')"><i class="icon icon-pause icon-2x"></i></button>' +
         '                                        <button type="button" class="btn btn-info" onclick="doAction(\'fast\')"><i class="icon icon-forward icon-2x"></i><span id=\"full_fast_info\"></span></button>' +
         '                                        <button type="button" class="btn btn-info" onclick="doAction(\'slow\')"><span id=\"full_slow_info\"></span><i class="icon icon-backward icon-2x"></i></button>' +
-        '                                        <button type="button" class="btn btn-danger " style="width:51px;height:42px" id="full_video_btn_start" onclick="doAction(\'video_start\')"><img style="width:30px" src="/images/movie.png"></img></i></button>'+
-        '                                        <button type="button" class="btn btn-danger hidden" style="width:51px;height:42px" id="full_video_btn_stop" onclick="doAction(\'video_stop\')"><i class="icon icon-stop icon-2x"></i></button>'+
+        '                                        <button type="button" class="btn btn-danger hidden" style="width:51px;height:42px" id="full_video_btn_start" onclick="doAction(\'video_start\')"><img style="width:30px" src="/images/movie.png"></img></i></button>' +
+        '                                        <button type="button" class="btn btn-danger hidden" style="width:51px;height:42px" id="full_video_btn_stop" onclick="doAction(\'video_stop\')"><i class="icon icon-stop icon-2x"></i></button>' +
         '                                        <button type="button" class="btn btn-success" onclick="doAction(\'screenshot\')"><i class="icon icon-camera icon-2x"></i></button>' +
         '                                    </div>' +
         '                                </div>';
@@ -155,25 +155,25 @@ function fullscreen() {
         closeBtn: 0,
         shadeClose: false,
         content: "<div id='layer_content' >" + contenthtml + "</div>",
-        success: function (layero, index) {
+        success: function(layero, index) {
 
             $("#full_video_pos").val($("#video_pos").val());
 
             $('#full_ex1').slider({ tooltip: 'hide' });
-            $("#full_ex1").on("slideStop", function (slideEvt) {
+            $("#full_ex1").on("slideStop", function(slideEvt) {
                 setVideoProcess(slideEvt.value);
             });
             $("#full_ex1").val($("#ex1").value)
             $("#full_ex1").slider({ step: 5, min: 0, max: maxVV });
 
-          
+
             $("#full_fast_info").html($("#fast_info").html());
             $("#full_slow_info").html($("#slow_info").html());
-    
+
 
             $("#full_tabcontent").css("height", (height - 90) + "px");
             $("#full_tabcontent").css("width", "100%");
-            setTimeout(function () {
+            setTimeout(function() {
                 callFunc("setvideoposition", getVideoPosition($("#full_tabcontent")))
             }, 800)
 
@@ -184,17 +184,18 @@ function fullscreen() {
 
 function getUserCheckCount(callback) {
     var param = {
-        "id":$.checkTask.id,
-        "checked_person":$.checkTask.checked_person
+        "id": $.checkTask.id,
+        "checked_person": $.checkTask.checked_person
     };
-    post_common_service("/task/getUserCount/", param, function (userList) { 
-        callback(userList);//$("#checked_count").html(userList.length);
+    post_common_service("/task/getUserCount/", param, function(userList) {
+        callback(userList); //$("#checked_count").html(userList.length);
     });
 }
 
-function showCheckDetailCount(){
-    
+function showCheckDetailCount() {
+
 }
+
 function initCheckAppealBtns() {
     if ($.checkTask.appeal) {
         $("#btn_appeal_task").show();
@@ -204,7 +205,7 @@ function initCheckAppealBtns() {
         $("#appeal_reason").html($.checkTask.appeal.appeal_reason);
         $("#appeal_file_list").html(genAppeaFiles($.checkTask.appeal.file_src));
         $("#recheck_result").html($.checkTask.appeal.recheck_result);
-        
+
 
         layer.open({
             type: 1,
@@ -236,9 +237,9 @@ function queryCheckScores() {
     //$('#score_datatable').score_datatable("");
     console.log("任务id：" + $.checkTask.id);
     var data = {
-        "task_id": $.checkTask.id
-    }
-    // alert("ff");
+            "task_id": $.checkTask.id
+        }
+        // alert("ff");
     var cols = [
         { width: 40, text: '序号', type: 'number', flex: true, colClass: 'text-center', field: 'num' },
         { width: 160, text: '评分记录', type: 'string', flex: true, sort: 'down', field: 'content' },
@@ -247,7 +248,11 @@ function queryCheckScores() {
         { width: 55, text: '考核人', type: 'string', flex: true, colClass: '', field: 'checked_person_name' },
         // {width: 80, text: '图片', type: 'imagedd', flex: true, colClass: '',field: 'pics'},
         {
-            width: 110, text: '操作', type: 'string', flex: true, field: 'id',
+            width: 110,
+            text: '操作',
+            type: 'string',
+            flex: true,
+            field: 'id',
             oper: [
                 { func: 'showEditCheckScore', text: '修改', icon_class: 'icon-edit' },
                 { func: 'showEditPic', text: '修改图片', icon_class: 'icon-edit' },
@@ -263,56 +268,59 @@ function queryCheckScores() {
         'cols': cols,
         'url': "/score/getScoreList/",
         'param': data
-    }
-    );
+    });
 }
-function showEditPic(id){
+
+function showEditPic(id) {
     var rowData = getItemByIdFromArr(id, $('#score_datatable').mytable('getTableData'));
     showPics(rowData.pics);
     $("#saveEditBtn").show();
     editScoreId = id;
 }
+
 function showEditCheckScore(id) {
     // deleteItem4Common(id,"/score/delete/",queryCheckScores);
     var rowData = getItemByIdFromArr(id, $('#score_datatable').mytable('getTableData'));
-    scoreDetailLayer = showPopup4Common('修改考核项',function(data){
-       saveScoreEdit();
-    },['350px','550px'],'#score-detail-div','r');
-    
+    scoreDetailLayer = showPopup4Common('修改考核项', function(data) {
+        saveScoreEdit();
+    }, ['350px', '550px'], '#score-detail-div', 'r');
+
     $("#score_id_text").val(rowData.id);
     $("#check_item_text").val(rowData.content);
     $("#check_score_text").val(rowData.check_item_score);
     $("#check_remark_text").val(rowData.remark);
-    setFeeUserSelect("#check_checked_person_select",rowData.checked_person);
+    setFeeUserSelect("#check_checked_person_select", rowData.checked_person);
     // $("#check_checked_person_select").val(rowData.checked_person);
 }
-function setFeeUserSelect(div,selectId){
+
+function setFeeUserSelect(div, selectId) {
     var param = {
         'organid': $.checkTask.checked_dept
     };
-    post_common_service("/user/getUserList/", param, function (userList) {
+    post_common_service("/user/getUserList/", param, function(userList) {
         // setFeeUserSelect("#check_checked_person_select",rowData.checked_person,data);
         var optStr = '';
-        for(var i in userList) {
-            if(userList[i].id==selectId)
-                optStr += '<option value="'+userList[i].id+'" selected="selected">'+userList[i].truename+'</option>';
+        for (var i in userList) {
+            if (userList[i].id == selectId)
+                optStr += '<option value="' + userList[i].id + '" selected="selected">' + userList[i].truename + '</option>';
             else
-                optStr += '<option value="'+userList[i].id+'">'+userList[i].truename+'</option>';
+                optStr += '<option value="' + userList[i].id + '">' + userList[i].truename + '</option>';
         }
         $(div).html('');
         $(div).html(optStr);
 
         $('#check_checked_person_select').chosen({
             // width:'200px',
-            height:'100px',
-            no_results_text: '没有找到',    // 当检索时没有找到匹配项时显示的提示文本
+            height: '100px',
+            no_results_text: '没有找到', // 当检索时没有找到匹配项时显示的提示文本
             disable_search_threshold: 10, // 10 个以下的选择项则不显示检索框
-            search_contains: true         // 从任意位置开始检索
+            search_contains: true // 从任意位置开始检索
         });
     });
 
 }
-function saveScoreEdit(){
+
+function saveScoreEdit() {
     var param = {
         'id': $("#score_id_text").val(),
         'content': $("#check_item_text").val(),
@@ -322,7 +330,7 @@ function saveScoreEdit(){
     };
     editScoreId = null;
     $("#saveEditBtn").hide();
-    no_return_common_service("/score/update", param, function (data) {
+    no_return_common_service("/score/update", param, function(data) {
         if (scoreLayer) layer.close(scoreLayer);
         //查询评分情况
         queryCheckScores();
@@ -332,6 +340,7 @@ function saveScoreEdit(){
     });
 }
 var editScoreId;
+
 function saveEdit() {
     if (editScoreId) {
         var imgArr = $("#img_container .pic-class");
@@ -348,12 +357,12 @@ function saveEdit() {
         };
         editScoreId = null;
         $("#saveEditBtn").hide();
-        no_return_common_service("/score/update", param, function (data) {
+        no_return_common_service("/score/update", param, function(data) {
             if (scoreLayer) layer.close(scoreLayer);
             //查询评分情况
             queryCheckScores();
             layer.msg(data, {
-                time: 2000//20s后自动关闭
+                time: 2000 //20s后自动关闭
             });
         });
     }
@@ -412,19 +421,19 @@ function genPicstr(imgSrc) {
     var src = imgSrc;
     if (!src.startWith("http"))
         src = base_image_server_url + src;
-    var pic = '<div class="img_item" style="width:100px;height:90px;float:left;">'
-        + '<a href="javascript:void(0)" onclick="removeImg(this)" style="float:right;position:relative;z-index:100;"><span class="label label-danger"><i class="icon icon-remove-circle"></i> 删除</span></a>'
-        + '<a class="card lightbox-toggle" data-group="image-group-1" data-lightbox-group="example-3" href="' + src + '" style="position:absolute">'
-        + '<img class="pic-class img-thumbnail" path="' + imgSrc + '" style="width:100px;height:70px;" src="' + src + '" alt="">'
-        + '</a>'
-        + '</div>';
+    var pic = '<div class="img_item" style="width:100px;height:90px;float:left;">' +
+        '<a href="javascript:void(0)" onclick="removeImg(this)" style="float:right;position:relative;z-index:100;"><span class="label label-danger"><i class="icon icon-remove-circle"></i> 删除</span></a>' +
+        '<a class="card lightbox-toggle" data-group="image-group-1" data-lightbox-group="example-3" href="' + src + '" style="position:absolute">' +
+        '<img class="pic-class img-thumbnail" path="' + imgSrc + '" style="width:100px;height:70px;" src="' + src + '" alt="">' +
+        '</a>' +
+        '</div>';
     if (ISCLIENT) {
-        pic = '<div class="img_item" style="width:100px;height:90px;float:left;">'
-            + '<a href="javascript:void(0)" onclick="removeImg(this)" style="float:right;position:relative;z-index:100;"><span class="label label-danger"><i class="icon icon-remove-circle"></i> 删除</span></a>'
-            + '<a class="card" onclick="showClientImg(\'' + src + '\')" href="javascript:void(0)" style="position:absolute">'
-            + '<img class="pic-class img-thumbnail" path="' + imgSrc + '" style="width:100px;height:70px;" src="' + src + '" alt="">'
-            + '</a>'
-            + '</div>';
+        pic = '<div class="img_item" style="width:100px;height:90px;float:left;">' +
+            '<a href="javascript:void(0)" onclick="removeImg(this)" style="float:right;position:relative;z-index:100;"><span class="label label-danger"><i class="icon icon-remove-circle"></i> 删除</span></a>' +
+            '<a class="card" onclick="showClientImg(\'' + src + '\')" href="javascript:void(0)" style="position:absolute">' +
+            '<img class="pic-class img-thumbnail" path="' + imgSrc + '" style="width:100px;height:70px;" src="' + src + '" alt="">' +
+            '</a>' +
+            '</div>';
     }
     return pic;
 }
@@ -437,12 +446,13 @@ function clearAllImg() {
     $('#img_container').empty();
 }
 var changePersonLayer;
+
 function showChangeUser() {
     var param = {
         'organid': $.checkTask.checked_dept
     };
 
-    post_common_service("/user/getUserList/", param, function (data) {
+    post_common_service("/user/getUserList/", param, function(data) {
         changePersonLayer = showPopup4Common('更改人员', null, ['550px', '600px'], null, 'r');
         $("#user_container").empty();
         var userStr = "";
@@ -451,15 +461,15 @@ function showChangeUser() {
             if (data[i].workno) name = name + " " + data[i].workno.substr(data[i].workno.length - 3);
             var pic = "../../images/body-bg.png";
             if (data[i].pic) pic = base_image_server_url + data[i].pic;
-            str = '<div style="width:90px;float:left;margin:5px;">'
-                + '<a class="card" href="javascript:void(0)">'
-                + '<img src="' + pic + '" alt="" style="height:100px;width:90px;" onclick="showBigImg(\'' + pic + '\')">'
-                + '<div class="card-heading"><strong>' + name + '</strong></div>'
-                + '<div class="card-actions">'
-                + '<button type="button" class="btn btn-mini btn-danger" onclick="changePerson(\'' + data[i].id + '\')">选择</button>'
-                + '</div>'
-                + '</a>'
-                + '</div>';
+            str = '<div style="width:90px;float:left;margin:5px;">' +
+                '<a class="card" href="javascript:void(0)">' +
+                '<img src="' + pic + '" alt="" style="height:100px;width:90px;" onclick="showBigImg(\'' + pic + '\')">' +
+                '<div class="card-heading"><strong>' + name + '</strong></div>' +
+                '<div class="card-actions">' +
+                '<button type="button" class="btn btn-mini btn-danger" onclick="changePerson(\'' + data[i].id + '\')">选择</button>' +
+                '</div>' +
+                '</a>' +
+                '</div>';
             userStr += str;
         }
         $("#user_container").html(userStr);
@@ -472,19 +482,19 @@ function changePerson(id) {
         "id": $.checkTask.id,
         "checked_person": id,
     }
-    post_common_service("task/update/", param, function (task_data) {
+    post_common_service("task/update/", param, function(task_data) {
         //重置当前任务
         $.checkTask = task_data;
         //获取用户信息
-        get_common_service('user/getUserById/' + id, null, function (data) {
-            changePersonContent(data);
-        })
-        //更新用户次数表
-        no_return_common_service('task/updateUserCount/', param, function (data) {
+        get_common_service('user/getUserById/' + id, null, function(data) {
+                changePersonContent(data);
+            })
+            //更新用户次数表
+        no_return_common_service('task/updateUserCount/', param, function(data) {
             // changePersonContent(data);
         })
         layer.close(changePersonLayer);
-    }, function (error) {
+    }, function(error) {
         alert(error);
     });
 }
@@ -503,14 +513,16 @@ function showBigImg(src) {
         content: $('#userBigImg')
     });
 }
+
 function resetUserImgInfo() {
     $("#user_img_container").empty();
-    var str = '<a id="person_img" href="../../images/img4.jpg" class="lightbox-toggle">'
-        + '<img src="../../images/img4.jpg" class="img-thumbnail" style="width:50px;height:50px;margin-top:-10px;"></a>'
-        + '<label id="checked_person"></label>'
-        + '（次数：<a href="#"><label id="checked_count"></label></a>）';
+    var str = '<a id="person_img" href="../../images/img4.jpg" class="lightbox-toggle">' +
+        '<img src="../../images/img4.jpg" class="img-thumbnail" style="width:50px;height:50px;margin-top:-10px;"></a>' +
+        '<label id="checked_person"></label>' +
+        '（次数：<a href="#"><label id="checked_count"></label></a>）';
     $("#user_img_container").html(str);
 }
+
 function changePersonContent(data) {
     resetUserImgInfo();
     var name = data.truename;
@@ -521,7 +533,7 @@ function changePersonContent(data) {
     if (ISCLIENT) {
         $("#person_img").attr("href", "javascript:void(0)");
         $("#person_img").removeClass("lightbox-toggle");
-        $("#person_img").click(function () {
+        $("#person_img").click(function() {
             showClientImg(imgSrc);
         });
         $("#person_img > img").attr("src", imgSrc);
@@ -533,16 +545,19 @@ function changePersonContent(data) {
     getUserCheckCount();
 }
 var scoreLayer;
+
 function showScore() {
     scoreLayer = showPopup4Common('选择考核项', null, ['400px', '500px'], '#items-div', 'r');
     buildTree();
 }
+
 function buildTree() {
     var zTreeObj;
     var zNodes = [];
     check_item_tree = $.fn.zTree.init($("#items_tree"), {}, zNodes);
     getCheckItems();
 }
+
 function getCheckItems() {
     function zTreeOnRename(event, treeId, treeNode, isCancel) {
         alert(treeNode.tId + ", " + treeNode.name);
@@ -589,20 +604,21 @@ function getCheckItems() {
         }
     };
 
-    get_common_service('checkItem/getAll', null, function (data) {
+    get_common_service('checkItem/getAll', null, function(data) {
         zdata = [];
         for (var i = 0; i < data.length; i++) {
             var m = data[i];
             zdata.push(genNode(m));
         }
         menu_tree = $.fn.zTree.init($("#items_tree"), setting, zdata)
-    }, function (error) {
+    }, function(error) {
 
     });
 }
+
 function addobj(data) {
     var zdata = [];
-    if (typeof (data.subCheckItem) != "undefinde" && data.subCheckItem != null &&
+    if (typeof(data.subCheckItem) != "undefinde" && data.subCheckItem != null &&
         data.subCheckItem.length > 0) {
         for (var i = 0; i < data.subCheckItem.length; i++) {
             var m = data.subCheckItem[i];
@@ -613,6 +629,7 @@ function addobj(data) {
         return [];
     }
 }
+
 function genNode(m) {
     var zdataItem = {};
     zdataItem["id"] = m.id;
@@ -627,6 +644,7 @@ function genNode(m) {
     zdataItem["children"] = addobj(m);
     return zdataItem;
 }
+
 function zTreeOnClick(event, treeId, treeNode) {
     var imgArr = $("#img_container .pic-class");
     var picsStr = "";
@@ -647,16 +665,16 @@ function zTreeOnClick(event, treeId, treeNode) {
         'checked_person': $.checkTask.checked_person,
         'checked_dept': $.checkTask.checked_dept
     };
-    no_return_common_service("/score/add", param, function (data) {
+    no_return_common_service("/score/add", param, function(data) {
         if (scoreLayer) layer.close(scoreLayer);
         clearAllImg();
         //查询评分情况
         queryCheckScores();
         layer.msg(data, {
-            time: 2000//20s后自动关闭
+            time: 2000 //20s后自动关闭
         });
     });
-    
+
 }
 
 function submitCheck() {
@@ -664,53 +682,58 @@ function submitCheck() {
         "id": $.checkTask.id,
         "check_status": 4
     }
-    no_return_common_service("/task/taskEnd/", param, function (data) {
+    no_return_common_service("/task/taskEnd/", param, function(data) {
         layer.msg("提交成功", {
-            time: 2000//20s后自动关闭
+            time: 2000 //20s后自动关闭
         });
         changePage("/view/mytask/task_list.html?status=2");
     });
 
 }
+
 function showPre(id) {
     // $('#myModal').modal({name:"dd"});
     //预览提交把任务状态改为待提交
-    no_return_common_service('/task/update', {"id":$.checkTask.id,"check_status":7})
+    no_return_common_service('/task/update', { "id": $.checkTask.id, "check_status": 7 })
     changePage("/view/mytask/taskDetail.html");
 }
+
 function showInvalid() {
-    invalidLayer = showPopup4Common('申请无效', function () {
+    invalidLayer = showPopup4Common('申请无效', function() {
         saveValidReason();
     }, ['400px', '500px'], '#invalid_div', 'r');
 
 }
+
 function submitCheck4Appeal() {
     var param = {
         "id": $.checkTask.id,
         "check_status": 14
     }
-    no_return_common_service("/task/taskEnd/", param, function (data) {
+    no_return_common_service("/task/taskEnd/", param, function(data) {
         layer.msg("提交成功", {
-            time: 2000//20s后自动关闭
+            time: 2000 //20s后自动关闭
         });
         changePage("/view/mytask/task_list.html?status=2");
     });
 
 }
+
 function showPre4Appeal(id) {
     // $('#myModal').modal({name:"dd"});
     //预览提交把任务状态改为待提交
-    no_return_common_service('/task/update', {"id":$.checkTask.id,"check_status":17})
+    no_return_common_service('/task/update', { "id": $.checkTask.id, "check_status": 17 })
     changePage("/view/mytask/taskDetail.html");
 }
+
 function saveValidReason() {
     var param = {
         "task_id": $.checkTask.id,
         "apply_reason": $("#apply_reason").val()
     }
-    no_return_common_service("/checkApply/add/", param, function (data) {
+    no_return_common_service("/checkApply/add/", param, function(data) {
         layer.msg("申请提交成功", {
-            time: 2000//20s后自动关闭
+            time: 2000 //20s后自动关闭
         });
         changePage("/view/mytask/task_list.html?status=2");
     });
@@ -740,6 +763,7 @@ function getVideoPosition(obj) {
     var height = obj.height();
     return parseInt(Y) + "|" + parseInt(X) + "|" + parseInt(width) + "|" + parseInt(height);
 }
+
 function initUpLoad() {
 
     var uploader = WebUploader.create({
@@ -759,16 +783,15 @@ function initUpLoad() {
     });
 }
 
-function saveRecheckResult(){
+function saveRecheckResult() {
     var param = {
-        "id":$.checkTask.appeal.id,
-        "recheck_result":$("#recheck_result").val()
+        "id": $.checkTask.appeal.id,
+        "recheck_result": $("#recheck_result").val()
     }
-    post_common_service("/checkAppeal/update", param, function(data){
+    post_common_service("/checkAppeal/update", param, function(data) {
         layer.msg("保存成功", {
-            offset:'r',
-            time: 2000//20s后自动关闭
+            offset: 'r',
+            time: 2000 //20s后自动关闭
         });
     });
-}
-
+}

VisualInspection/view/mytask/check.html

@@ -12,7 +12,7 @@
                 <label for="exampleInputAccount1" class="col-sm-1">车道号</label>
                 <div class="col-sm-2">
                     <!--<select class="form-control" id="lane" disabled="disabled"></select>-->
-                    <input type="text" class="form-control" id="lane" disabled="disabled"/>
+                    <input type="text" class="form-control" id="lane" disabled="disabled" />
                 </div>
                 <label class="col-sm-1">考核人员</label>
                 <div class="col-sm-3" id="user_img_container">
@@ -24,7 +24,7 @@
                 <div class="col-sm-1">
                     <button class="btn btn-primary " type="button" onclick="showChangeUser()">更改考核人员</button>
                 </div>
-           
+
             </div>
         </form>
     </div>
@@ -35,10 +35,6 @@
                 <section class="row">
                     <div class="col-md-12">
                         <div class="panel" data-id="1">
-                            <!--<div class="panel-heading">
-                    <i class="icon icon-list"></i>
-                    <span class="title">面板标题</span>
-                    </div>-->
 
                             <div class="panel-body" style="padding:5px;">
                                 <ul class="nav nav-secondary">
@@ -47,34 +43,48 @@
                                     <li class="tab_lane"><a data-tab href="#tabContent3" bbb="2">广场</a></li>
                                     <li class="tab_not_lane"><a data-tab href="#tabContent4" bbb="3">值机室</a></li>
                                 </ul>
-                                <div id="video_content" >
-                                <div class="tab-content" id="tabcontent" style="height:400px;text-align: center;background:black;">
-                                    <p style="padding-top:180px;font-size:20px">加载中...</p>
-                                    <!--<i class="icon icon-spin icon-spinner  icon-5x" style="margin-top:100px"></i>-->
-                                </div>
-                                <div class="row" class="col-md-12" style="padding:5px 10px 5px 10px;text-align:center;margin:0px">
-                                    <input id="ex1" class="col-md-12" type="text" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="0"
-                                    />
-                                </div>
-                                <div class="row" style="padding:0px 5px 0px 5px;text-align:center;margin:0px">
-                                    <select class="form-control" id="video_list" style="width:200px;float:left;display:none"></select>
-                                    <div class="btn-group" style="float:right;">
-                                        <button type="button" class="btn btn-info" onclick="doAction('start')"><i class="icon icon-play-circle icon-2x"></i></button>
-                                        <button type="button" class="btn btn-info" onclick="doAction('stop')"><i class="icon icon-pause icon-2x"></i></button>
-                                        <button type="button" class="btn btn-info" onclick="doAction('fast')"><i class="icon icon-forward icon-2x"></i><span id="fast_info"></span></button>
-                                        <button type="button" class="btn btn-info" onclick="doAction('slow')"><span id="slow_info"></span><i class="icon icon-backward icon-2x"></i></button>
-                                        <button type="button" class="btn btn-success" onclick="doAction('screenshot')"><i class="icon icon-camera icon-2x"></i></button>
+
+
+                                <div id="video_content">
+                                    <div class="tab-content" id="tabcontent" style="height:400px;text-align: center;background:black;">
+                                        <p style="padding-top:180px;font-size:20px">加载中...</p>
+                                        <!--<i class="icon icon-spin icon-spinner  icon-5x" style="margin-top:100px"></i>-->
                                     </div>
-                                </div>
-                                </div> 
-                                <!--<hr>-->
+                                    <div class="row" class="col-md-12" style="padding:5px 10px 5px 10px;text-align:center;margin:0px">
+                                        <input id="ex1" class="col-md-12" type="text" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="0" />
+                                    </div>
+                                    <div class="row" style="padding:0px 5px 0px 5px;text-align:center;margin:0px">
+                                        <select class="form-control" id="video_list" style="width:200px;float:left;display:none"></select>
+                                        <div class="col-md-4" style="padding-left:0">
+                                            <div class="input-group" style="padding-left:0">
+                                                <input type="text" id="video_pos" style="height:42px" class="form-control" placeholder="时间偏移值">
+                                                <span class="input-group-btn">
+                                                <button class="btn btn-default" style="height:42px" onclick="setVideoPos()" type="button">校正</button>
+                                             </span>
+                                            </div>
+                                        </div>
+                                        <div class="btn-group" style="float:right;">
+                                            <button type="button" class="btn btn-info" style="width:51px;height:42px" onclick="doAction('start')"><i class="icon icon-play-circle icon-2x"></i></button>
+                                            <button type="button" class="btn btn-info" style="width:51px;height:42px" onclick="doAction('stop')"><i class="icon icon-pause icon-2x"></i></button>
+                                            <button type="button" class="btn btn-info" style="width:51px;height:42px" onclick="doAction('fast')"><i class="icon icon-forward icon-2x"></i><span id="fast_info"></span></button>
+                                            <button type="button" class="btn btn-info" style="width:51px;height:42px" onclick="doAction('slow')"><span id="slow_info"></span><i class="icon icon-backward icon-2x"></i></button>
+                                            <button type="button" class="btn btn-danger hidden" style="width:51px;height:42px" id="video_btn_start" onclick="doAction('video_start')"><img style="width:30px" src="/images/movie.png"></img></i></button>
+                                            <button type="button" class="btn btn-danger hidden" style="width:51px;height:42px" id="video_btn_stop" onclick="doAction('video_stop')"><i class="icon icon-stop icon-2x"></i></button>
+                                            <button type="button" class="btn btn-success" style="width:51px;height:42px" onclick="doAction('screenshot')"><i class="icon icon-camera icon-2x"></i></button>
+
+
+                                        </div>
 
+                                    </div>
+                                    <!--<hr>-->
+
+                                </div>
                             </div>
                         </div>
                     </div>
                 </section>
-               
-                
+
+
             </div>
 
         </div>
@@ -82,7 +92,7 @@
             <div id="score_datatable" style="height:350px;" data-checkable="true" data-sortable="true"></div>
             <div class="row">
                 <div id="dashboard" class="dashboard dashboard-draggable" data-height="300">
-                    
+
                     <div class="row" class="col-sm-11" style="margin:5px;">
                         <button class="btn btn-primary" type="button" onclick="clearAllImg()" style="margin-right:10px;">清空</button>
                         <button class="btn btn-danger" type="button" onclick="showScore()" style="margin-right:10px;">评分</button>
@@ -188,29 +198,29 @@
         </div>
     </div>
 </div>
-<img id="userBigImg" style="display:none;margin-right:20px;"/>
+<img id="userBigImg" style="display:none;margin-right:20px;" />
 <script>
     var curVideo;
-    $(document).ready(function () {
-        if($.checkTask.checked_location_type==1){
+    $(document).ready(function() {
+        if ($.checkTask.checked_location_type == 1) {
             $("li.tab_lane").hide();
             $("li.tab_not_lane").show();
             $("li.tab_not_lane").addClass("active");
-        }else{
+        } else {
             $("li.tab_lane").show();
             $("li.tab_not_lane").hide();
             $("li.tab_lane:first").addClass("active");
         }
         initCheck();
 
-        $('[data-tab]').on('shown.zui.tab', function (e) {
+        $('[data-tab]').on('shown.zui.tab', function(e) {
             // console.log('当前被激活的标签页', $(e.target).attr('bbb'));
             // console.log('上一个标签页', e.relatedTarget);
             var i = $(e.target).attr('bbb');
             var showVideo;
-            if(i==3) {
+            if (i == 3) {
                 showVideo = $.checkTask.video_id;
-            }else {
+            } else {
                 var videos = $.checkTask.video_id.split(',');
                 showVideo = videos[i];
             }
@@ -231,11 +241,11 @@
 
     });
 
-    $("#box").click(function () {
+    $("#box").click(function() {
         return $("#_f").click();
     });
-    
-    $("#_f").change(function () {
+
+    $("#_f").change(function() {
         UpladFile();
     });
 
@@ -246,11 +256,10 @@
         // var form = new FormData();
         // form.append("name", "hooyes");                        // 可以增加表单数据
         // form.append("file", fileObj);                           // 文件对象
-        uploadFile(fileObj, "file", function (data) {
+        uploadFile(fileObj, "file", function(data) {
             addPic(base_image_server_url + data.path);
-        }, function (error) {
+        }, function(error) {
             console.log(error)
-        },"task");
+        }, "task");
     }
-
 </script>