ZLPMS/PMS.WebUI/ViewModels/ServerHardwareMonitoringIndex.js

function viewModel() {
    this.ID = "";
    this.init = function () {
        InitTable();

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

function InitTable() {
    let search = $("#userAccount").val();
    //初始化树形表格
    $("#treegrid").datagrid({
        url: '/CloudMonitor/GetServerInfoAll?search=' + search,
        idField: 'ID',
        method: 'GET',
        fit: true,
        pageSize: 0,
        toolbar: '#Channeltb',
        rownumbers: true,
        //底部显示分页工具栏
        pagination: false,
        //列名称
        columns: [[
            { field: '渠道名称', title: '渠道', width: 180 },
            { field: '项目名称', title: '项目', width: 100 },
            { field: '服务器IP', title: 'IP', width: 120, align: 'center' },
            { field: 'CPU', title: 'CPU核', width: 120, align: 'center' },
            {
                field: '内存', title: '内存', width: 100, align: 'center'
            },
            {
                field: 'CPU使用率', title: 'CPU使用率', width: 100, align: 'center',
                formatter: function (value, rowData, index) {
                    let className = "Normal";
                    switch (rowData.CPU状态) {
                        case "高危": {
                            className = "Serious";
                            break
                        }
                        case "濒危": {
                            className = "Warning";
                            break
                        }
                    }
                    return `<div class="${className}">${value}%</div>`;
                }
            },
            {
                field: '内存使用率', title: '内存使用率', width: 100, align: 'center',
                formatter: function (value, rowData, index) {
                    let className = "Normal";
                    switch (rowData.内存状态) {
                        case "高危": {
                            className = "Serious";
                            break
                        }
                        case "濒危": {
                            className = "Warning";
                            break
                        }
                    }
                    return `<div class="${className}">${value}%</div>`;
                }
            },
            {
                field: '磁盘使用率', title: '磁盘使用率', width: 100, align: 'center',
                formatter: function (value, rowData, index) {
                    let className = "Normal";
                    switch (rowData.磁盘状态) {
                        case "高危": {
                            className = "Serious";
                            break
                        }
                        case "濒危": {
                            className = "Warning";
                            break
                        }
                    }
                    return `<div class="${className}">${value}%</div>`;
                }
            },
            { field: '负责人', title: '负责人', width: 100, align: 'center' },
            { field: '服务器类型显示', title: '服务类型', width: 250, align: 'center' },
            { field: '最后修改时间', title: '最后上报时间', width: 150, align: 'center' }
        ]],
        singleSelect: true,
        onClickRow: function (index, row) {
            if (row?.服务器ID)
                GetChartData(row.服务器ID);
        }
    });
}

function GetChartData(serverId) {
    $("#myChart").attr("src", "/CloudMonitor/ServerInfo?serverId=" + serverId);
}

//提交表单信息
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/SaveCustomAlert';
            $.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');
            return param;
        }
        return null;
    }
};

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

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