erp_yzx/app/admin/view/department/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/department/add\')}')"><i class="mdi mdi-plus"></i> {:lang('add')}</a>
                        <a class="btn btn-danger" href="#!" onclick="delete_()"
                        ><i class="mdi mdi-window-close"></i> {:lang('delete')}</a>
                    </div>
                </div>
                <div class="card-body">
                    <div id="department_tree" class="demo-tree-more"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    function delete_() {
        layui.use(['tree', 'form'], async () => {
            const tree = layui.tree;
            const checkedData = deepTraversal(tree.getChecked('department_input')); //获取选中节点的数据
            console.log(checkedData);
            caviar_checkbox_delete(
                '{:url(\'admin/department/delete\')}',
                ['{:lang(\'Check at least one box\')}','{:lang(\'Succeed\')}'],
                '{:lang(\'Warn\')}',
                '{:lang(\'Are you sure you want to delete the selected data\')}',
                ['{:lang(\'Confirm\')}'],
                checkedData.map(v => v.id)
            )
            return false;
        });
    }
    layui.use(['tree', 'util'], async() => {
        const tree = layui.tree;
        let data = [];
        const response = await request('{:url("admin/department/fetchAllDepartment")}');
        if(response.code === 200) data = response.data;

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