ZLPMS/PMS.WebUI/ViewModels/APIAlertsConfigIndex.js

function viewModel() {
    this.ID = "";
    this.init = function () {
        InitTable();
        //新增自定义预警
        $('#CustomAlerts-add').click(function () {
            top.ZLPMS.OpenWindowSuccess({
                title: '新增API预警',
                url: '/CloudMonitor/EditAPIAlertsConfig',
                area: ['1000px', '570px'],
                success: function (layero) {
                    var iframeWin = ZLPMS.GetChildFrame(layero);//得到iframe页的窗口对象，执行iframe页的方法：
                    setTimeout(function () {
                        iframeWin.加载下拉选项();
                    }, 50);
                },
                yes: function (index, layero) {
                    //提交表单
                    Forms.Submit(index, layero);
                }
            });
        });

        //修改API预警
        $('#CustomAlerts-edit').click(function () {
            var row = $('#treegrid').treegrid('getSelected');
            if (row != null) {
                top.ZLPMS.OpenWindowSuccess({
                    title: '修改自定义预警',
                    url: '/CloudMonitor/EditAPIAlertsConfig',
                    area: ['1000px', '570px'],
                    success: function (layero) {
                        var iframeWin = ZLPMS.GetChildFrame(layero);//得到iframe页的窗口对象，执行iframe页的方法：
                        setTimeout(function () {
                            iframeWin.加载数据(row);
                        }, 50);
                    },
                    yes: function (index, layero) {
                        //提交表单
                        Forms.Submit(index, layero);
                    }
                });
            }
            else {
                top.ZLPMS.Msg("请选择一行记录后执行操作", 0);
            }
        });

        //删除API预警
        $('#CustomAlerts-del').click(function () {
            var row = $('#treegrid').treegrid('getSelected');
            if (row != null) {
                //确认删除对话框
                top.ZLPMS.Confirm('您确定要删除选中的记录吗?', 3, function () {
                    //执行删除
                    Doajax(row);
                });
            }
            else {
                top.ZLPMS.Msg("请选择一行记录后执行操作", 0);
            }
        });

        //刷新
        $('#CustomAlerts-ref').click(function () {
            $("#treegrid").treegrid("reload");
        });

        //查询
        $('#CustomAlerts-select').click(function () {
            InitTable();
        })
    }
};

function InitTable() {
    let search = $("#userAccount").val();
    //初始化树形表格
    $("#treegrid").treegrid({
        url: '/CloudMonitor/GetCustomAPIModel?search=' + search,
        idField: 'ID',
        treeField: '名称',
        method: 'GET',
        fit: true,
        pageSize: 0,
        toolbar: '#Channeltb',
        rownumbers: true,
        //底部显示分页工具栏
        pagination: false,
        //列名称
        columns: [[
            { field: '渠道名称', title: '渠道名称', width: 180 },
            { field: '项目名称', title: '项目名称', width: 100, align: 'center' },
            { field: '服务名称', title: '预警名称', width: 120 },
            { field: '配置', title: 'API地址', width: 120 },
            { field: '创建人名称', title: '创建人', width: 100 },
            { field: '最后修改时间', title: '编辑时间', width: 200, align: 'center' },
            {
                field: '是否启用', title: '启用', width: 50, align: 'center',
                formatter: function (value, rowData, index) {
                    switch (value) {
                        case 1: {
                            return '√';
                        }
                        default: {
                            return '×';
                        }
                    }
                }
            }
        ]],
        onClickRow: function (row) {
        }
    });
}

//提交表单信息
var Forms = {
    Submit: function (index, layero) {
        var iframeWin = ZLPMS.GetChildFrame(layero);//得到iframe页的窗口对象，执行iframe页的方法：
        //调用子页面的方法，得到子页面返回的ids
        var param = iframeWin.Forms.PostData();
        if (param != null) {
            if (param["是否启用"] == 'on') {
                param["是否启用"] = 1;
            }
            else {
                param["是否启用"] = 0;
            }
            //提交表单信息到具体得页面
            var url = '/CloudMonitor/SaveCustomAPI';
            $.post(url, param, function (data) {
                if (data == "1") {
                    top.ZLPMS.CloseWindow(index);
                    top.ZLPMS.Msg("保存成功");

                    //刷新页面
                    List.Reload();
                }
                else {
                    ZLPMS.Msg(data.msg, 2);
                }
            });
        }
    },
    //读取数据
    PostData: function () {
        //执行提交验证
        var r = $("#ff").form('validate');
        if (r) {
            var param = ZLPMS.FormToObject('ff');
            if (param.渠道ID == "") {
                top.ZLPMS.Msg("请选择渠道");
                return;
            }
            if (param.项目ID == "") {
                top.ZLPMS.Msg("请选择项目");
                return;
            }
            if (param.服务名称 == "") {
                top.ZLPMS.Msg("请填写服务名称");
                return;
            }
            if (param.频率 == "") {
                top.ZLPMS.Msg("请填写频率");
                return;
            }
            if (param.配置 == "") {
                top.ZLPMS.Msg("请填写服务地址");
                return;
            }
            return param;
        }
        return null;
    }
};

//重新刷新页面 7
var List = {
    //重新加载页面所有信息
    Reload: function () {
        $('#treegrid').treegrid('reload');
    }
};

//删除
var Doajax = function (data) {
    $.ajax({
        url: `/CloudMonitor/DeleteCustomAPIById?id=${data.ID}`,
        method: 'GET',
        success: function (data) {
            if (data == "1") {
                top.ZLPMS.Msg("删除成功");
                //刷新页面
                List.Reload();
            }
            else {
                top.ZLPMS.Msg("删除失败");
                List.Reload();
            }
        }
    });
}

//回车提交查询
function Enter_Submit() {
    InitTable();
}