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


@{
    ViewBag.Title = "预警处理";
    Layout = "~/Views/Shared/_MainLayoutPage.cshtml";
}

<style type="text/css">
    h2 {
        margin-top: 20px;
        font-size: 15px;
        font-weight: bold;
    }

    #mark {
        margin-top: 80px;
    }

    #select {
        margin-left: 20%;
    }

    h3 {
        font-size: 14px;
    }
</style>
<div id="tt" data-options="fit:true,border:false">
    <div style="width:100%;height:220px;">
        <div id="Channeltb">
            <input id="userAccount" class="easyui-searchbox" data-options="prompt:'支持渠道，项目，预警类型，负责人，服务器类型',searcher:Enter_Submit" style="width:450px" />
            <button type="button" id="btn-more" class="layui-btn layui-btn-normal layui-btn-sm">更多条件</button>
        </div>
        <div data-options="region:'center', title:'预警管理'" style="width:100%;height:200px;">
            <table id="treegrid" data-options="fit:true">
                <!-- 预警管理表格内容 -->
            </table>
        </div>
    </div>

    <form id="ff" action="" lay-filter="ff" class="layui-form" style="margin-top:20px;">
        <!--当前编辑的ID值-->
        <input type="hidden" id="YJID" name="YJID" />
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">处理时间</label>
                <div class="layui-input-inline">
                    @{
                        DateTime currentDateTime = DateTime.Now;
                        string defaultDateTimeValue = currentDateTime.ToString("yyyy-MM-ddTHH:mm:ss");
                    }
                    <input type="datetime-local" id="CLSJ" name="CLSJ" value="@defaultDateTimeValue" lay-verify="CLSJ" placeholder="yyyy-MM-dd HH:mm:ss" autocomplete="off" class="layui-input" style="height:38px;border-radius:4px" />
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">处理人</label>
                <div class="layui-input-inline">
                    <input type="text" id="CLR" name="CLR" disabled value="@ViewBag.UserName" lay-verify="CLR" autocomplete="off" class="layui-input" style="height:38px;border-radius:4px" />
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">处理状态</label>
                <div class="layui-input-inline">
                    <input type="text" id="CLZT" name="CLZT" lay-verify="CLZT" autocomplete="off" class="layui-input" style="height:38px;border-radius:4px" />
                </div>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">处理说明</label>
            <div class="layui-input-block">
                <textarea id="CLSM" name="CLSM" lay-verify="CLSM" class="layui-textarea" placeholder="请输入处理说明" style="width: 818px; min-height: 100px; margin-left: -10px"></textarea>
            </div>
        </div>
    </form>
</div>


@*更多条件*@
<form id="inteform" method="post" class="layui-form" style="margin-top:20px;display:none;">
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">渠道</label>
            <div class="layui-input-inline">
                <input id="QDID" name="QDID" panelheight="200px" class="easyui-combobox xmid" data-options="labelAlign:'right',prompt:'请选择渠道',limitToList:true,tipPosition:'top'" style="height:38px;border-radius:4px;width:200px" />
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">项目</label>
            <div class="layui-input-inline">
                <input id="XMID" name="XMID" panelheight="200px" class="easyui-combobox xmid" data-options="labelAlign:'right',prompt:'请选择项目',limitToList:true,tipPosition:'top'" style="height: 38px; border-radius: 4px; width: 200px " />
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">预警类型</label>
            <div class="layui-input-inline">
                <input id="YJLXID" name="YJLXID" panelheight="200px" class="easyui-combobox xmid" data-options="labelAlign:'right',prompt:'请选择渠道',limitToList:true,tipPosition:'top'" style="height:38px;border-radius:4px;width:200px" />
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">处理状态</label>
            <div class="layui-input-inline">
                <input id="ZT" name="ZT" panelheight="200px" class="easyui-combobox xmid" data-options="labelAlign:'right',prompt:'请选择项目',limitToList:true,tipPosition:'top'" style="height: 38px; border-radius: 4px; width: 200px " />
            </div>
        </div>
    </div>
</form>



<script type="text/javascript">
    window.proId = getQueryString("ProId");
    //更多条件
    $("#btn-more").bind("click", function () {
        var that = this;
        //多窗口模式，层叠置顶
        index = layer.open({
            type: 1
            , id: "one"
            , title: '条件'
            , area: ['800px', '250px']
            , shade: 0
            , anim: 1
            , shadeClose: true
            , maxmin: true
            , shade: 0.3
            , offset: '50px'
            , content: $("#inteform")
            , btn: ['确认', '关闭']
            , yes: function () {
                InitTable();
                layer.close(index);
            }
            , btn2: function () {
                layer.close(index);
            }
            , zIndex: 1 //重点1
        });
    })

    //渠道
    $("#QDID").combobox({
        url: '/Problem/GetChannelByAuth',
        valueField: 'ID',
        textField: '名称',
        limitToList: true,
    })

    //项目
    $("#XMID").combobox({
        url: '/Problem/GetProjectByInfo',
        valueField: 'ID',
        textField: '名称',
        limitToList: true,
    })
    //预警类型
    $("#YJLXID").combobox({
        url: '/ProManager/GetEarlyWarningType',
        valueField: 'ID',
        textField: '显示名',
        limitToList: true
    })
    //状态
    $("#ZT").combobox({
        data: [{
                "ID": "3",
                "显示名": "处理中"
            },
            {
                "ID": "1",
                "显示名": "未处理"
            },
            {
                "ID": "2",
                "显示名": "开始处理"
            }],
        valueField: 'ID',
        textField: '显示名',
        limitToList: true,
        value:"1"
    })


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

    window.InitTable = function () {
        var params = ZLPMS.FormToObject('inteform');
        if (window.proId != null) {
            params.XMID = window.proId;
            //处理界面显示
            $("#Channeltb").remove();
        } else {
            params.CONTENT = $("#userAccount").val();
        }
        //初始化树形表格
        $("#treegrid").datagrid({
            url: '/CloudMonitor/GetServerAlertBySearch',
            idField: 'ID',
            queryParams: params,
            //data: data,
            method: 'POST',
            fit: true,
            pageSize: 0,
            toolbar: window.proId != null ? "" : "#Channeltb",
            rownumbers: true,
            //底部显示分页工具栏
            pagination: false,
            //列名称
            columns: [[
                { field: 'ck', checkbox: true, width: 50 },
                { field: '项目名称', title: '项目', width: 100 },
                { field: '渠道名称', title: '渠道', width: 100 },
                { field: '预警类型显示', title: '预警类型', width: 120, align: 'center' },
                { field: '异常说明', title: '异常说明', width: 350, align: 'center' },
                {
                    field: '创建时间', title: '初次预警时间', width: 150, align: 'center', formatter: ZLPMS.formatterData
                },
                { field: '最后上报时间', title: '最后上报时间', width: 150, align: 'center', formatter: ZLPMS.formatterData },
                {
                    field: '预警次数', title: '预警次数', width: 100, align: 'center'
                },
                {
                    field: '服务器IP', title: 'IP', width: 100, align: 'center'
                },
                { field: '服务器类型显示', title: '服务器类型', width: 100, align: 'center' },
                { field: '负责人', title: '负责人', width: 100, align: 'center' },
                { field: '预警状态显示', title: '状态', width: 100, align: 'center' },
                { field: '处理时间', title: '处理时间', width: 150, align: 'center', formatter: ZLPMS.formatterData }
            ]],
            singleSelect: false,
            onClickRow: function (index, row) {
            },
            onSelectAll: function (rows) {
            }
        });
    }
    $(function () {
        window.InitPage = function (row, info = null) {
            let data = ZLPMS.GetAPi(`/ProManager/GetWarningProcessingStatu`);
            data = data.filter(o => o.ID >= 2);
            //处理状态数据绑定
            $("#CLZT").combobox({
                data: data,
                valueField: 'ID',
                textField: '显示名',
                onChange: function (newValue, oldValue) {
                    $("#CLZT").combobox({ value: newValue });
                }
            });
            InitTable();
        }

        window.GetData = function () {
            var rows = $('#treegrid').datagrid('getSelections');
            if (rows != null) {
                return {
                    "预警ID": $.map(rows, item => item.ID).join(","),
                    "处理人": $("#CLR").val(),
                    "处理说明": $("#CLSM").val(),
                    "处理状态": $("#CLZT").val(),
                    "创建时间": $("#CLSJ").val()
                };
            }
            else {
                top.ZLPMS.Msg("请选择待处理的数据", 0);
                return false;
            }
        }
    })
</script>