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 tableIns = table.render({
        elem: '#poolList',
        url: '../../ashx/FirePoolHandler.ashx',
        where: { Action: 'poolList', OrgId: OrgId, random: new Date().getTime() },
        cellMinWidth: 95,
        page: true,
        height: "full-125",
        limits: [10, 15, 20, 25],
        limit: 10,
        id: "poolListTable",
        cols: [[
            { type: "checkbox", fixed: "left", width: 50 },
            { field: 'POOL_NO', title: '水池编号', minWidth: 60, align: "center" },
            { field: 'NAME', title: '水池名称', minWidth: 60, align: "center" },
            { field: 'ADDR', title: '水池地址', minWidth: 60, align: "center" },
            { field: 'A_STATE', title: '可用状态', minWidth: 60, align: "center", templet: function (d) {
                if (d.A_STATE == "0") {
                    return ' <div class="layui-table-cell laytable-cell-1-LPPL_NAME">可用</div>';
                } else if (d.A_STATE == "1") {
                    return ' <div class="layui-table-cell laytable-cell-1-LPPL_NAME">不可用</div>';
                }
            }
            },
            { field: 'ALL_CAPACITY', title: '容量', minWidth: 60, align: "center" },
            { field: 'N_CAPACITY', title: '储水量', minWidth: 60, align: "center" },
            { field: 'SUP_UNIT', title: '供水单位', minWidth: 60, align: "center" },
            { field: 'ORG_NAME', title: '所在地消防机构名称', minWidth: 60, align: "center" },
            { field: 'STATE', title: '记录状态', minWidth: 60, align: "center", templet: function (d) {
                if (d.STATE == "0") {
                    return ' <div class="layui-table-cell laytable-cell-1-LPPL_NAME">正常</div>';
                } else if (d.STATE == "1") {
                    return ' <div class="layui-table-cell laytable-cell-1-LPPL_NAME">废弃</div>';
                }
            }
            },
            { title: '操作', width: 180, templet: '#sysappListBar', fixed: "right", align: "center" }
        ]]
    });

    //搜索【此功能需要后台配合，所以暂时没有动态效果演示】
    $(".search_btn").on("click", function () {

        table.reload("poolListTable", {
            page: {
                curr: 1 //重新从第 1 页开始
            },
            where: {
                Action: 'poolList',
                OrgId: OrgId,
                STATE: $("#STATE").val(),  //搜索的关键字
                keywords: $(".searchVal").val(),  //搜索的关键字
                random: new Date().getTime()    //随机参数
            }
        });
    });
    function reload() {
        table.reload("poolListTable", {
            page: {
                curr: 1 //重新从第 1 页开始
            },
            where: {
                Action: 'poolList',
                OrgId: OrgId,
                keywords: $(".searchVal").val(),  //搜索的关键字
                random: new Date().getTime()    //随机参数
            }
        });
    }
    //添加编辑
    function AddEdit(edit) {
        console.log(edit);
        var clientWidth = parseInt(document.body.clientWidth * 0.7) + 'px';
        var clientHeight = parseInt(document.body.clientHeight * 0.9) + 'px';
        var title = "";
        if (edit) { title = "编辑天然水池"; } else { title = "添加天然水池"; }
        var index = layui.layer.open({
            title: title,
            type: 2,
            area: [clientWidth, clientHeight],
            maxmin: true,
            content: "PoolEdit.html",
            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("#POOL_NO").val(edit.POOL_NO);
                    body.find("#NAME").val(edit.NAME);
                    body.find("#ADDR").val(edit.ADDR);
                    body.find("#ALL_CAPACITY").val(edit.ALL_CAPACITY);
                    body.find("#N_CAPACITY").val(edit.N_CAPACITY);
                    body.find("#LON").val(edit.LON);
                    body.find("#LAT").val(edit.LAT);
                    body.find("#A_STATE").val(edit.A_STATE);
                    body.find("#SUB_ROAD").val(edit.SUB_ROAD);
                    body.find("#I_FORM").val(edit.I_FORM);
                    body.find("#I_HEIGHT").val(edit.I_HEIGHT);
                    body.find("#WATER_DIFF").val(edit.WATER_DIFF);
                    body.find("#P_SPACE").val(edit.P_SPACE);
                    body.find("#P_NUM").val(edit.P_NUM);
                    body.find("#R_PHOTO").attr('src', "../../" + edit.R_PHOTO);
                    body.find("#R_PHOTO_PATH").val(edit.R_PHOTO);
                    body.find("#P_PHOTO").attr('src', "../../" + edit.P_PHOTO);
                    body.find("#P_PHOTO_PATH").val(edit.P_PHOTO);
                    body.find("#M_FORM").val(edit.M_FORM);
                    body.find("#FLOW_SIZE").val(edit.FLOW_SIZE);
                    body.find("#SUP_UNIT").val(edit.SUP_UNIT);
                    body.find("#FOUND_DATE").val(edit.FOUND_DATE);
                    body.find("#I_RECORD").val(edit.I_RECORD);
                    body.find("#ORG_ID").val(edit.ORG_ID);
                    body.find("#CITY").val(edit.CITY);
                    body.find("#STATE").val(edit.STATE);

                    setTimeout(function () {
                        console.log(edit.ORG_ID);
                        console.log(edit.CITY);
                        body.find("#A_STATE").siblings("div.layui-form-select").find('dl').find("dd[lay-value='" + edit.A_STATE + "']").click();
                        body.find("#ORG_ID").siblings("div.layui-form-select").find('dl').find("dd[lay-value='" + edit.ORG_ID + "']").click();
                        body.find("#CITY").siblings("div.layui-form-select").find('dl').find("dd[lay-value='" + edit.CITY + "']").click();
                        body.find("#STATE").siblings("div.layui-form-select").find('dl').find("dd[lay-value='" + edit.STATE + "']").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"));
        })
    }
    $(".add_btn").click(function () {
        AddEdit();
    });

    //查看
    function Audit(edit) {
        var clientWidth = parseInt(document.body.clientWidth * 0.7) + 'px';
        var clientHeight = parseInt(document.body.clientHeight * 0.9) + 'px';
        var index = layui.layer.open({
            title: "查看天然水池信息",
            type: 2,
            area: [clientWidth, clientHeight],
            maxmin: true,
            content: "PoolAudit.html",
            success: function (layero, index) {
                console.log(edit);
                var body = layui.layer.getChildFrame('body', index);
                body.find(".ID").val(edit.ID);
                body.find(".Action").val("Edit");
                body.find("#POOL_NO").val(edit.POOL_NO);
                body.find("#NAME").val(edit.NAME);
                body.find("#ADDR").val(edit.ADDR);
                body.find("#ALL_CAPACITY").val(edit.ALL_CAPACITY);
                body.find("#N_CAPACITY").val(edit.N_CAPACITY);
                body.find("#LON").val(edit.LON);
                body.find("#LAT").val(edit.LAT);
                body.find("#A_STATE").val(edit.A_STATE);
                body.find("#SUB_ROAD").val(edit.SUB_ROAD);
                body.find("#I_FORM").val(edit.I_FORM);
                body.find("#I_HEIGHT").val(edit.I_HEIGHT);
                body.find("#WATER_DIFF").val(edit.WATER_DIFF);
                body.find("#P_SPACE").val(edit.P_SPACE);
                body.find("#P_NUM").val(edit.P_NUM);
                body.find("#R_PHOTO").attr('src', "../../" + edit.R_PHOTO);
                body.find("#R_PHOTO_PATH").val(edit.R_PHOTO);
                body.find("#P_PHOTO").attr('src', "../../" + edit.P_PHOTO);
                body.find("#P_PHOTO_PATH").val(edit.P_PHOTO);
                body.find("#M_FORM").val(edit.M_FORM);
                body.find("#FLOW_SIZE").val(edit.FLOW_SIZE);
                body.find("#SUP_UNIT").val(edit.SUP_UNIT);
                body.find("#FOUND_DATE").val(edit.FOUND_DATE);
                body.find("#I_RECORD").val(edit.I_RECORD);
                body.find("#ORG_ID").val(edit.ORG_NAME);
                body.find("#CITY").val(edit.CITY_NAME);
                body.find("#STATE").val(edit.STATE);
                form.render();
            }
        })
        window.sessionStorage.setItem("index", index);
        //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
        $(window).on("resize", function () {
            layui.layer.full(window.sessionStorage.getItem("index"));
        })
    }

    //批量删除
    $(".delAll_btn").click(function () {
        var checkStatus = table.checkStatus('poolListTable'),
            data = checkStatus.data,
            poolList = [];
        if (data.length > 0) {
            for (var i in data) {
                poolList.push(data[i].ID);
            }
            layer.confirm('确定删除选中的天然水池？', { icon: 3, title: '提示信息' }, function (index) {
                //提交信息
                $.post("../../ashx/FirePoolHandler.ashx", {
                    Action: "Del",
                    poolList: poolList.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);
                    }
                });
            });
        } else {
            layer.msg("请选择需要删除的天然水池");
        }
    })


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