erp_yzx/app/admin/view/auth_group/index.html

{include file='common/_js_css'}


<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-toolbar clearfix">
                    <div class="toolbar-btn-action">
                        <a class="btn btn-primary m-r-5" href="#!" onclick="add('{:url(\'admin/auth_group/add\')}')"><i class="mdi mdi-plus"></i> {:lang('add')}</a>
                    </div>
                </div>
                <div class="card-body">
                    <div id="auth_group_tree" class="demo-tree-more"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    layui.use(['tree', 'util'], async() => {
        const tree = layui.tree
        let data = [];
        const response = await request('{:url("admin/auth_group/findAllAuthGroups")}');
        if(response.code === 200) data = response.data;

        //基本演示
        tree.render({
            elem: '#auth_group_tree'
            ,data: data
            ,showCheckbox: true  //是否显示复选框
            ,isJump: true //是否允许点击节点时弹出新窗口跳转
            ,click: function(obj){
                const data = obj.data;  //获取当前点击的节点数据
                view("{:url('admin/auth_group/edit')}?id=" + data.id.toString(), "{:lang('Update')}")
            }
        });


    });
</script>