@using PMS.BusinessModels.CloudMonitorManage;
@{
    ViewBag.Title = "EarlyWarningManagementIndex";
    Layout = "~/Views/Shared/_MainLayoutPage.cshtml";
    AlertConfig config = ViewBag.Model as AlertConfig;
}
<style>
    .datagrid-header-row {
        text-align: center;
    }

    .layui-timeline-title {
        margin: 0px
    }

    .timelineDetail:hover {
        background-color: #c5e5ff;
        cursor: pointer;
    }

    .layui-form-item {
        margin: 5px
    }

    p {
        margin-top: -15px
    }
    /*.datagrid-body{height:500px!important;}*/
    .datagrid-body {
        overflow-y: scroll
    }

    .Serious {
        width: 100px;
        text-align: center;
        line-height: 32px;
        background-color: #d54c55;
    }

    .Warning {
        width: 100px;
        text-align: center;
        line-height: 32px;
        background-color: #d9d97b;
    }

    .Normal {
        width: 100px;
        text-align: center;
        line-height: 32px;
        background-color: #63b563;
    }
</style>
<div>
    <div id="mainLayout1" style="width:100%;height:450px;">
        <div data-options="region:'center', title:'工作时间内预警信息'" style="height:45vh;">
            <table id="treegrid1" data-options="fit:true">
                <!-- 预警管理表格内容 -->
            </table>
        </div>
    </div>
    <div id="mainLayout2" style="width:100%;height:450px;">
        <div data-options="region:'center', title:'工作时间外预警信息'" style="height:45vh;">
            <table id="treegrid2" data-options="fit:true">
                <!-- 预警管理表格内容 -->
            </table>
        </div>
    </div>
</div>

<script src="~/ViewModels/UnprocessedEarlyWarningManagementIndex.js"></script>
<script type="text/javascript">
    window.starTime = '@config.工作开始时间';
    window.endTime = '@config.工作结束时间';
    var model = new viewModel();
    model.init();
    $(function () {
        $('#mainLayout1').layout();
        $('#mainLayout2').layout();
    })
</script>