ZLPMS/PMS.WebUI/Views/CloudMonitor/EarlyWarningConfigIndex.cshtml

@using PMS.BusinessModels.CloudMonitorManage;
@{
    ViewBag.Title = "EarlyWarningConfigIndex";
    Layout = "~/Views/Shared/_MainLayoutPage.cshtml";
    AlertConfig config = ViewBag.AlertConfig as AlertConfig;
}
<div class="easyui-panel" data-options="fit:true,border:false">
    <div class="layui-tab" lay-filter="test-hash">
        <form action="/CloudMonitor/SaveAlertConfig" method="post" id="预警" lay-filter="预警" class="layui-form">
            <div class="layui-form-item">
                <button type="button" id="sava" class="layui-btn">保存</button>
                <button type="reset" onclick="location.reload()" class="layui-btn layui-btn-primary">取消修改</button>
            </div>
            <div class="layui-row">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">
                            <h2>预警配置</h2>
                        </div>
                        <div class="layui-card-body">
                            <div class="layui-form-item">
                                <div class="layui-row">
                                    <div class="layui-col-xs12">
                                        <label class="layui-form-label" style="width:auto;">CPU使用百分比预警规则：</label>
                                    </div>
                                </div>
                                <div class="layui-row">
                                    <div class="layui-col-md3" style="margin-left:20px;">
                                        <label class="layui-form-label" style="width: auto;">濒危（橙色）：</label>
                                        <div class="layui-input-inline" style="width: 100px;">
                                            <div class="layui-input-wrap">
                                                <input type="number" name="CPU使用濒危" value="@config.CPU使用濒危" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-md3">
                                        <label class="layui-form-label" style="width: auto;">高危（红色）：</label>
                                        <div class="layui-input-inline" style="width: 100px;">
                                            <div class="layui-input-wrap">
                                                <input type="number" name="CPU使用高危" value="@config.CPU使用高危" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-md3">
                                        <label class="layui-form-label" style="width: auto;">持续频率(次)：</label>
                                        <div class="layui-input-inline" style="width: 100px;">
                                            <div class="layui-input-wrap">
                                                <input type="number" name="CPU预警持续时间" value="@config.CPU预警持续时间" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-row">
                                    <div class="layui-col-xs12">
                                        <label class="layui-form-label" style="width:auto;">内存使用百分比预警规则：</label>
                                    </div>
                                </div>
                                <div class="layui-row">
                                    <div class="layui-col-md3" style="margin-left:20px;">
                                        <label class="layui-form-label" style="width: auto;">濒危（橙色）：</label>
                                        <div class="layui-input-inline" style="width: 100px;">
                                            <div class="layui-input-wrap">
                                                <input type="number" name="内存使用濒危" value="@config.内存使用濒危" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-md3">
                                        <label class="layui-form-label" style="width: auto;">高危（红色）：</label>
                                        <div class="layui-input-inline" style="width: 100px;">
                                            <div class="layui-input-wrap">
                                                <input type="number" name="内存使用高危" value="@config.内存使用高危" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-md3">
                                        <label class="layui-form-label" style="width: auto;">持续频率(次)：</label>
                                        <div class="layui-input-inline" style="width: 100px;">
                                            <div class="layui-input-wrap">
                                                <input type="number" name="内存预警持续时间" value="@config.内存预警持续时间" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-row">
                                    <div class="layui-col-xs12">
                                        <label class="layui-form-label" style="width:auto;">磁盘空间使用百分比预警规则：</label>
                                    </div>
                                </div>
                                <div class="layui-row">
                                    <div class="layui-col-md3" style="margin-left:20px;">
                                        <label class="layui-form-label" style="width: auto;">濒危（橙色）：</label>
                                        <div class="layui-input-inline" style="width: 100px;">
                                            <div class="layui-input-wrap">
                                                <input type="number" name="磁盘使用濒危" value="@config.磁盘使用濒危" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-md3">
                                        <label class="layui-form-label" style="width: auto;">高危（红色）：</label>
                                        <div class="layui-input-inline" style="width: 100px;">
                                            <div class="layui-input-wrap">
                                                <input type="number" name="磁盘使用高危" value="@config.磁盘使用高危" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-md3">
                                        <label class="layui-form-label" style="width: auto;">持续频率(次)：</label>
                                        <div class="layui-input-inline" style="width: 100px;">
                                            <div class="layui-input-wrap">
                                                <input type="number" name="磁盘预警续时间" value="@config.磁盘预警续时间" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-row">
                                    <div class="layui-col-xs12">
                                        <label class="layui-form-label" style="width:auto;">磁盘预计可用天数小于指定天数预警：</label>
                                    </div>
                                </div>
                                <div class="layui-row">
                                    <div class="layui-col-md5" style="margin-left:20px;">
                                        <label class="layui-form-label" style="width: auto;">濒危（橙色）：小于</label>
                                        <div class="layui-input-inline" style="width: 100px;">
                                            <div class="layui-input-wrap">
                                                <input type="number" name="磁盘预计可用天数濒危" value="@config.磁盘预计可用天数濒危" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
                                            </div>
                                        </div>
                                        <label class="layui-form-label" style="width: auto;">天</label>
                                    </div>
                                    <div class="layui-col-md5">
                                        <label class="layui-form-label" style="width: auto;">高危（红色）：小于</label>
                                        <div class="layui-input-inline" style="width: 100px;">
                                            <div class="layui-input-wrap">
                                                <input type="number" name="磁盘预计可用天数高危" value="@config.磁盘预计可用天数高危" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
                                            </div>
                                        </div>
                                        <label class="layui-form-label" style="width: auto;">天</label>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-row">
                                    <div class="layui-col-xs12">
                                        <label class="layui-form-label" style="width:auto;">后台服务中断：</label>
                                    </div>
                                </div>
                                <div class="layui-row">
                                    <div class="layui-col-md11" style="margin-left:20px;">
                                        <label class="layui-form-label" style="width: auto;">高危（红色）：监控中断</label>
                                        <div class="layui-input-inline" style="width: 100px;">
                                            <div class="layui-input-wrap">
                                                <input type="number" name="后台服务中断高危" value="@config.后台服务中断高危" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
                                            </div>
                                        </div>
                                        <label class="layui-form-label" style="width: auto;">次</label>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-row">
                                    <div class="layui-col-xs12">
                                        <label class="layui-form-label" style="width:auto;">数据库剩余连接池数量：</label>
                                    </div>
                                </div>
                                <div class="layui-row">
                                    <div class="layui-col-md5" style="margin-left:20px;">
                                        <label class="layui-form-label" style="width: auto;">濒危（橙色）：小于</label>
                                        <div class="layui-input-inline" style="width: 100px;">
                                            <div class="layui-input-wrap">
                                                <input type="number" name="数据库剩余连接濒危" value="@config.数据库剩余连接濒危" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
                                            </div>
                                        </div>
                                        <label class="layui-form-label" style="width: auto;">个</label>
                                    </div>
                                    <div class="layui-col-md5">
                                        <label class="layui-form-label" style="width: auto;">高危（红色）：小于</label>
                                        <div class="layui-input-inline" style="width: 100px;">
                                            <div class="layui-input-wrap">
                                                <input type="number" name="数据库剩余连接高危" value="@config.数据库剩余连接高危" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
                                            </div>
                                        </div>
                                        <label class="layui-form-label" style="width: auto;">个</label>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-row">
                                    <div class="layui-col-xs12">
                                        <label class="layui-form-label" style="width:auto;">采集服务中断：</label>
                                    </div>
                                </div>
                                <div class="layui-row">
                                    <div class="layui-col-md11" style="margin-left:20px;">
                                        <label class="layui-form-label" style="width: auto;">高危（红色）：监控中断</label>
                                        <div class="layui-input-inline" style="width: 100px;">
                                            <div class="layui-input-wrap">
                                                <input type="number" name="采集服务中断高危" value="@config.采集服务中断高危" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
                                            </div>
                                        </div>
                                        <label class="layui-form-label" style="width: auto;">次</label>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-row">
                                    <div class="layui-col-xs12">
                                        <label class="layui-form-label" style="width:auto;">未及时处理预警判定时间：</label>
                                    </div>
                                </div>
                                <div class="layui-row">
                                    <div class="layui-col-md5" style="margin-left:20px;">
                                        <label class="layui-form-label" style="width: auto;">未及时处理预警（橙色）</label>
                                        <div class="layui-input-inline" style="width: 100px;">
                                            <div class="layui-input-wrap">
                                                <input type="number" name="未及时处理预警橙色" value="@config.未及时处理预警橙色" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
                                            </div>
                                        </div>
                                        <label class="layui-form-label" style="width: auto;">分钟</label>
                                    </div>
                                    <div class="layui-col-md5">
                                        <label class="layui-form-label" style="width: auto;">未及时处理预警（红色）</label>
                                        <div class="layui-input-inline" style="width: 100px;">
                                            <div class="layui-input-wrap">
                                                <input type="number" name="未及时处理预警红色" value="@config.未及时处理预警红色" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
                                            </div>
                                        </div>
                                        <label class="layui-form-label" style="width: auto;">分钟</label>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-row">
                                    <div class="layui-col-xs12">
                                        <label class="layui-form-label" style="width:auto;">工作时间配置：</label>
                                    </div>
                                </div>
                                <div class="layui-row">
                                    <div class="layui-col-md5" style="margin-left:20px;">
                                        <label class="layui-form-label" style="width: auto;">工作开始时间</label>
                                        <div class="layui-input-inline" style="width: 100px;">
                                            <div class="layui-input-wrap">
                                                <input type="time" name="工作开始时间" id="strTime" value="@config.工作开始时间" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="time">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-md5">
                                        <label class="layui-form-label" style="width: auto;">未及时处理预警（红色）</label>
                                        <div class="layui-input-inline" style="width: 100px;">
                                            <div class="layui-input-wrap">
                                                <input type="time" name="工作结束时间" id="endTime" value="@config.工作结束时间" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="time">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">
                            <h2>预警消息推送</h2>
                        </div>
                        <div class="layui-card-body">
                            <div class="layui-row">
                                <div class="layui-col-xs1">
                                    <div class="layui-form-item">
                                        <input type="checkbox" name="邮件推送开关" value="@config.邮件推送开关" @(config.邮件推送开关 == "on" ? "checked" : "") title="邮件推送">
                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary"><div>邮件推送</div><i class="layui-icon layui-icon-ok"></i></div>
                                    </div>
                                </div>
                                <div class="layui-col-xs11">
                                    <div class="layui-form-item">
                                        <div class="layui-row">
                                            <div class="layui-col-xs1">
                                                <label class="layui-form-label" style="width: max-content;">接收邮箱：</label>
                                            </div>
                                            <div class="layui-col-xs11">
                                                <input type="text" name="邮箱推送账号" value="@config.邮箱推送账号" lay-verify="required" placeholder="多个邮箱使用;分割" autocomplete="off" class="layui-input" style="height:37px;">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-xs1">
                                    <div class="layui-form-item">
                                        <input type="checkbox" name="微信消息开关" value="@config.微信消息开关" @(config.微信消息开关 == "on" ? "checked" : "") title="微信消息">
                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary"><div>微信消息</div><i class="layui-icon layui-icon-ok"></i></div>
                                    </div>
                                </div>
                                <div class="layui-col-xs11">
                                    <div class="layui-form-item">
                                        <div class="layui-row">
                                            <div class="layui-col-xs1">
                                                <label class="layui-form-label" style="width: max-content;">接收人员帐号：</label>
                                            </div>
                                            <div class="layui-col-xs11">
                                                <input type="text" name="微信推送帐号" value="@config.微信推送帐号" lay-verify="required" placeholder="请使用手机号,多个轻以';'分割" autocomplete="off" class="layui-input" style="height:37px;">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

<script>
    $(function () {
        //保存
        $('#sava').click(function(){
            // 使用 AJAX 发送表单数据
            var form = 预警;
            var formData = new FormData(form);
            let strTime = $("#strTime").val();
            let endTime = $("#endTime").val();
            if (strTime > endTime) {
                top.ZLPMS.Msg("工作开始时间不能大于工作结束时间");
                return;
            }

            var xhr = new XMLHttpRequest();
            xhr.open(form.method, form.action);
            xhr.onload = function () {
                // 请求完成后的处理
                if (xhr.status === 200) {
                    // 请求成功后的操作
                    layer.msg("保存成功！");
                } else {
                    // 请求失败后的操作
                    console.error(xhr.statusText);
                    layer.msg("保存失败！");
                }
            };
            xhr.send(formData);
        });
    })
</script>