更新记录

1.0.0（2026-03-12） 下载此版本

部门树，多端支持，深度测试，给个好评！

平台兼容性

uni-app(3.7.0)

depart-tree

解决部门树或者二级树的自动渲染的痛点

源数据格式：

{
    "data": [{
        "deptId": 0,
        "deptName": "哈尔滨分公司",
        "deptLevel": "一级分公司",
        ......
    }, {
        "deptId": 1,
        "deptName": "重庆分公司",
        "deptLevel": "一级分公司",
        ......
    },{
        "deptId": 12,
        "deptName": "佳木斯分公司",
        "deptLevel": "二级分公司",
        ......
    }, {}, {
        "deptId": 14,
        "deptName": "尚志分公司",
        "deptLevel": "二级分公司",
        ......
    }]
}

自行处理数据格式，也可沿用代码示例的处理方式：

把deptLevel或者公共等级字段提出来，创建新的数组，过滤符合deptLevel的数据即可

本组件适用数据格式：

{
    "一级分公司": [{
        "deptId": 0,
        "deptName": "哈尔滨分公司",
        "deptLevel": "一级分公司",
    },{
        "deptId": 4,
        "deptName": "大连分公司",
        "deptLevel": "一级分公司",
    }],
    "二级分公司": [{
        "deptId": 10,
        "deptName": "黑河分公司",
        "deptLevel": "二级分公司",
    }, {
        "deptId": 14,
        "deptName": "尚志分公司",
        "deptLevel": "二级分公司",
    }]
}

tips:

本组件设计初衷就是方便在移动设备上也可以像pc端一样展示庞大的部门树

该组件中涉及所有字段均可以更换，有能力自行开源封装动态字段，没能力手动复制粘贴即可