@{
    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">
    <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">
                    <input type="text" id="XMMC" name="XMMC" disabled lay-verify="XMMC" autocomplete="off" class="layui-input layui-bg-gray layui-disabled" 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="FWQLX" name="FWQLX" disabled lay-verify="FWQLX" autocomplete="off" class="layui-input layui-bg-gray layui-disabled" 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="YJSJ" name="YJSJ" disabled lay-verify="YJSJ" autocomplete="off" class="layui-input layui-bg-gray layui-disabled" style="height:38px;border-radius:4px" />
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">预警类型</label>
                <div class="layui-input-inline">
                    <input type="text" id="YJLX" name="YJLX" disabled lay-verify="YJLX" autocomplete="off" class="layui-input layui-bg-gray layui-disabled" 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="ZT" name="ZT" disabled lay-verify="ZT" autocomplete="off" class="layui-input layui-bg-gray layui-disabled" 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="YJCS" name="YJCS" disabled lay-verify="YJCS" autocomplete="off" class="layui-input layui-bg-gray layui-disabled" style="height:38px;border-radius:4px" />
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">异常说明</label>
            <div class="layui-input-block">
                <textarea id="YCSM" disabled name="YCSM" lay-verify="YCSM" class="layui-textarea" placeholder="" style="width: 818px; min-height: 100px; margin-left: -10px; background-color: #d2d2d2;"></textarea>
                @*<input id="YCSM" name="YCSM" lay-verify="YCSM" disabled class="layui-input layui-bg-gray layui-disabled" style="width: 818px; margin-left: -10px" />*@
            </div>
        </div>
        <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>



<script type="text/javascript">
    $(function () {
        window.InitPage = function (row, info = null) {
            let data = ZLPMS.GetAPi(`/ProManager/GetWarningProcessingStatu`);
            if (info == null) {
                if (row.预警状态 === 3) {
                    data = data.filter(o => o.ID >= row.预警状态);
                } else {
                    data = data.filter(o => o.ID > row.预警状态);
                }
            }
            //处理状态数据绑定
            $("#CLZT").combobox({
                data: data,
                valueField: 'ID',
                textField: '显示名',
                onChange: function (newValue, oldValue) {
                    $("#CLZT").combobox({ value: newValue });
                }
            });

            BindData(row);

            if (info != null)
                BindInfo(info);
        }

        window.GetData = function () {
            return {
                "预警ID": $("#YJID").val(),
                "处理人": $("#CLR").val(),
                "处理说明": $("#CLSM").val(),
                "处理状态": $("#CLZT").val(),
                "创建时间": $("#CLSJ").val()
            };
        }

        /**绑定数据 */
        function BindData(row) {
            $("#XMMC").val(row.项目名称);
            $("#FWQLX").val(row.服务器类型显示);
            $("#YJSJ").val(row.创建时间);
            $("#YJLX").val(row.预警类型显示);
            $("#ZT").val(row.预警状态显示);
            $("#YJCS").val(row.预警次数);
            $("#YCSM").val(row.异常说明);
            $("#YJID").val(row.ID);
        }

        /** */
        function BindInfo(info) {
            $("#CLSJ").val(info.创建时间);
            $("#CLR").val(info.处理人);
            $("#CLZT").combobox({ value: info.处理状态 })
            $("#CLZT").combobox('disable');
            $("#CLSM").val(info.处理说明);
            layui.use('form', function () {
                var form = layui.form;

                // 禁用输入框
                $('input[name="CLSJ"]').addClass('layui-disabled').attr('disabled', 'disabled');
                // 禁用输入框
                $('input[name="CLR"]').addClass('layui-disabled').attr('disabled', 'disabled');
                // 禁用输入框
                $('*[name="CLSM"]').addClass('layui-disabled').attr('disabled', 'disabled');
                // 重新渲染表单
                form.render();
            });
        }
    })
</script>