1我用的是vue 组件时element-ui,废话不多说，直接上代码(先看效果)

这个是最终结果

2:看代码

这里解释下参数含义

2.1  要形成树形table,必须在el-table 中增加 :tree-props ，row-key ,我这里用的是taskCode 做的row-key,  也就是1图中的层级1，1.1，1.1.1 

2.2 层级是点击新增的时候生成的，我把生成序号和path的方法粘贴到下面（没找到简书的排版，所以将就看吧  ）

setIndex(){

        let queue = [...this.detailForm.dataList];

        let loop = 0;

        while (queue.length > 0) {

          loop++

          [...queue].forEach((child, i) => {

            queue.shift()

            if (loop == 1) {

              child.taskCode = i + 1 + "";

              child.path = i;

            }

            if (child.children && child.children.length > 0) {

              for (let ci = 0; ci < child.children.length; ci++) {

                child.children[ci].taskCode = child.taskCode + "." + (ci + 1)

                child.children[ci].path = child.path + ".children." + ci;

              }

              queue.push(...child.children)

            }

          })

        }

      },