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


@{
    ViewBag.Title = "EarlyWarningManagementIndex";
    Layout = "~/Views/Shared/_MainLayoutPage.cshtml";
}
<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 id="Channeltb">
    <button href="#" id="Handle" class="easyui-linkbutton" data-options="iconCls:'fa fa-plus color_blue',plain:true">处理</button>
    <button href="#" id="HandleAll" class="easyui-linkbutton" data-options="iconCls:'fa fa-plus color_blue',plain:true">批量处理</button>
    <button href="#" id="ViewServer" class="easyui-linkbutton" data-options="iconCls:'fa fa-plus color_blue',plain:true">查看服务器</button>
    <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>
    <button type="button" id="notTimely" class="layui-btn layui-btn-danger layui-btn-sm">未及时处理预警</button>
</div>
<div id="mainLayout" style="width:100%;height:900px;">
    <div data-options="region:'center', title:'预警管理'">
        <table id="treegrid" data-options="fit:true">
            <!-- 预警管理表格内容 -->
        </table>
    </div>
    <div id="processPanel" data-options="region:'east', split:true, title:'处理过程', collapsible:true, collapsed:true" style="width:20%;">
        <div data-options="region:'east',split:true" title="过程" style="width:400px;">
            <ul class="layui-timeline" id="timeline">
            </ul>
        </div>
    </div>
</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 src="~/ViewModels/EarlyWarningManagementIndex.js"></script>
<script type="text/javascript">
    var model = new viewModel();
    window.proId = getQueryString("ProId");
    model.init();
    $(function () {
        $('#mainLayout').layout();
    })
</script>