scd_tools_go/service/static/module/log/alarm.html

<style type="text/css">
    .queryform_item{float:left;width: 20%}
    .queryform_label{float:left;width: 7rem;text-align: right;}
    .queryform_inputblock{float:left;margin:1rem !important;width:13.5rem;}
</style>
<script type="text/javascript" src="/static/js/log.js"></script>
<div class="children-content">
    <blockquote class="layui-elem-quote" style="padding:10px;line-height:25px;">
        系统管理 / 查看系统告警记录
    </blockquote>
    <div>
        <div style="position:relative;width:100%;">
            <div class="layui-panel" id="alarm_query_panel" style="height:10rem;line-height: 4.5rem;">
                <form class="layui-form layui-form-pane" action="">
                    <div class="queryform_item">
                        <span class="queryform_label">事件类型：</span>
                        <div class="layui-input-block queryform_inputblock">
                            <select id="combox_eventtype">
                                <option value="">全部</option>
                            </select>
                        </div>
                    </div>
                    <div class="queryform_item">
                        <span class="queryform_label">告警类型：</span>
                        <div class="layui-input-block queryform_inputblock">
                            <select id="combox_alarmtype">
                                <option value="">全部</option>
                                <option value="log">日志容量</option>
                                <option value="cpu">CPU耗用</option>
                                <option value="mem">内存耗用</option>
                                <option value="disk">磁盘空间</option> 
                            </select>
                        </div>
                    </div>
                    <div class="queryform_item">
                        <span class="queryform_label">开始日期：</span>
                        <div class="layui-input-inline queryform_inputblock">
                            <input type="text" readonly="" id="text_startdate" style="text-align:center;padding:0;" autocomplete="off" class="layui-input"/>
                        </div>
                    </div>
                    <div style="float:left;width: 20%">
                        <span class="queryform_label">结束日期：</span>
                        <div class="layui-input-inline queryform_inputblock">
                            <input type="text" readonly="" id="text_enddate" style="text-align:center;padding:0;" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="queryform_item">
                        <span class="queryform_label">告警内容：</span>
                        <div class="layui-input-inline queryform_inputblock">
                            <input type="text" maxlength="50" id="text_description" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div style="float:left;width: 100%">
                        <button id="btnSearch" type="button" class="layui-btn layui-btn-normal" style="margin-left:40px;height:32px;line-height:32px;" onclick="LogObject.SearchAlarm();">查询</button>
                        <button id="btnResetSearch" type="button" class="layui-btn layui-btn-normal" style="margin-left:40px;height:32px;line-height:32px;" onclick="LogObject.ResetQueryAlarm();">重置</button>                        
                    </div>
                </form>
            </div>
        </div>
        <table id="table-alarm" lay-filter="oparation-data">
        </table>
    </div>
</div>
<script type="text/html" id="options_tpl">
    <option value="">请选择</option>
    {{each data}}
        <option value="{{$value.code}}">{{$value.name}}</option>
    {{/each}}
</script>
<script type="text/javascript">
    $(document).ready(function () {
        $.getJSON("/api/getGlobalCode",{"pcode":"log_eventtype","pagesize":1000},function(jsondata){
            if(jsondata.code!=0){
                layui.msg(jsondata.msg);
                return;
            }
            var optionslst=template('options_tpl',jsondata);
            $("#combox_eventtype").html(optionslst);
            layui.form.render("select");
        })
        $.getJSON("/api/getGlobalCode",{"pcode":"log_alarmtype","pagesize":1000},function(jsondata){
            if(jsondata.code!=0){
                layui.msg(jsondata.msg);
                return;
            }
            var optionslst=template('options_tpl',jsondata);
            $("#combox_eventlevel").html(optionslst);
            layui.form.render("select");
        })
        LogObject.SearchAlarm();
        $('#text_startdate,#text_enddate').val(Global.GetCurrentDate());
        layui.use(['form', 'layedit', 'laydate'], function () {
            var laydate = layui.laydate;
            laydate.render({
                elem: '#text_startdate,#text_enddate'
            });
        });
    });
</script>