VisualInspection/VisualInspection/js/mytask/check.js

function initCheck() {
    addBreadMenu("/view/mytask/check.html", "视频稽查");
    $('#ex1').slider({ tooltip: 'hide' });
    $("#ex1").on("slideStop", function (slideEvt) {
        setVideoProcess(slideEvt.value);
    });


    $("#tabcontent").css("height", ($("#video_content").height() - 80) + "px");



    event = document.createEvent('MessageEvent');
    var origin = window.location.protocol + '//' + window.location.host;
    event.initMessageEvent('setvideoposition', true, true, getVideoPosition(null), origin, 1234, window, null);
    document.dispatchEvent(event);




    // 仅选择日期
    $("#start-time").datetimepicker({
        language: "zh-CN",
        weekStart: 1,
        todayBtn: 1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        minView: 2,
        forceParse: 0,
        format: "yyyy-mm-dd"
    });
    // 仅选择日期
    $("#end-time").datetimepicker({
        language: "zh-CN",
        weekStart: 1,
        todayBtn: 1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        minView: 2,
        forceParse: 0,
        format: "yyyy-mm-dd"
    });
    if ($.checkTask) {
        initCheckAppealBtns();
        setFeSelect("#fsList", $.checkTask.checked_dept);
        // $("#fsList").on("change",function(){
        //     $.checkTask.checked_dept = this.value;
        // })
        $("#lane").val($.checkTask.checked_location);
        // setLaneSelect("#lane", $.checkTask.checked_location);
        get_common_service('user/getUserById/' + $.checkTask.checked_person, null, function (data) {
            changePersonContent(data);
        })
        //查询评分情况
        queryCheckScores();
        //查询录像播放列表
        var videos = $.checkTask.video_id.split(',');
        if (videos[0]) {
            curVideo = videos[0];
            queryVideoList();
        } else {
            callFunc("showvideoview", "false");
            layer.msg('该处暂无视屏！', {
                time: 2000, //20s后自动关闭
            });
            callFunc("stop", "");
        }
    }
    $("select#video_list").change(function () {
        playVideo($(this).val());
    });

}

function setfastorslow(type, speed) {
    if (type == 0) {
        $("#fast_info").html("");
        $("#slow_info").html("");
        if ($("#full_fast_info")) {
            $("#full_fast_info").html("");
            $("#full_slow_info").html("");
        }
    }
    if (type == 1) {
        $("#fast_info").html(speed + "x");
        $("#slow_info").html("");
        if ($("#full_fast_info")) {
            $("#full_fast_info").html(speed + "x");
            $("#full_slow_info").html("");
        }
    }
    if (type == 2) {
        $("#slow_info").html(speed + "x");
        $("#fast_info").html("");
        if ($("#full_fast_info")) {
            $("#full_fast_info").html("");
            $("#full_slow_info").html(speed + "x");
        }
    }

}

function normalscreen() {
    if (layer_full) {
        layer.close(layer_full)
    }

}
var layer_full = null;

function fullscreen() {
    var height = window.innerWidth * 0.8 * 1 / 2.0 + 90

    var contenthtml = ' <div class="tab-content" id="full_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="full_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="full_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=\"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-success" onclick="doAction(\'screenshot\')"><i class="icon icon-camera icon-2x"></i></button>' +
        '                                    </div>' +
        '                                </div>';


    layer_full = layer.open({
        area: ['80%', height + "px"],
        type: 1,
        title: false,
        anim: -1,
        closeBtn: 0,
        shadeClose: false,
        content: "<div id='layer_content' >" + contenthtml + "</div>",
        success: function (layero, index) {

            $('#full_ex1').slider({ tooltip: 'hide' });
            $("#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 () {
                callFunc("setvideoposition", getVideoPosition($("#full_tabcontent")))
            }, 800)

        }
    });

}

function initInfo() {

}
function initCheckAppealBtns() {
    if ($.checkTask.appeal) {
        $("#btn_appeal_task").show();
        $("#btn_task").hide();
        $("#appeal_div").show();
        $("#appeal_time").html($.checkTask.appeal.appeal_time);
        $("#appeal_reason").html($.checkTask.appeal.appeal_reason);
        $("#appeal_file_list").html(genAppeaFiles($.checkTask.appeal.file_src));

        layer.open({
            type: 1,
            title: "申诉详情",
            closeBtn: 1,
            shade: false,
            shadeClose: true,
            offset: 'rb',
            content: $('#appeal_div'), //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
            yes: function (index) {
                layer.close(index);
            }
        });
    } else {
        $("#appeal_div").hide();
        $("#btn_appeal_task").hide();
        $("#btn_task").show();
    }
}
// 使用data参数更新数据：
function queryCheckScores() {
    //$('#score_datatable').score_datatable("");
    console.log("任务id：" + $.checkTask.id);
    var data = {
        "task_id": $.checkTask.id
    }
    // alert("ff");
    var cols = [
        { width: 80, text: '序号', type: 'number', flex: true, colClass: 'text-center', field: 'num' },
        { width: 160, text: '评分记录', type: 'string', flex: true, sort: 'down', field: 'content' },
        { width: 80, text: '分数', type: 'string', flex: true, colClass: '', field: 'check_item_score' },
        // {width: 80, text: '图片', type: 'imagedd', flex: true, colClass: '',field: 'pics'},
        {
            width: 160, text: '操作', type: 'string', flex: true, field: 'id',
            oper: [
                { func: 'showEditCheckScore', text: '修改', icon_class: 'icon-edit' },
                { func: 'deleteCheckScore', text: '删除', icon_class: 'icon-remove-circle' }
            ]
        }
    ];

    // var pager = {
    //     page_size:10
    // }
    $('#score_datatable').mytable({
        'cols': cols,
        'url': "/score/getScoreList/",
        'param': data
    }
    );
}
function showEditCheckScore(id) {
    // deleteItem4Common(id,"/score/delete/",queryCheckScores);
    var rowData = getItemByIdFromArr(id, $('#score_datatable').mytable('getTableData'));
    // scoreDetailLayer = showPopup4Common('修改考核项',null,['600px','500px'],'#score-detail-div');
    // var rowData=getItemByIdFromArr(id,$('#score_datatable').mytable('getTableData'));
    showPics(rowData.pics);
    // $("#scoreContent").val(rowData.content);
    $("#saveEditBtn").show();
    editScoreId = id;
}
var editScoreId;
function saveEdit() {
    if (editScoreId) {
        var imgArr = $("#img_container .pic-class");
        var picsStr = "";
        if (imgArr && imgArr.length > 0) {
            for (var i = 0; i < imgArr.length; i++) {
                picsStr += imgArr[i].src + ","
            }
            picsStr = picsStr.substr(0, picsStr.length - 1);
        }
        var param = {
            'id': editScoreId,
            'pics': picsStr
        };
        editScoreId = null;
        $("#saveEditBtn").hide();
        no_return_common_service("/score/update", param, function (data) {
            if (scoreLayer) layer.close(scoreLayer);
            //查询评分情况
            queryCheckScores();
            layer.msg(data, {
                time: 2000//20s后自动关闭
            });
        });
    }
}

function deleteCheckScore(id) {
    deleteItem4Common(id, "/score/delete/", queryCheckScores, 'r');
}

function setVideoList(videos) {
    var videoArr;
    if (videos) {
        videoArr = videos.split("|");
        var selectStr = "";
        for (var i in videoArr) {
            if (i == 0)
                selectStr += '<option value="' + videoArr[i] + '" selected="selected">视频' + (videoArr[i] + 1) + '</option>'
            else
                selectStr += '<option value="' + videoArr[i] + '">视频' + (videoArr[i] + 1) + '</option>';
        }
    }
    $('#video_list').html(selectStr);
}

function addPic(pic) {
    if (pic) {
        var i = 0;
        // var imgArr = $("#img_container .pic-class");
        // if(imgArr && imgArr.length>0) i = imgArr.length;

        if (pic.startWith("http"))
            pic = pic.replace(base_image_server_url, "/");

        var picStr = genPicstr(pic);
        $('#img_container').append(picStr);
        $('a.lightbox-toggle').lightbox();
    }
}

function showPics(pics, divId) {
    var picStr = '';
    if (!divId) divId = '#img_container';
    $(divId).html(picStr);
    if (pics) {
        var picArr = pics.split(',');
        for (var i in picArr) {
            var pic = genPicstr(picArr[i]);
            picStr += pic;
        }
        $(divId).html(picStr);
        $('a.lightbox-toggle').lightbox();
    }
}

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>';
    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>';
    }
    return pic;
}

function removeImg(this1) {
    $(this1).parent('.img_item').remove();
}

function clearAllImg() {
    $('#img_container').empty();
}
var changePersonLayer;
function showChangeUser() {
    var param = {
        'organid': $.checkTask.checked_dept
    };

    post_common_service("/user/getUserList/", param, function (data) {
        changePersonLayer = showPopup4Common('更改人员', null, ['550px', '600px'], null, 'r');
        $("#user_container").empty();
        var userStr = "";
        for (var i in data) {
            var name = data[i].truename;
            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)" onclick="showBigImg(\'' + pic + '\')">'
                + '<img src="' + pic + '" alt="" style="height:100px;width:90px;">'
                + '<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);
    })
}

function changePerson(id) {
    // $('#checked_person').html(id);
    var param = {
        "id": $.checkTask.id,
        "checked_person": id,
    }
    no_return_common_service("task/update/", param, function (data) {
        get_common_service('user/getUserById/' + id, null, function (data) {
            changePersonContent(data);
        })
        layer.close(changePersonLayer);
    }, function (error) {
        alert(error);
    });
}

function showBigImg(src) {
    $('#userBigImg').attr("src", src);
    layer.open({
        offset: 'r',
        type: 1,
        title: false,
        closeBtn: 1,
        area: '450px',
        skin: 'layui-layer-nobg', //没有背景色
        shadeClose: true,
        shade: 0,
        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>';
    $("#user_img_container").html(str);
}
function changePersonContent(data) {
    resetUserImgInfo();
    var name = data.truename;
    if (data.workno) name = data.workno + " " + data.truename;
    $("#checked_person").html(name);
    var imgSrc = base_image_server_url + data.pic;
    $("#person_img > img").attr("src", imgSrc);
    if (ISCLIENT) {
        $("#person_img").attr("href", "javascript:void(0)");
        $("#person_img").removeClass("lightbox-toggle");
        $("#person_img").click(function () {
            showClientImg(imgSrc);
        });
        $("#person_img > img").attr("src", imgSrc);
        return;
    } else {
        $("#person_img").attr("href", imgSrc);
        $('a.lightbox-toggle').lightbox();
    }
}
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);
    }

    function zTreeOnRemove(event, treeId, treeNode) {
        alert(treeNode.tId + ", " + treeNode.name);
    }


    var setting = {
        data: {
            simpleData: {
                enable: true,
                idKey: "id",
                pIdKey: "pId",
                rootPId: null
            }
        },
        view: { //表示tree的显示状态
            selectMulti: false //表示禁止多选
        },
        check: { //表示tree的节点在点击时的相关设置
            enable: false, //是否显示radio/checkbox
            chkStyle: "checkbox", //值为checkbox或者radio表示
            checkboxType: { p: "", s: "" }, //表示父子节点的联动效果
            radioType: "level" //设置tree的分组
        },
        callback: {
            onDblClick: zTreeOnClick
        },
        edit: {
            enable: true,
            drag: {
                autoExpandTrigger: true,
                isMove: true,
                prev: false,
                next: true,
                inner: true,
                autoOpenTime: 0
            },
            showRenameBtn: false,
            showRemoveBtn: false
        }
    };

    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 addobj(data) {
    var zdata = [];
    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];
            zdata.push(genNode(m));
        }
        return zdata;
    } else {
        return [];
    }
}
function genNode(m) {
    var zdataItem = {};
    zdataItem["id"] = m.id;
    zdataItem["value"] = m.name;
    zdataItem["pId"] = m.parent_id;
    zdataItem["score"] = m.score;
    zdataItem["icon"] = "";
    zdataItem["name"] = m.name;
    //zdataItem["content"] = m.name;
    if (m.score) zdataItem["name"] = m.name + '(' + m.score + ')';
    zdataItem["open"] = true;
    zdataItem["children"] = addobj(m);
    return zdataItem;
}

function zTreeOnClick(event, treeId, treeNode) {
    //alert(treeNode.name);
    var imgArr = $("#img_container .pic-class");
    var picsStr = "";
    if (imgArr && imgArr.length > 0) {
        for (var i = 0; i < imgArr.length; i++) {
            picsStr += $(imgArr[i]).attr("path") + ","
        }
        picsStr = picsStr.substr(0, picsStr.length - 1);
    }
    var param = {
        'task_id': $.checkTask.id,
        'pics': picsStr,
        'name': treeNode.value,
        'check_item_score': treeNode.score,
        'content': treeNode.value,
        'check_item_id': treeNode.id,
        'checkman': treeNode.id,
        'checked_person': $.checkTask.checked_person,
        'checked_dept': $.checkTask.checked_dept
    };
    no_return_common_service("/score/add", param, function (data) {
        if (scoreLayer) layer.close(scoreLayer);
        clearAllImg();
        //查询评分情况
        queryCheckScores();
        layer.msg(data, {
            time: 2000//20s后自动关闭
        });
    });
}

function submitCheck() {
    var param = {
        "id": $.checkTask.id,
        "check_status": 4
    }
    no_return_common_service("/task/taskEnd/", param, function (data) {
        layer.msg("提交成功", {
            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": 3 })
    changePage("/view/mytask/taskDetail.html");
}
function showInvalid() {
    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) {
        layer.msg("提交成功", {
            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": 13 })
    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) {
        layer.msg("申请提交成功", {
            time: 2000//20s后自动关闭
        });
        changePage("/view/mytask/task_list.html?status=2");
    });
}


function score(score) {
    alert("扣分：" + score);
    $('#scoreWin').modal('toggle');
}

function refuseApply() {
    alert("拒绝申请");
    $('#refuseApplyWin').modal('toggle');
}

function agreeApply() {
    alert("同意申请");
}


function getVideoPosition(obj) {
    if (obj == null) obj = $('#tabcontent');
    var X = obj.offset().top;
    var Y = obj.offset().left;
    var width = obj.width();
    var height = obj.height();
    return parseInt(Y) + "|" + parseInt(X) + "|" + parseInt(width) + "|" + parseInt(height);
}
function initUpLoad() {

    var uploader = WebUploader.create({

        // swf文件路径
        swf: 'lib/webuploader/js/Uploader.swf',

        // 文件接收服务端。
        server: base_image_server_url + '/filesSrver/' + FILE_UPLOAD,

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#picker',

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false
    });
}