VisualInspection/VisualInspection/js/other_check/other_check.js

var file_src="";
var imgs_src = [];
var idUpdate;
var check_id;
var check_type;
var check_item_tree = null;
var edittype = "add";
var al_data = []; 
    // 页面初始化
    function init(){
        $(document).delegate("#editImage img","mouseenter",function(){
            var myself = $(this);
            var xx = $("<i class='icon-remove' img_src='"+$(this).attr('img_src')+"'></i>");
            xx.css({ "position": "absolute", "display": "" });
            $(this).parent().append(xx);
            $(".icon-remove").click(function () {
                myself.hide();
                imgs_src.push($(this).attr("img_src"));
            });
         })
          $(document).delegate("#editImage div","mouseleave",function(){
           $(".icon-remove").hide();
         })
         // 初始化上传
        refreshUploader();
        setVisit();
         $.jeDate("#month_date", {
            isinitVal: true,
            format: 'YYYY/MM' // 分隔符可以任意定义，该例子表示只显示年月
        });
        $.jeDate("#month_date2", {
            isinitVal: true,
            format: 'YYYY-MM-DD hh:mm' ,
            zIndex:300000000000// 分隔符可以任意定义，该例子表示只显示年月日
        });
        var road_manager;
        if (roleContains("STATION")) {
            road_manager = getCurrentUser().road_manager_id;
        }
        if (roleContains("ROAD_MANAGER")) {
            road_manager = getCurrentUser().organid;
        }
        setRoadManagerSelect("#first", road_manager);
        setSecond();

        // 收费站下拉框
        var dept;
        if (roleContains("STATION")) {
            dept = getCurrentUser().organid;
        }
        var roadManager2;
        if (roleContains("ROAD_MANAGER")) {
            roadManager2 = getCurrentUser().organid;
        }
        var feeList = $.zui.store.get("cache_fee_station_list");
        if (roadManager2) feeList = cache_road_manager_fee_list_map.get(roadManager2);
        setFeeSelectValueNoAll(feeList, "#select-dept", dept);
        setPersonal();
        var zTreeObj;
        var zNodes = [];
        check_item_tree = $.fn.zTree.init($("#check_rule_tree2"), {}, zNodes);

        getCheckItems();

        $("#check_item_select input").on("click", function() {
            //debugger;
            var nodedata;
            if($("#check_item_select input") != undefined && $("#check_item_select input") != ""){
                nodedata = check_item_tree.getNodeByParam("name",$("#check_item_select input").val(), null);
            }
            $("#add_btn").data("tree_flag",1);
            loadData(nodedata);
            $("#add_btn").data("tree_flag",0);
        })
        queryTable();
    }

     //关闭弹窗
    $("#close-layer").click(function(){
        layer.closeAll();
    })
    //条件查询
    $("#conditional_query").click(function(){
        queryTable();
    })
    //保存修改或添加
    $("#save-check").click(function(){
        var dept_id = $("#select-dept").val();
        var user_id = $("#select-personal").val();
        var check_item_id = dept_selectinput!=null?dept_selectinput.value:null ;
        var remark = $("#remark").val();
        var check_score = $("#check_score").val();
        var check_time = $("#month_date2").val();
        var check_num = $("#check_num").val();
        if(idUpdate){
            if($("#editImage").attr("file_src") != ''){
                var src  = $("#editImage").attr("file_src").split(",");
                var flag = 1;
                for(var i= 0 ;i<src.length;i++){
                for(var j= 0 ;j<imgs_src.length;j++){
                        if(src[i] == imgs_src[j]){
                            flag = 0;
                            break;
                        }
                }
                if(flag == 1){
                        file_src += src[i] + ",";
                }
                }
            }
        }
        var file_ids = (file_src.substring(file_src.length-1)==',')?file_src.substring(0,file_src.length-1):file_src;

        var check_time_name = timeStamp2String(new Date(),"yyyy/MM");
        if(dept_id == null || dept_id == undefined ||dept_id == ""){
            layer.msg('请选择部门');
            return;
        }else if(user_id == null || user_id == undefined ||user_id == ""){
            layer.msg('请选择人员');
            return;
        }else if(check_item_id == null || check_item_id == undefined ||check_item_id == ""){
            layer.msg('请选择扣分类别');
            return;
        }else if(check_score == null || check_score == undefined ||check_score == ""){
            layer.msg('请选择扣分值');
            return;
        }
        
        data = {
            "id":check_id,
            "dept_id":dept_id,
            "user_id":user_id,
            "check_item_id":check_item_id,
            "check_type":check_type,
            "remark":remark,
            "check_score":check_score,
            "file_ids":file_ids,
            "check_time":check_time,
            "check_time_name":check_time_name,
            "check_num":check_num
        }
        if(idUpdate){
            post_common_service("checkOther/update", data, function(data){
                file_src = "";
                imgs_src = [];
                layer.closeAll();
                queryTable();
            }, function(){

            });
        }else{
            post_common_service("checkOther/add", data, function(data){
                file_src = "";
                imgs_src = [];
                layer.closeAll();
                queryTable();
            }, function(){

            });
        }
    })
    //添加稽查记录
    $("#add_btn").click(function(){
        idUpdate = false;
        edittype = "add";
        check_id=null;
        $("#select-dept").val("");
        $("#select-personal").val("");
        $(".treeSelect-input").val("");
        $("#remark").val("");
        $("#check_score").val("");
        $("#month_date2").val(timeStamp2String(new Date(),"yyyy-MM-dd HH:mm"));
        $("#check_num").val(1);
        $("#editImage").empty();
        layerUpdateTeam('form-div','稽查记录新增','550px');
        $("#save-check").html("保存");

        
        //debugger;
        var nodedata;
        $("#add_btn").data("tree_flag",1);
        loadData(nodedata);
        $("#add_btn").data("tree_flag",0);
      

        $("#check_item_select input").on("click", function() {
            //debugger;
            // var nodedata;
            // $("#add_btn").data("tree_flag",1);
            // loadData(nodedata);
            // $("#add_btn").data("tree_flag",0);
        })
    })
function queryTable(){
    $(".datatable").empty();
    var data = {
        "check_time_name":$("#month_date").val(),
        "dept_id":$("#second").val(),
        "check_type":check_type
    }
    var cols = [
                    {width: 30, text: '序号', flex: false, colClass: 'text-center',field:'num'},
                    {width: 50, text: '时间', flex: false,colClass: '',field:'check_time'},
                    {width: 50, text: '部门', flex: false,colClass: '',field:'organname'},
                    {width: 50, text: '人员', flex: false,colClass: '',field:'username'},
                    {width: 50, text: '扣分类型', flex: false,colClass: '',field:'check_item_name'},
                    {width: 50, text: '扣分值', flex: false,colClass: '',field:'check_score'},
                    {width: 120, text: '附件', type: 'imagedd',flex: false,colClass: '',field:'file_ids'},
                    {width: 50, text: '扣分描述', flex: false,colClass: '',field:'remark'},
                    {width: 50, text: '操作',  flex: false, colClass: '',field:'id',oper:[
                        {func:'updateCheckTeam',text:'修改',icon_class:'icon-edit'},{func:'deleteCheckTeam',text:'删除',icon_class:'icon-remove-circle'}
                    ]},
                ] ;
    
    $('.datatable').mytable({'cols':cols,
                            'url':"checkOther/getCheckByDeptId",
                            'param':data}
                            );
}
function deleteCheckTeam(id){
        deleteItem4Common(id,"checkOther/delete",queryTable);
    }
function updateCheckTeam(id){
    check_id = id;
    data = {
        "id":id
    }
    post_common_service("checkOther/getCheckById", data, function(data){
        $("#select-dept").val(data.dept_id);
        $("#select-personal").val(data.user_id);
        $("#check_item_select input").val(data.check_item_name);
        $("#remark").val(data.remark);
        $("#check_score").val(data.check_score);
        var time = data.check_time;
        $("#month_date2").val(data.check_time);
        $("#check_num").val(data.check_num);
        $("#editImage").empty();
        if(data.file_ids !=null && data.file_ids != ""){
            var ids = data.file_ids.split(",");
            var str = "";
            for(i=0;i<ids.length;i++){
                str += ids[i] + ",";
                $("#editImage").append("<div style='float:left;width:60px;'><img  img_src='"+ids[i]+"' class='pic-class  img-thumbnail' style='width:50px;height:50px;' alt='' src='http://file_release_yanhai.jsxt.jsjtyxt.com/"+ids[i]+"' ></div>");
            }
                $("#editImage").attr("file_src",(str.substring(str.length-1)==',')?str.substring(0,str.length-1):str);
        }
        
        idUpdate = true;
        edittype = "edit";
        layerUpdateTeam('form-div','稽查记录修改','550px');
        $("#save-check").html("修改");

         var nodedata;
        if($("#check_item_select input") != undefined && $("#check_item_select input") != ""){
            nodedata = check_item_tree.getNodeByParam("name",$("#check_item_select input").val(), null);
        }
        loadData(nodedata);


        $("#check_item_select input").on("click", function() {
            //debugger;
            // var nodedata;
            // if($("#check_item_select input") != undefined && $("#check_item_select input") != ""){
            //     nodedata = check_item_tree.getNodeByParam("name",$("#check_item_select input").val(), null);
            // }
            // $("#add_btn").data("tree_flag",1);
            // loadData(nodedata);
            // $("#add_btn").data("tree_flag",0);
        })
    }, function(){

    });
    
}
function refreshUploader(){
    // 文件上传
    $('#uploaderExample').uploader({
        autoUpload: true,  // 当选择文件后立即自动进行上传操作  
        unique_names:true,  // 生成唯一名称
        url: base_image_server_url +'fileServer/file/upload',  // 文件上传提交地址
        filters:{
            mime_types: [
                {title: '图片', extensions: 'jpg,gif,png'},
                {title: '图标', extensions: 'ico'},
                {title: '视频', extensions: 'mp4,avi'},
                {title: '文档', extensions: 'doc,docx'}
            ],
            // 不允许上传重复文件
            prevent_duplicates: true
        },
        fileTemplate :'<div class="file"><div class="file-progress-bar"></div><div class="file-wrapper"><div class="file-icon"><i class="icon icon-file-o"></i></div><div class="content"></div><div class="actions"><div class="file-status" data-toggle="tooltip"><i class="icon"></i> <span class="text"></span></div><a data-toggle="tooltip" class="btn btn-link btn-download-file" target="_blank"><i class="icon icon-download-alt"></i></a><button type="button" data-toggle="tooltip" class="btn btn-link btn-reset-file" title="Repeat"><i class="icon icon-repeat"></i></button><button type="button" data-toggle="tooltip" class="btn btn-link btn-rename-file" title="Rename"><i class="icon icon-pencil"></i></button><button type="button" data-toggle="tooltip" title="Remove" class="btn btn-link btn-delete-file"><i class="icon icon-trash text-danger"></i></button></div></div></div>', // 设置模板
        onFileUploaded: function(file, responseObject){
            var datas = eval('('+responseObject.response+')');
            file_src += datas.result_data.path+",";
            //$(".file").append("<div style='float:left;width:60px;'><img  img_src='"+datas.result_data.path+"' class='pic-class  img-thumbnail' style='width:50px;height:50px;' alt='' src='http://file_release_yanhai.jsxt.jsjtyxt.com/"+datas.result_data.path+"' ></div>");
        },
        onInit:function(){
            $("#file-list").empty();
        },
        onFilesRemoved:function(files) {
            // alert(files);
        }
    });
}
 function setVisit() {
        if (roleContains("STATION")) {
            $("#first").attr("disabled", "disabled");
            $("#second").attr("disabled", "disabled");
        }
        if (roleContains("ROAD_MANAGER")) {
            $("#first").attr("disabled", "disabled");
        }
    }
     /**
     * 根据道管中心获取收费站列表（下拉框）
     */
    $(".div-roadManage select").change(function() {
        setSecond();
        flag = true;
    });

    function setSecond() {
        var select_road = $(".div-roadManage select").val();
        var feeList = $.zui.store.get("cache_fee_station_list");
        if (select_road) feeList = cache_road_manager_fee_list_map.get(select_road);

        var dept;
        if (roleContains("STATION")) {
            dept = getCurrentUser().organid;
        }
        refreshFee(feeList, dept);
    }
    function refreshFee(data, selectId) {
        var sec = document.getElementById('second');
        var tempStr = ''
        if (data.length != 0) {
            for (var i = 0; i < data.length; i++) {
                if (data[i].deptid == selectId)
                    tempStr += "<option value=" + data[i].deptid + " selected>" + data[i].name + "</option>";
                else
                    tempStr += "<option value=" + data[i].deptid + ">" + data[i].name + "</option>";
                // }
                sec.innerHTML = tempStr;
            }
        } else {
            sec.innerHTML = '';
        }
    }

     /**
     * 部门人员下拉框
     */
    function setPersonal() {
        var select_road = $("#select-dept").val();
        var sec = document.getElementById('select-personal');
        var tempStr = ''
        var param = {
            "organid": select_road
        }
        post_common_service("user/getFsUserList", param, function(data) {
            if (data.length != 0) {
                var userId;
                if (hasRole("ROLE_STATION")) {
                    userId = getCurrentUser().id;
                }
                for (var i = 0; i < data.length; i++) {
                    for (var j = 33; j <= 53; j++) {
                        if (select_road == j) {
                            if (data[i].id == userId) {
                                tempStr += "<option value=" + data[i].id + " selected='selected'>" + data[i].truename + "</option>";
                            } else {
                                tempStr += "<option value=" + data[i].id + ">" + data[i].truename + "</option>";
                            }
                        }
                    }
                    sec.innerHTML = tempStr;
                }
            } else {
                sec.innerHTML = '';
            }
        }, function(error) {
            return "";
        });
    }
    // 部门改变后 重新生成人员下拉框
    $("#select-dept").change(function() {
        setPersonal();
    });

    $("#check_item_select").delegate("div[id*='treeSelect_panel_'] ","blur",function(){
        // alert(1)
        if($(this).is(":hidden")){
            if(map[dept_selectinput.value] != null ){
                $("#check_score").val( map[dept_selectinput.value]  );
            }else{
                 $("#check_score").val("");
            }
        }
    })
    
    function layerUpdateTeam(domId,title,area){
        var uploader = $('#uploaderExample').data('zui.uploader');
        uploader.destroy();
        refreshUploader();
        $(".file-list").empty();
        file_src = "";
        imgs_src = [];
        layer.open({
            type: 1,
            title: false,
            closeBtn: 1,
            title:title,
            shadeClose: true,
            skin: 'yourclass',
            area:area,
            content: $("#"+domId)
        });
    }

    // 增加和编辑框
    var dept_selectinput;

    function loadData(nodedata) {
        var pnode = nodedata;
        if(pnode != null){
            dept_selectinput = new TreeSelect({
                element: '#check_item_select',
                data: all_data,
                valueKey: "id",
                placeholder: "请选择扣分类别",
                selectvalue: pnode.id
            });
        }else{
            if($("#add_btn").data("tree_flag")==1){
                dept_selectinput = new TreeSelect({
                    element: '#check_item_select',
                    data: all_data,
                    valueKey: "id",
                    placeholder: "请选择扣分类别"
                });
            }else{
               
            }
        }
    }

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

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


     function getTreeData(c_obj,id){
        if(c_obj.id == id){
            return c_obj ;
        }else{
            if(c_obj.subCheckItem!=null){
                for(var i=0;i<c_obj.subCheckItem.length;i++){
                    var tmp = getTreeData(c_obj.subCheckItem[i],id);
                    if(tmp != null){
                        return tmp ;
                    }
                }
            }
            return null;
        }
     }

     var seq = 0 ;

     function getTree(obj,rowObj){
        var userdata = {};
        userdata["checked"] = false;
        if(obj.score != null){
            userdata["data"] = [++seq, obj.name, (obj.score!=null?obj.score:""), '<a href="javascript:void(0)" onclick="modify_check_item('+ obj.id +')"  ><i class="icon icon-edit"></i> 修改</a><a href="javascript:void(0)" onclick="delete_check_item('+ obj.id +')" ><i class="icon icon-remove-circle"></i> 删除</a>'];
            rowObj.push(userdata);
        }

        if(obj.subCheckItem!=null){
            for(var i=0; i<obj.subCheckItem.length;i++ ){
                getTree(obj.subCheckItem[i],rowObj);
            }
        }
        return rowObj;
     }

     function zTreeOnClick(event, treeId, treeNode) {
        var rowdata = [];

        seq = 0 ;

        for(var i=0;i<z_cache.length;i++){
            var treeObj = getTreeData(z_cache[i],treeNode.id) ;
            if( treeObj != null){
               rowdata = getTree(treeObj,rowdata);
               break ;
            }
        }

        // 使用data参数更新数据：
        $('.datatable').datatable('load', {
            cols: cols,
            rows: rowdata
        });
     };

     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: {
             onRename: zTreeOnRename,
             //  beforeDrop: zTreeBeforeDrop,
             onRemove: zTreeOnRemove,
             onClick: zTreeOnClick
         },
         edit: {
             enable: true,
             drag: {
                 autoExpandTrigger: true,
                 isMove: true,
                 prev: false,
                 next: true,
                 inner: true,
                 autoOpenTime: 0
             },
             showRenameBtn: false,
             showRemoveBtn: false
         }
     };

     post_common_service("/checkItem/getAll","",function(data){
        all_data = [];
        z_cache = data ;
         for (var i = 0; i < data.length; i++) {
             var m = data[i];
             var zdataItem = {};
             zdataItem["id"] = m.id;
             zdataItem["value"] = m.id;
             zdataItem["pId"] = null;
             zdataItem["score"] = m.score ;
             zdataItem["name"] = m.name;
             zdataItem["open"] = true;
             zdataItem["children"] = addobj(m);
              zdataItem.open = true ;
             all_data.push(zdataItem);
         }
         check_item_tree = $.fn.zTree.init($("#check_rule_tree2"), setting, all_data)
     },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];
            var zdataItem = {};
            //   if(m.score != null){
            //      continue;
            //   }
            zdataItem["id"] = m.id;
            zdataItem["value"] = m.id;
            zdataItem["pId"] = data.id;
            zdataItem["score"] = m.score;
            zdataItem["icon"] = "";
            zdataItem["name"] = m.name;
            zdataItem["children"] = addobj(m);
            zdataItem.open = false;
            zdata.push(zdataItem);
            map[m.id] =  m.score ;
        }
        return zdata;
    } else {
        return [];
    }
}

var map =  {} ;