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

@using PMS.BusinessModels.CloudMonitorManage;
@{
    ViewBag.Title = "CollectionConfigIndex";
    Layout = "~/Views/Shared/_MainLayoutPage.cshtml";
    CollectionConfig config = ViewBag.CollectionConfig as CollectionConfig;
}
<script src="~/ViewModels/ComplaintList.module.js"></script>
<div class="easyui-panel" data-options="fit:true,border:false">
    <div class="layui-tab" lay-filter="test-hash">
        <ul class="layui-tab-title">
            <li class="layui-this" lay-id="11">基础</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <form action="/CloudMonitor/SaveCollectionConfig" method="post" id="采集" lay-filter="采集" class="layui-form">
                    <div class="layui-form-item">
                        <div class="layui-row">
                            <div class="layui-col-xs6">
                                <label class="layui-form-label" style="width:auto;">服务器硬件信息（CPU、内存、硬盘）</label>
                            </div>
                            <div class="layui-col-xs6">
                                <div class="layui-inline">
                                    <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>
                    <div class="layui-form-item">
                        <div class="layui-row">
                            <div class="layui-col-xs6">
                                <label class="layui-form-label" style="width:auto;">服务运行状态（每个服务的运行状态）</label>
                            </div>
                            <div class="layui-col-xs6">
                                <div class="layui-inline">
                                    <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>
                    <div class="layui-form-item">
                        <div class="layui-row">
                            <div class="layui-col-xs6">
                                <label class="layui-form-label" style="width:auto;">数据库连接数</label>
                            </div>
                            <div class="layui-col-xs6">
                                <div class="layui-inline">
                                    <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>
                    <div class="layui-form-item">
                        <div class="layui-row">
                            <div class="layui-col-xs6">
                                <label class="layui-form-label" style="width:auto;">数据库死锁</label>
                            </div>
                            <div class="layui-col-xs6">
                                <div class="layui-inline">
                                    <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>
                    <div class="layui-form-item">
                        <div class="layui-row">
                            <div class="layui-col-xs6">
                                <label class="layui-form-label" style="width:auto;">采集服务中断</label>
                            </div>
                            <div class="layui-col-xs6">
                                <div class="layui-inline">
                                    <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>
                    <div class="layui-form-item">
                        <button type="button" class="layui-btn" id="sava" lay-filter="demo1">修改</button>
                        <button type="reset" class="layui-btn layui-btn-primary" onclick="location.reload()">取消修改</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {
        //保存
        $('#sava').click(function () {
            // 使用 AJAX 发送表单数据
            var form = 采集;
            var formData = new FormData(form);

            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>