scd_tools_go/service/static/module/log/log.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="log_query_panel" style="height:15rem;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_success">
                                <option value="">全部</option>
                                <option value="1">成功</option>
                                <option value="0">失败</option>
                            </select>
                        </div>
                    </div>
                    <div class="queryform_item">
                        <span class="queryform_label">审计分类：</span>
                        <div class="layui-input-block queryform_inputblock">
                            <select id="combox_audittype">
                                <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_opttype">
                                <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_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_eventlevel">
                                <option value="">全部</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="10" id="text_staff" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="queryform_item">
                        <span class="queryform_label">操作IP：</span>
                        <div class="layui-input-inline queryform_inputblock">
                            <input type="text" maxlength="10" id="text_ip" 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.QueryLog();">查询</button>
                        <button id="btnSearch" type="button" class="layui-btn layui-btn-normal" style="margin-left:40px;height:32px;line-height:32px;" onclick="LogObject.ResetQueryLog();">重置</button>
                        <button id="btnSearch" type="button" class="layui-btn layui-btn-normal" style="margin-left:40px;height:32px;line-height:32px;" onclick="LogObject.ChartsStat();">图表分析</button>
                        <button id="btnSearch" type="button" class="layui-btn layui-btn-normal" style="margin-left:40px;height:32px;line-height:32px;" onclick="LogObject.DataStat();">操作统计</button>
                    </div>
                </form>
            </div>
        </div>
        <table id="table-log" lay-filter="oparation-data">
        </table>
    </div>
</div>

<script type="text/html" id="log_desc_status">
    {{#  if(d.success === "0" ) { }}
    <span style="color:#f47920;">{{d.description}}</span>
    {{# } else { }}
    <span>{{d.description}}</span>
    {{#  } }}
</script>

<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_opttype","pagesize":1000},function(jsondata){
            if(jsondata.code!=0){
                layui.msg(jsondata.msg);
                return;
            }
            var optionslst=template('options_tpl',jsondata);
            $("#combox_opttype").html(optionslst);
            layui.form.render("select");
        })
        $.getJSON("/api/getGlobalCode",{"pcode":"log_audittype","pagesize":1000},function(jsondata){
            if(jsondata.code!=0){
                layui.msg(jsondata.msg);
                return;
            }
            var optionslst=template('options_tpl',jsondata);
            $("#combox_audittype").html(optionslst);
            layui.form.render("select");
        })
        $.getJSON("/api/getGlobalCode",{"pcode":"log_optresult","pagesize":1000},function(jsondata){
            if(jsondata.code!=0){
                layui.msg(jsondata.msg);
                return;
            }
            var optionslst=template('options_tpl',jsondata);
            $("#combox_success").html(optionslst);
            layui.form.render("select");
        })
        $.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_eventlevel","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.SearchLog();
        $('#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>