NN2022081301/public/agent/pages/system/operationlog.html

<!-- 正文开始 -->
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <table id="dataTable" lay-filter="dataTable"></table>
        </div>
    </div>
</div>

<script type="text/html" id="toolbar">
    <div class="layui-btn-group fl">
        <a app-event="request" event-data="{'url':'/system/operation/clear','action':'post'}" confirm class="layui-btn layui-btn-danger layui-btn-sm layui-icon layui-icon-delete">清空所有</a>
    </div>
</script>
<!-- js部分 -->
<script>
    layui.use(['layer', 'form', 'table', 'util', 'laydate', 'setter'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        var table = layui.table;
        var util = layui.util;
        var laydate = layui.laydate;
        var setter = layui.setter;

        // 渲染表格
        var insTb = table.render({
            elem: '#dataTable',
            url: setter.baseServer + 'system/operation',
            page: true,
            title: '登录日志',
            toolbar: '#toolbar',
            text: {
                none : '暂无相关数据'
            },
            cols: [[
                {type: 'numbers'},
                {field: 'username', title: '用户名', templet: function (d) {
                        return d.user.username
                    },width: 100},
                {field: 'operate', title: '操作'},
                {field: 'route', title: '路由' ,width: 200},
                {field: 'query', title: '参数',width: 200},
                {field: 'ip', title: 'IP',width: 100},
                {field: 'os', title: '操作系统'},
                {field: 'browser',title: '浏览器'},
                {field: 'count', title: '操作次数'},
                {
                    field: 'created_at', templet: function (d) {
                        return util.toDateString(d.created_at * 1e3);
                    }, title: '记录时间',width: 180
                }
            ]]
        });

        // 时间范围
        laydate.render({
            elem: 'input[name="dateRange"]',
            type: 'date',
            range: true
        });

        // 搜索
        form.on('submit(formSubSearchLog)', function (data) {
            if (data.field.dateRange) {
                var searchDate = data.field.dateRange.split(' - ');
                data.field.startDate = searchDate[0];
                data.field.endDate = searchDate[1];
            }
            data.field.dateRange = undefined;
            insTb.reload({where: data.field}, 'data');
        });
    });
</script>