{extend name="index_layout"/}
{block name="main"}
<div class="layui-card">
    <div class="layui-card-header">直聊地区管理</div>
    <div class="layui-card-body">
        <div class="layui-form">
            <table class="layui-hide" id="currentTable" lay-filter="currentTable"></table>
            <script type="text/html" id="barTool">
                <a data-open='{:url("edit")}?id={{ d.id }}' class="layui-btn layui-btn-xs" title="编辑">编辑</a>
                <a href='{:url("del")}?id={{ d.id }}'
                    class="layui-btn layui-btn-danger layui-btn-xs layui-tr-del">删除</a>
            </script>
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
    layui.use('yznTable', function () {
        var table = layui.yznTable;

        var init = {
            table_elem: '#currentTable',
            add_url: '{:url("add")}',
        };

        table.render({
            init: init,
            id: 'currentTable',
            toolbar: ['refresh', 'add'],
            url: '{:url("index")}',
            cols: [
                [
                // {        type: 'checkbox',
                //         fixed: 'left'
                //     },
                    {
                        field: 'id',
                        width: 80,
                        title: 'ID'
                    },
                    {
                        field: 'title',
                        title: '地区名称'
                    },
                    {
                        field: 'creattime',
                        title: '创建时间'
                    },
                    {
                        fixed: 'right',
                        width: 200,
                        align: 'center',
                        title: '操作',
                        toolbar: '#barTool'
                    }
                ]
            ],
            page: {}
        });
    });
</script>
{/block}