blog_tp6/view/sys/sys_login/index.html

<article class="cl pd-20" style="min-width: 900px;max-width: 80%;">
    <div class="cl pd-5 bg-1 bk-gray">
        <span class="l">
            <a href="javascript:;" onclick="del_all()" class="btn btn-danger radius">
                <i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>
        </span>
        <!-- <span class="r">共有数据：<strong>54</strong> 条</span>  -->
    </div>
    <div class="mt-10">
        <table class="table table-border table-bordered table-hover table-bg">
            <thead>
                <tr class="text-c">
                    <th width="25">
                        <input type="checkbox" value="" name="selectAll">
                    </th>
                    <th width="100px">ID</th>
                    <th width="100px">userid</th>
                    <th>用户名</th>
                    <th>登录时间</th>
                    <th>登录ip</th>
                    <th>登录状态</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                {notempty name="list"}
                {foreach $list as $val}
                <tr class="text-c">
                    <td>
                        <input type="checkbox" value="{$val.loginid}" name="checkbox[]">
                    </td>
                    <td>{$val.loginid}</td>
                    <td>{$val.userid}</td>
                    <td>{$val.username}</td>
                    <td>{$val.logintime|date="Y-m-d H:i:s"}</td>
                    <td>{$val.loginip}</td>
                    <td class="f-status">
                    {switch val.status}
                        {case 1}<span class="label radius label-danger">>密码错误</span{/case}
                        {case 2}<span class="label radius label-default">禁用用户</span>{/case}
                        {default /}<span class="label radius label-success">成功</span>
                    {/switch}
                       
                    </td>
                    <td class="td-manage">
                        <a title="删除" href="javascript:;" onclick="del(this,'{$val.loginid}')" class="ml-5"
                            style="text-decoration:none">
                            <i class="Hui-iconfont">&#xe6e2;</i>
                        </a>
                    </td>
                </tr>
                {/foreach}
                {/notempty}
            </tbody>
        </table>
    </div>
    <div class="cl pd-5 bg-1 bk-gray mt-20 ">
        <span class="r">{notempty name="data"}{$data->render()|raw}{/notempty}</span>
    </div>
</article>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript">
    // 删除条目
    function del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            $.post('delete', {
                'id': id
            }, function (data) {
                if (data.code == 1) {
                    $(obj).parents("tr").remove();
                    layer.msg(data.msg, {
                        icon: 1,
                        time: 1000
                    });
                } else {
                    layer.msg(data.msg, {
                        icon: 5,
                        time: 2000
                    });
                    return false;
                }
            }, 'json');
        });
    }

    // 批量删除
    function del_all() {
        var checkbox = $('.text-c input[name="checkbox[]"]');
        var ids = new Array();
        checkbox.each(function (x) {
            if (this.checked)
                ids.push(this.value);
        })
        console.log(ids);

        layer.confirm('确认要删除吗？', function (index) {
            $.post('delete', {
                'id': ids
            }, function (data) {
                if (data.code == 1) {
                    layer.msg(data.msg, {
                        icon: 1,
                        time: 1000
                    });
                    window.location.reload();
                } else {
                    layer.msg(data.msg, {
                        icon: 5,
                        time: 1000
                    });
                }
            }, 'json')
        });
    }
</script>
<!--请在上方写此页面业务相关的脚本-->