1.平铺的数据

0: {id: "604e115c7bfcfa45d019d3e9", pid: "-1", name: "传智教育", code: "1", introduce: "程序员的摇篮",…}
1: {id: "604e222bb205b95968e1312a", pid: "", name: "行政部", code: "XZB", manager: "管理员", introduce: "行政部",…}
2: {id: "604e223fb205b95968e1312b", pid: "", name: "人事部", code: "RSB", manager: "管理员", introduce: "人事部",…}
3: {id: "604e2251b205b95968e1312c", pid: "", name: "财务部", code: "CWB", manager: "管理员", introduce: "财务部",…}
4: {id: "604e2262b205b95968e1312d", pid: "604e2251b205b95968e1312c", name: "财务核算部", code: "CWHSB",…}
5: {id: "604e227db205b95968e1312e", pid: "604e2251b205b95968e1312c", name: "税务管理部", code: "SWGLN",…}
6: {id: "604e2297b205b95968e1312f", pid: "604e2251b205b95968e1312c", name: "薪资管理部", code: "XZGLB",…}
7: {id: "6051ad90e93db6522c1d00d2", pid: "", name: "技术部", code: "JSB", manager: "孙财", introduce: "技术部",…}
8: {id: "6051adb6e93db6522c1d00d3", pid: "6051ad90e93db6522c1d00d2", name: "Java研发部", code: "JYFB",…}
9: {id: "6051add6e93db6522c1d00d4", pid: "6051ad90e93db6522c1d00d2", name: "Python研发部", code: "PYFB",…}
10: {id: "6051adefe93db6522c1d00d5", pid: "6051ad90e93db6522c1d00d2", name: "Php研发部", code: "PhpYFB",…}
11: {id: "6051ae03e93db6522c1d00d6", pid: "", name: "运营部", code: "YYB", manager: "孙财", introduce: "运营部",…}
12: {id: "6051ae15e93db6522c1d00d7", pid: "", name: "市场部", code: "SCB", manager: "孙财", introduce: "市场部",…}
13: {id: "6051ae28e93db6522c1d00d8", pid: "6051ae15e93db6522c1d00d7", name: "北京事业部", code: "BJSYB",…}
14: {id: "6051ae3de93db6522c1d00d9", pid: "6051ae15e93db6522c1d00d7", name: "上海事业部", code: "SHSYB",…}
15: {id: "633bb03f1d776d197070ee6b", pid: "604e21feb205b95968e13129", name: "鹏哥的部门", code: "213213",…}
16: {id: "633bb0bb1d776d197070ee6c", pid: "633bb03f1d776d197070ee6b", name: "1231", code: "12312",…}
17: {id: "633bb0e01d776d197070ee6d", pid: "633bb03f1d776d197070ee6b", name: "214214", code: "123123",…}
18: {id: "633bb0e91d776d197070ee6e", pid: "633bb03f1d776d197070ee6b", name: "12312", code: "412421",…}
19: {id: "633bbb4a1d776d197070ee71", pid: "6051ae15e93db6522c1d00d7", name: "北京事业部1", code: "BJSYB1",…}
20: {id: "633bbb621d776d197070ee72", pid: "6051ae28e93db6522c1d00d8", name: "21321", code: "23",…}
21: {id: "633bbb691d776d197070ee73", pid: "6051ae28e93db6522c1d00d8", name: "21321", code: "232",…}

2.转变之后的数据

3.上一级的id和子级的pid相同

新增：

直接传入上一层的id即可。

4.element-ui对应的

name:对应的要显示的名字:

children:对应要显示的层级

平铺的树形结构--------树形的应用相关推荐

C++ Qt 构建树形结构树形结构生成XML
树形数据结构是一类重要的非线性数据结构.树形数据结构可以表示数据表素之间一对多的关系.其中以树与二叉树最为常用,直观看来,树是以分支关系定义的层次结构.树形数据结构在客观世界中广泛存在,如人类社会的族 ...
Java 平铺列表转为树形结构
在业务中往往有一些数据是有层级结构的,比如数据表中原始数据如下形式 id name parentId 1 1 null 2 1-1 1 3 1-1-1 2 4 1-1 1 想要将平铺的数据变成有层次的 ...
树形结构转平铺结构，平铺结构转树形结构
先新建一个数组 const arr = [{pid: null,id: 1,name: '北京'},{pid: 1,id: 11,name: '朝阳'},{pid: 11,id: 111,name: ...
NET平台下Web树形结构程序设计
.NET平台下Web树形结构程序设计李洪根我的上篇文章<树形结构在开发中的应用>主要是在Windows Form下的实现,下面讲一下Web Form下的实现. 概述 TreeView是 ...
.NET平台下Web树形结构程序设计
.NET平台下Web树形结构程序设计我的上篇文章<树形结构在开发中的应用>主要是在Windows Form下的实现,下面是Web Form下的实现. 数据库设计首先,我们在SQL SE ...
java 实现树形结构
实体父类 @Data public class MenuTreeNode<T> {@ApiModelProperty(value = "节点ID")private St ...
js中树形结构的深度遍历与广度遍历
树形结构的深度遍历与广度遍历定义深度遍历:一个树形结构中,由一个数据分支全部遍历完才去遍历另外一个分支,直至全部数据遍历完成. 广度遍历:先遍历最外层的分支数据,然后一层一层的进行深入遍历,直至全 ...
关于copy树形结构
先把想要copy的去平铺 //平铺树形结构List<AhseH0002AssessmentLibEntity> outList = new ArrayList<>();for ...
《UVM实战》——3.1节UVM的树形结构
本节书摘来自华章社区<UVM实战>一书中的第3章,第3.1节UVM的树形结构,作者张强,更多章节内容可以访问云栖社区"华章社区"公众号查看 3.2 UVM的树形结构 ...

平铺的树形结构--------树形的应用

1.平铺的数据

2.转变之后的数据

3.上一级的id和子级的pid相同

直接传入上一层的id即可。

4.element-ui对应的

平铺的树形结构--------树形的应用相关推荐

最新文章

热门文章