src/main/resources/templates/system/role/func.html

<div style="padding: 0 20px">
    <div class="layui-form-item" style="max-height: 490px;overflow: auto;">
        <ul id="funclist" class="ztree"></ul>
    </div>
    <div class="layui-form-item model-form-footer">
        <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
        <button class="layui-btn" lay-filter="form-submit" id="submitbtn">保存</button>
    </div>
</div>
<script>
    layui.use(['layer', 'admin', 'form', 'formSelects'], function () {
        var layer = layui.layer;
        var admin = layui.admin;
        var form = layui.form;
        var func = admin.getTempData('roleId');
        let initTree = function (nodes) {
            let menuSetting = {
                view: {
                    dblClickExpand: true,
                    showLine: true,
                    showIcon: false
                },
                check: {
                    enable: true,
                },
                data: {
                    simpleData: {
                        enable: true
                    }
                }
            };
            $.fn.zTree.init($("#funclist"), menuSetting, nodes);
        }
        admin.dgo('/role/func', {
            roleId: func,
        }, function (data) {
            debugger
            layer.closeAll('loading');
            if (data.code == 200) {
                initTree(data.node);
            } else if (data.code == 401) {
                layer.msg(data.msg, {icon: 2, time: 1500}, function () {
                    location.replace('/login');
                }, 1000);
                return;
            } else {
                layer.msg(data.msg, {icon: 2});
            }
        }, function (ret) {
            layer.closeAll('loading');
            layer.msg('请求失败了，请稍后再试', {icon: 2});
        });
        $("#submitbtn").on('click', function (e) {
            let ids = [];
            let treeObj = $.fn.zTree.getZTreeObj("funclist");
            let nodes = treeObj.getCheckedNodes(true);
            for (let i = 0; i < nodes.length; i++) {
                ids.push(nodes[i].id);//存功能ID
            }
            if (ids.length < 1) {
                return;
            }
            let idStr = ids.toString();
            let token = $("meta[name='_csrf_token']").attr("value");
            admin.go('/role/addfunc', {
                roleId: func,
                funcs: idStr,
                _csrf: token,
            }, function (data) {
                layer.closeAll('loading');
                if (data.code == 200) {
                    layer.msg(data.msg, {icon: 1});
                    admin.finishPopupCenter();
                } else if (data.code == 401) {
                    layer.msg(data.msg, {icon: 2, time: 1500}, function () {
                        location.replace('/login');
                    }, 1000);
                    return;
                } else {
                    layer.msg(data.msg, {icon: 2});
                }
            }, function (ret) {
                console.log(ret);
                layer.closeAll('loading');
                layer.msg('请求失败了，请稍后再试', {icon: 2});
            });
        })
    });
</script>