BJ_web_developers / hsparkingcloud

var fun = {
    init: function () {

        //初始化办事处 停车场
        commSelect.area_Pl_LinkedSelect('#parkArea', '#parkIds');
        //初始化停车场下拉框
        // fun.initPark();
        //表格数据
        fun.createTableData();
        // areaTree.initTree();
    },
    //生成表格数据
    createTableData: function () {
        $('#recordtable').bootstrapTable('destroy').bootstrapTable({
            striped: true,//表格显示条纹
            pagination: true, //启动分页
            pageNumber: 1, //当前第几页
            pageSize: 10,  //每页显示的记录数
            pageList: [10, 15, 20],  //记录数可选列表
            sidePagination: 'server',//表示服务端分页
            queryParamsType: 'limit',
            method: 'POST',//请求方法
            paginationPreText: '<',
            paginationNextText: '>',
            // fixedColumns:true,
            // fixedNumber:1,
            // leftFixedColumns: true,
            // leftFixedNumber: 1,
            ajax: tableLoadRequest,//自定义ajax加载数据
            // uniqueId:'id',
            columns: [
                {
                    field: 'roadNo',
                    title: '<span class="information-icon"></span>道路编码',
                    width: '15%',
                    align: "left",
                    formatter: commonObj.replacenull
                },
                {
                    field: 'illegalNo',
                    title: '<span class="information-icon"></span>违章编码',
                    width: '15%',
                    align: "left",
                    formatter: commonObj.replacenull
                },
                {
                    field: 'roadName',
                    title: '<span class="parking-icon"></span>道路名称',
                    width: '15%',
                    align: "left",
                    formatter: commonObj.replacenull
                },
                {
                    field: 'parkRelStr',
                    title: '<span class="parking-icon"></span>关联车场',
                    width: '15%',
                    align: "left",
                    formatter: commonObj.replacenull
                },
                {
                    field: 'createTime',
                    title: '<span class="time-icon"></span>创建时间',
                    width: '15%',
                    align: "left",
                    formatter: commonObj.timeFormatter
                },
                {
                    field: 'oper',
                    title: '<span class="opration-icon"></span>操作',
                    width: '15%',
                    align: 'left',
                    formatter: function (value, row, index) {
                        return '<span style="margin-right: 3px;" class="ITD-status-blue relMsg" data-id="' + row.id + '" >车场维护</span><span style="margin-right: 3px;" class="delPop ITD-status-abnormal" data-id="' + row.id + '" >删除</span>';
                    },
                },


            ]
        });

    },

    /*获取查询参数*/
    getQueryParam: function () {
        /*停车场编码*/
        var plNos = JSON.parse($("#parkIds").val());
        /*车牌号*/
        var carNum = $('#carNumber').val();
        /***/
        var roadName = $('#roadName').val();

        var plNo;

        if (plNos.length > 1) {
            plNos = null;
        }

        var req = {
            plNos: plNos,
            roadName: roadName,
        };
        return req;
    },

    //金额处理
    moneyFormatter: function (value) {
        // console.log(typeof value)
        if (value == 0 || value == undefined || value == null) {
            return 0;
        } else {
            return (value / 100).toFixed(2);
        }
    },
};

fun.init();

// tree init
var areaTree = {
    //初始化树
    initTree: function () {
        console.log(123)
        $.fn.zTree.init($("#user_org_tree"), areaTree.setting, areaTree.getTreeData());
        //展开全部
        var treeObj = $.fn.zTree.getZTreeObj("user_org_tree");
        treeObj.expandAll(false);
        areaTree.selectedNodes(0);
    },
    setting: {
        view: {
            selectedMulti: true //静止多选
        },
        check: {
            enable: true, //显示多选框
            chkStyle: "checkbox",
            // chkStyle: "radio",
            radioType: "all"
        },
        data: {
            simpleData: {
                enable: true, //使用简单模式加载
                idKey: "id",
                pIdKey: "pId",
                rootPId: 0
            }
        },
        callback: {
            onCheck: zTreeOnCheck
        },
        edit: {
            enable: false
        }
    },
    getNodesByParamFuzzyAll: function () {
        var treeObj = $.fn.zTree.getZTreeObj("user_org_tree");
        var nodes = treeObj.getNodes();
        for (var i = 0; i < nodes.length; i++) {
            treeObj.setting.view.fontCss["color"] = '#575757';
            treeObj.updateNode(nodes[i]);
            var children = nodes[i].children;
            if (children != null && children != "" && children != undefined) {
                for (var j = 0; j < children.length; j++) {
                    treeObj.setting.view.fontCss["color"] = '#575757';
                    treeObj.updateNode(children[j]);
                }
            }

        }
    },
    //根据名称模糊搜索树
    getNodesByParamFuzzy: function (name) {
        areaTree.getNodesByParamFuzzyAll();
        if (name != "" && name != null) {
            var treeObj = $.fn.zTree.getZTreeObj("user_org_tree");
            var nodes = treeObj.getNodesByParamFuzzy("name", name, null);
            if (nodes.length <= 0) {
                $('#whitelist-write_rule').removeClass('display-none').text("没有搜索到停车场");
            }
            for (var i = 0; i < nodes.length; i++) {
                treeObj.setting.view.fontCss["color"] = '#CD0000';
                treeObj.updateNode(nodes[i]);
                //获取父节点
                var parentNote = areaTree.getNodeById(nodes[i].pId);
                treeObj.updateNode(parentNote);
            }
        } else {
            $('#whitelist-write_rule').removeClass('display-none').text("没有搜索到停车场");
            var treeObj = $.fn.zTree.getZTreeObj("user_org_tree");
            var nodes = treeObj.getNodes();
            if (nodes.length > 0) {
                for (var i = 0; i < nodes.length; i++) {
                    treeObj.expandNode(nodes[i], false, true, true);
                }
            }
        }

    },
    //展开某个节点
    selectedNodes: function (id) {
        var treeObj = $.fn.zTree.getZTreeObj("user_org_tree");
        var nodes = treeObj.getNodesByParam("id", id, null);
        if (nodes.length > 0) {
            treeObj.expandNode(nodes[0], true, false, true);
        }
    },
    //添加节点
    addNodes: function (newNodes) {
        var treeObj = $.fn.zTree.getZTreeObj("user_org_tree");
        newNodes = treeObj.addNodes(null, newNodes);
    },
    //勾选 或 取消勾选 全部节点
    checkAllNodes: function (checked) {
        var treeObj = $.fn.zTree.getZTreeObj("user_org_tree");
        treeObj.checkAllNodes(checked);
    },
    //更新节点
    updateNodes: function (treeNode, checkTypeFlag) {
        var treeObj = $.fn.zTree.getZTreeObj("user_org_tree");
        treeObj.updateNode(treeNode);
    },
    //根据id集合更新节点变为选中
    updateNodesForChecked: function (ids) {
        var nodes = areaTree.getNodesByIds(ids);
        for (var i = 0; i < ids.length; i++) {
            var node = nodes[i];
            if (node == null) {
                continue;
            }
            node.checked = true;
            areaTree.updateNodes(node);
        }
    },
    //删除节点
    removeNode: function (id) {
        var treeObj = $.fn.zTree.getZTreeObj("user_org_tree");
        var treeNode = areaTree.getNodeById(id);
        treeObj.removeNode(treeNode);
    },
    //通过id获取某个节点
    getNodeById: function (id) {
        var treeObj = $.fn.zTree.getZTreeObj("user_org_tree");
        var node = treeObj.getNodeByParam("id", id, null);
        return node;
    },
    //通过id集合获取节点集合
    getNodesByIds: function (ids) {
        var nodes = [];
        for (var i = 0; i < ids.length; i++) {
            nodes[i] = areaTree.getNodeById(ids[i]);
        }
        return nodes;
    },
    //根据id取消选／选中节点
    updateNodesForNotChecked: function (id, checked) {
        var treeObj = $.fn.zTree.getZTreeObj("user_org_tree");
        var node = treeObj.getNodeByParam("id", id, null);
        node.checked = checked;
        treeObj.updateNode(node);
    },
    //获取输入框被勾选 或 未勾选的节点ID集合
    getCheckedNodesId: function (checked) {
        var ids = [];
        var treeObj = $.fn.zTree.getZTreeObj("user_org_tree");
        var nodes = treeObj.getCheckedNodes(true);
        for (var i = 0; i < nodes.length; i++) {
            ids[i] = nodes[i].id
        }
        return ids;
    },
    //获取输入框被勾选 或 未勾选的块节点ID集合
    getCheckedNodesIdForArea: function (checked) {
        var ids = [];
        var treeObj = $.fn.zTree.getZTreeObj("user_org_tree");
        var nodes = treeObj.getCheckedNodes(checked);
        index = 0;
        for (var i = 0; i < nodes.length; i++) {
            if (null != nodes[i].areaType && "70" == nodes[i].areaType) {
                ids[index++] = {
                    areaId: nodes[i].id,
                    areaType: nodes[i].areaType,
                    plNo: nodes[i].pId,
                    orgAreaType: 1
                };
            }

        }
        return ids;
    },
    //获取输入框被勾选 或 未勾选的节点name集合
    getCheckedNodesName: function (checked) {
        var names = "";
        var treeObj = $.fn.zTree.getZTreeObj("user_org_tree");
        var nodes = treeObj.getCheckedNodes(true);
        for (var i = 0; i < nodes.length; i++) {
            names = names + "," + nodes[i].name;
        }
        return names;
    },

//获取选中的节点集合
    getSelectedNodes: function () {
        var treeObj = $.fn.zTree.getZTreeObj("user_org_tree");
        var nodes = treeObj.getSelectedNodes();
        return nodes;
    },
    //获取树
    getTreeData: function () {
        var sysCode = sessionStorage.getItem("sysCode");
        var zNodes = [];
        sysAjax({
            method: 'POST',
            url: dataUrl.util.vipCardSelectParkTree(),
            //data: JSON.stringify(req),
            dataType: 'json',
            async: false,
            success: function (res) {
                if (isError(res)) {
                    return false;
                }
                //console.log("res.data="+res.data);
                $.each(res.data, function (index, rows) {
                    var data = "";
                    if (rows.level == "1") {//服务点
                        data = {
                            id: rows.id,
                            pId: rows.parentId,
                            name: rows.treeName,
                            level: rows.level,
                            chkDisabled: true
                        };
                    } else {
                        data = {id: rows.id, pId: rows.parentId, name: rows.treeName, level: rows.level};
                    }

                    zNodes[index] = data;
                });

            }
        });
        //增加一个公告根节点
        //zNodes[zNodes.length] = {name:'根节点',id:0,checked:true};
        return zNodes;
    },

};

/**
 * 处理错误信息
 * @param {Object} res
 */
function isError(res) {
    if (res == null || res == undefined) {
        return true;
    }
    if (res.code != '8888') {
        alert('树失败')
        return true;
    } else {
        return false;
    }
}

Array.prototype.remove = function (val) {
    var index = this.indexOf(val);
    if (index > -1) {
        this.splice(index, 1);
    }
};

/**
 * 左侧单选按钮点击选中右侧.<br/>
 * @param {Object} event
 * @param {Object} treeId
 * @param {Object} treeNode
 */
function zTreeOnCheck(event, treeId, treeNode) {
    // if($("#whitelist_editmodel").css("display")=='none' ){
    console.log('添加页面的' + treeNode.id + ", " + treeNode.name + "," + treeNode.checked);
    if (treeNode.checked === true) {
        arrid.push(treeNode.id);
        console.log(arrid)
        $('#whitelist-parkCheck').append('<span class="whitelist-parkCheck whitelist-parkCheck' + treeNode.id + '" data-id="' + treeNode.id + '">' + treeNode.name + '<span class="closex"></span></span>')
    } else {
        arrid.remove(treeNode.id);
        $('.whitelist-parkCheck' + treeNode.id).remove();
    }
    ;
    // }else{
    //     console.log('编辑页面的' + treeNode.id + ", " + treeNode.name + "," + treeNode.checked);
    //     if (treeNode.checked === true) {
    //         //还需要判断下 editarrid 是否存在这个treeNode.id 如果存在 就不添加了。
    //         if($.inArray(treeNode.id, editarrid) == -1){
    //             editarrid.push(treeNode.id);
    //             console.log(editarrid)
    //             $('#whitelist-edit-checked').append('<span class="whitelist-editParkCheck whitelist-editParkCheck' + treeNode.id + '" data-id="' + treeNode.id + '">' + treeNode.name + '<span class="editclosex"></span></span>');
    //         }else{
    //             return
    //         }
    //
    //     } else {
    //         editarrid.remove(treeNode.id);
    //         $('.whitelist-editParkCheck' + treeNode.id).remove();
    //     }
    // }
};

//新增树下面内容删除
$(document).delegate('.closex', 'click', function () {
    var valid = $(this).parent().attr('data-id');
    arrid.remove(valid);
    $(this).parent().remove();
    //取消树的选中
    areaTree.updateNodesForNotChecked(valid, false);
});

//查询事件
documentBindFunc.on('click', '#abn-queryBtn', function () {
    fun.createTableData();
});
//新增事件
documentBindFunc.on('click', '#roadAddbtn', function () {
    $('#berthmanage_addmodel-error').text('').hide();

    $('#roadcodeadd').val('');
    $('#vilacodeadd').val('');
    $('#roadnameadd').val('');
    $('#road_addmodel').modal('show');
});
//车场维护事件
documentBindFunc.on('click', '.relMsg', function () {
    $('#whitelist-parkCheck').empty();
    arrid = [];
    areaTree.initTree();  //初始化区域tree
    var id = $(this).data('id');
    console.log(id)
    $("#whitelist-write-submit").data('id', id);

    queryParkIllegalRelForPlNo(id);

});
//删除事件
documentBindFunc.on('click', '.delPop', function () {
    var id = $(this).data('id');
    console.log(id)
    $("#roaddel_submit").data('id', id);
    $('#road_deletemodel').modal('show');
});

//删除确认
documentBindFunc.on('click', '#roaddel_submit', function () {
    var id = $(this).data('id');
    console.log(id);
    deleteRoadBaseInfo(id);


})

//车场维护提交按钮
documentBindFunc.on('click', '#whitelist-write-submit', function () {
    var id = $(this).data('id');
    saveParkIllegalAreaRel(id);

})

//违章道路基础信息新增
documentBindFunc.on('click', '#roadviola_submit', function () {

    saveParkIllegalAreaBase();

})


//查询停车场信息
function queryParkIllegalRelForPlNo(id){
    var req = {
        parkIllegalBaseId: id,
        sysCode: sysComm.sysCode
    }

    var opt = {
        method: 'post',
        url: dataUrl.util.queryParkIllegalAreaRel(),
        data: JSON.stringify(req),
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: function (res) {
            if (res.code == '8888') {

                console.log(res.data);
                var html = '';
                $.each(res.data,function (index,item) {
                    areaTree.updateNodesForNotChecked(item.plNo, true);
                    html+='<span class="whitelist-parkCheck" data-id="'+item.plNo+'"> '+item.plName+'<span class="closex"></span></span>';
                })


                $('#whitelist-parkCheck').append(html);

                $('#road_relmodel').modal('show');
            }
        }
    };
    sysAjax(opt);
}


//保存道路信息与车场的绑定关系
function saveParkIllegalAreaRel(id) {

    var plNos =[];
    $('.whitelist-parkCheck').each(function () {
        plNos.push($(this).data('id'))
    });



    var req = {
        parkIllegalBaseId: id,
        plNos:plNos,
        sysCode: sysComm.sysCode
    }

    var opt = {
        method: 'post',
        url: dataUrl.util.saveParkIllegalAreaRel(),
        data: JSON.stringify(req),
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: function (res) {
            if (res.code == '8888') {
                fun.createTableData();
                $('#road_relmodel').modal('hide');

            }
        }
    };
    sysAjax(opt);



}

//保存违章道路基础信息
function saveParkIllegalAreaBase() {

    $('#berthmanage_addmodel-error').text('').hide();
    var roadNo = $('#roadcodeadd').val();
    var illegalNo = $('#vilacodeadd').val();
    var roadName = $('#roadnameadd').val();

    if (!roadNo || roadNo.length == 0) {
        $('#berthmanage_addmodel-error').text('道路编码不能为空!').show();
    }

    if (!illegalNo || illegalNo.length == 0) {
        $('#berthmanage_addmodel-error').text('违章编码不能为空!').show();
    }

    if (!roadName || roadName.length == 0) {
        $('#berthmanage_addmodel-error').text('道路名称不能为空!').show();
    }

    var req = {
        roadNo: roadNo,
        illegalNo: illegalNo,
        roadName: roadName,
        sysCode: sysComm.sysCode
    }

    var opt = {
        method: 'post',
        url: dataUrl.util.saveParkIllegalAreaBase(),
        data: JSON.stringify(req),
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: function (res) {
            if (res.code == '8888') {
                //执行成功后执行
                fun.createTableData();
                $('#road_addmodel').modal('hide');
            }
        }
    };
    sysAjax(opt);

}


//删除
function deleteRoadBaseInfo(id) {

    //条件查询
    var req = {
        id: id,
        sysCode: sysComm.sysCode
    };
    var opt = {
        method: 'post',
        url: dataUrl.util.deleteParkIllegalAreaBase(),
        data: JSON.stringify(req),
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: function (res) {
            if (res.code == '8888') {
                //执行成功后执行
                fun.createTableData();
                $('#road_deletemodel').modal('hide');
            }
        }
    };
    sysAjax(opt);


}

/**
 * 自定义table AJAX请求
 * @param {Object} params
 */
function tableLoadRequest(params) {
    var req = fun.getQueryParam();
    //设置请求参数
    var pageNum = (params.data.offset / params.data.limit) + 1;

    //条件查询
    req.baseRequest = {
        pageNum: pageNum,
        pageSize: params.data.limit
    };
    req.sysCode = sysComm.sysCode;
    var opt = {
        method: 'post',
        url: dataUrl.util.queryParkIllegalAreaBaseForPage(),
        data: JSON.stringify(req),
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: function (res) {
            if (res.code == '8888') {
                console.log(res.data);
                params.success(res.data);
            }
        }
    };
    sysAjax(opt);
}

function formatSeconds(value) {
    var theTime = parseInt(value);// 秒
    var theTime1 = 0;// 分
    var theTime2 = 0;// 小时
    var theTime3 = 0;//天
    if (theTime < 60) {
        return theTime + '秒';
    }
    if (theTime > 60) {
        theTime1 = parseInt(theTime / 60);
        theTime = parseInt(theTime % 60);


    }

    if (theTime1 > 60) {
        theTime2 = parseInt(theTime1 / 60);
        theTime1 = parseInt(theTime1 % 60);
    }

    if (theTime2 > 24) {
        theTime3 = parseInt(theTime2 / 24);
        theTime2 = parseInt(theTime2 % 24);
    }

    var result = '';
    if (theTime1 == 0 && theTime2 == 0 && theTime3 == 0) {
        result = parseInt(theTime) + "秒"
    }

    if (theTime1 > 0) {
        result = "" + parseInt(theTime1) + "分钟" + result;
    }
    if (theTime2 > 0) {
        result = "" + parseInt(theTime2) + "小时" + result;
    }

    if (theTime3 > 0) {
        result = "" + parseInt(theTime3) + "天" + result;
    }
    return result;
};