catchAdmin/catch/system/view/loginLog/index.html

{extend name="$layout"}
{block name="title"}登录日志{/block}
{block name="search"}
<div class="layui-form toolbar">
    <div class="layui-form-item">
        <div class="layui-inline">
            <div class="layui-input-inline mr0">
                <input id="edtSearchAuth" class="layui-input" type="text" placeholder="输入角色名称"/>
            </div>
        </div>
        <div class="layui-inline">
            <button id="btnSearchAuth" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索
            </button>
        <button id="empty" class="layui-btn icon-btn"><i class="layui-icon">&#xe640;</i>清空</button>
        </div>
    </div>
</div>
{/block}
{block name="table"}
<table class="layui-table" id="log"></table>
{/block}
{block name="script"}
<script>
    layui.use(['layer', 'form', 'table', 'util', 'admin'], function () {
        var $ = layui.jquery;
        var table = layui.table;
        var util = layui.util;
        var admin = layui.admin;

        var t = table.render({
            elem: '#log',
            url: '{:url("log/login")}',
            page: true,
            response: {
                statusCode: 10000,
            },
            // toolbar: true,
            cellMinWidth: 100,
            cols: [[
                {type: 'id', title: '序号', field: 'id'},
                {field: 'login_name',  title: '登录名'},
                {field: 'login_ip', title: '登录IP'},
                {field: 'browser',  title: '浏览器'},
                {field: 'os',  title: '操作系统'},
                {field: 'status',  title: '状态', templet: function (d) {
                        return d.status === 1 ?
                            '<button class="layui-btn layui-btn-xs">成功</button>' :
                            '<button class="layui-btn layui-btn-xs  layui-btn-danger">失败</button>'
                    }
                },
                {
                    field: 'login_at', templet: function (d) {
                        return util.toDateString(d.login_at);
                    }, title: '登录时间'
                },
            ]],
        });
        $('#empty').click(function () {
            layer.confirm('确定清空日志吗?', function () {
                admin.req("{:url('loginLog/empty')}", {}, function (response) {
                    layer.msg(response.msg, {icon:1});
                    t.reload();
                }, 'delete')
            })
        })
    });
</script>
{/block}