layui.config({
    base: '../../js/'
}).use(['ztree', 'form', 'layer', 'table', 'laytpl'], function () {
    var form = layui.form,
        layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery,
        laytpl = layui.laytpl,
        table = layui.table;
    var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID;
    var AREA_PID = "";
    var $zTree, OrgList = [];
    var setting = {
        view: {
            selectedMulti: false
        },
        check: {
            enable: true
        },
        data: {
            key: {
                name: "NAME"
            },
            simpleData: {
                enable: true,
                type: "TYPE",
                idKey: "ID",
                pIdKey: "PID"
            }
        },
        edit: {
            enable: false
        },
        callback: {
            onClick: function (e, treeId, treeNode) {
                console.log(treeNode.ID + " == " + treeNode.TYPE);
                search(treeNode.ID, treeNode.TYPE);
            }
        }
    };
    //初始化树
    $.ajax({
        type: "post",
        url: "../../ashx/ZYSysEmpHandler.ashx",
        data: { Action: "OrgDeptTree", OrgId: OrgId },
        dataType: "json",
        success: function (result) {
            var zNodes = result.data;
            if (zNodes.length > 0) {
                for (var i in zNodes) {
                    OrgList.push(zNodes[i].ID);
                }
            }
            $zTree = $.fn.zTree.init($("#ztree"), setting, zNodes);
        }
    });


    //延迟展开根节点
    setTimeout(function () {
        var nodes = $zTree.getNodes();
        for (var i = 0; i < nodes.length; i++) {
            $zTree.expandNode($zTree.getNodes()[i], true, false, false);
        }
    }, 1000);


    //每次加载节点触发的方法
    function onAsyncSuccess(event, treeId, treeNode, msg) {
        //递归展开子节点
        if (treeNode != undefined) {
            expandNodes(treeNode.children, "ztree");
        }
    }

    //递归展开子节点
    function expandNodes(nodes, treeId) {
        if (!nodes) return;
        var zTree = $.fn.zTree.getZTreeObj(treeId);
        for (var i = 0, l = nodes.length; i < l; i++) {
            zTree.expandNode(nodes[i], true, false, false);
            if (nodes[i].isParent && nodes[i].zAsync) {
                expandNodes(nodes[i].children, treeId);
            }
        }
    }

    //获取父级行政区ID
    var orgStr = "";
    $.ajax({
        type: "post",
        url: "../../ashx/ZYFireOrgHandler.ashx",
        data: { Action: "AreaPID", ORG_ID: OrgId },
        dataType: "json",
        success: function (result) {
            AREA_PID = result.data.CITY;
        }
    });

    setTimeout(function () {

        //系统列表
        var tableIns = table.render({
            elem: '#carList',
            url: '../../ashx/ZYCarHandler.ashx',
            where: { Action: 'CarList', class: 0, OrgId: OrgId, OrgList: OrgList.join(","), random: new Date().getTime() }, // OrgId: OrgId,
            cellMinWidth: 95,
            page: true,
            height: "full-125",
            limits: [10, 15, 20, 25],
            limit: 10,
            id: "carListTable",
            cols: [[
            { type: "checkbox", fixed: "left", width: 50 },
            { field: 'CAR_NAME', title: '车辆名称', minWidth: 60, align: "center" },
            { field: 'CAR_NUM', title: '车辆号牌', minWidth: 60, align: "center" },
            { field: 'LIABLEMAN', title: '责任人名称', minWidth: 60, align: "center" },
            { field: 'TRADEMARK', title: '车辆标志', minWidth: 60, align: "center" },
            { field: 'ISRUN', title: '是否可用', minWidth: 60, align: "center", templet: function (d) {
                if (d.ISRUN == "0") {  //是否运行 0可用1在用2故障
                    return ' <span class="layui-badge layui-bg-blue">可用</span>';
                } else if (d.ISRUN == "1") {
                    return ' <span class="layui-badge layui-bg-danger">在用</span>';
                } else if (d.ISRUN == "2") {
                    return ' <span class="layui-badge layui-bg-gray">故障</span>';
                } else {
                    return ' <span class="layui-badge layui-bg-gray">故障</span>';
                }
            }
            },
            { field: 'ISSTART', title: '是否启动', minWidth: 60, align: "center", templet: function (d) {
                if (d.ISSTART == "0") {
                    return ' <span class="layui-badge layui-bg-blue">未启动</span>';
                } else if (d.ISSTART == "1") {
                    return ' <span class="layui-badge layui-bg-danger">已启动</span>';
                } else {
                    return ' <span class="layui-badge layui-bg-blue">未启动</span>';
                }
            }
            },
            { title: '操作', width: 180, templet: '#sysappListBar', fixed: "right", align: "center" }
        ]]
        });
    }, 1000);
    //搜索【此功能需要后台配合，所以暂时没有动态效果演示】
    $(".search_btn").on("click", function () {
        table.reload("carListTable", {
            page: {
                curr: 1 //重新从第 1 页开始
            },
            where: {
                Action: 'CarList',
                keywords: $(".searchVal").val(),  //搜索的关键字
                class: 0,
                random: new Date().getTime()   //随机参数
            }
        });
    });
    function search(treeid, type) {
        //console.log(treeid + "," + type);
        table.reload("carListTable", {
            page: {
                curr: 1 //重新从第 1 页开始
            },
            where: {
                Action: 'CarList',
                keywords: $(".searchVal").val(),  //搜索的关键字
                treeID: treeid,  //所属目录
                type: type,  //所属目录
                class: 0,
                random: new Date().getTime()    //随机参数
            }
        });
    }
    reload = function () {
        table.reload("carListTable", {
            page: {
                curr: 1 //重新从第 1 页开始
            },
            where: {
                Action: 'CarList',
                keywords: $(".searchVal").val(),  //搜索的关键字
                class: 0,
                OrgList: OrgList.join(","),
                random: new Date().getTime()    //随机参数
            }
        });
    }
    //添加编辑
    function AddEdit(edit) {
        var clientWidth = parseInt(document.body.clientWidth * 0.65) + 'px';
        var clientHeight = parseInt(document.body.clientHeight * 0.58) + 'px';
        var title = "";
        if (edit) { title = "编辑车辆"; } else { title = "添加车辆"; }
        var index = layui.layer.open({
            title: title,
            type: 2,
            area: [clientWidth, clientHeight],
            maxmin: false,
            content: "edit.html?AREA_PID=" + AREA_PID,
            success: function (layero, index) {
                var body = layui.layer.getChildFrame('body', index);
                if (edit) {
                    body.find(".ID").val(edit.ID);
                    body.find(".Action").val("Edit");

                    body.find("#car_name").val(edit.CAR_NAME); //车辆名称
                    body.find("#car_no").val(edit.CAR_NO); //车辆编号
                    body.find("#org_id").val(edit.ORG_ID); //队
                    body.find("#dept_id").val(edit.DEPT_ID); //消防站
                    body.find("#car_num").val(edit.CAR_NUM); //车辆号牌
                    body.find("#car_code").val(edit.CAR_CODE); //车辆登记代号
                    body.find("#frame_num").val(edit.FRAME_NUM); //车架号
                    body.find("#engine_no").val(edit.ENGINE_NO); //发动机号
                    body.find("#trademark").val(edit.TRADEMARK); //商标
                    body.find("#gbcode").val(edit.GB_CODE); //国标代码
                    body.find("#factory").val(edit.FACTORY); //出厂厂家
                    body.find("#liableman").val(edit.LIABLEMAN); //责任人名称
                    body.find("#region").val(edit.REGION); //所属辖区
                    body.find("#isrun").val(edit.ISRUN); //是否运行
                    body.find("#isstart").val(edit.ISSTART); //是否运行
                    setTimeout(function () {

                        body.find("#org_id").siblings("div.layui-form-select").find('dl').find("dd[lay-value='" + edit.ORG_ID + "']").click();
                        body.find("#dept_id").siblings("div.layui-form-select").find('dl').find("dd[lay-value='" + edit.DEPT_ID + "']").click();
                        body.find("#isstart").siblings("div.layui-form-select").find('dl').find("dd[lay-value='" + edit.ISSTART + "']").click();
                        body.find("#region").siblings("div.layui-form-select").find('dl').find("dd[lay-value='" + edit.REGION + "']").click();
                    }, 1000)

                    form.render();
                } else {
                    body.find(".Action").val("Add");
                    form.render();
                }
            }
        })
        window.sessionStorage.setItem("index", index);
        //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
        $(window).on("resize", function () {
            layui.layer.full(window.sessionStorage.getItem("index"));
        })
    }

    //查看
    function View(edit) {

        var clientWidth = parseInt(document.body.clientWidth * 0.65) + 'px';
        var clientHeight = parseInt(document.body.clientHeight * 0.58) + 'px';

        var title = "";
        title = "查看";
        var index = layui.layer.open({
            title: title,
            type: 2,
            area: [clientWidth, clientHeight],
            maxmin: false,
            content: "view.html?AREA_PID=" + AREA_PID + "&ID=" + edit.ID

        })
        window.sessionStorage.setItem("index", index);
        //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
        $(window).on("resize", function () {
            layui.layer.full(window.sessionStorage.getItem("index"));
        })
    }


    $(".add_btn").click(function () {
        AddEdit();
    });

    //批量删除
    $(".delAll_btn").click(function () {
        var checkStatus = table.checkStatus('carListTable'),
            data = checkStatus.data,
            carList = [];
        if (data.length > 0) {
            for (var i in data) {
                carList.push(data[i].ID);
            }
            console.log(carList.join(","));
            layui.layer.confirm('确定删除选中的车辆？', { icon: 3, title: '提示信息' }, function (index) {
                //提交信息
                $.post("../../ashx/ZYCarHandler.ashx", {
                    Action: "Del",
                    carList: carList.join(","),
                    random: new Date().getTime()    //随机参数
                }, function (res) {
                    res = $.parseJSON(res);
                    if (res.code == 1) {
                        top.layer.msg(res.msg);
                        reload();
                    } else {
                        top.layer.msg(res.msg);
                        }
                        layui.layer.close(index);
                });
            });
        } else {
            top.layer.msg("请选择需要删除的车辆1");
        }
    })


    //列表操作
    table.on('tool(carList)', function (obj) {
        var layEvent = obj.event;
        data = obj.data;
        console.log(data);
        if (layEvent == 'edit') {//修改
            AddEdit(data);
        }
        else if (layEvent == 'audit') {//查看
            View(data);
        }
    })

    //申请表单
    $(".apply_btn").click(function () {
        var clientWidth = parseInt(document.body.clientWidth * 0.7) + 'px';
        var clientHeight = parseInt(document.body.clientHeight * 0.9) + 'px';
        var title = "申请表单";
        var index = layui.layer.open({
            title: title,
            type: 2,
            area: [clientWidth, clientHeight],
            maxmin: false,
            content: "apply.html",
            success: function (layero, index) {

            }
        })
        window.sessionStorage.setItem("index", index);
        //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
        $(window).on("resize", function () {
            layui.layer.full(window.sessionStorage.getItem("index"));
        })
    })
})