eltree懒加载树+更新（通过两个接口分别获取一级所有树及其一个下面的二级树）

重点添加：
lazy :load="loadNode"
template内 代码



{{ node.label }}
//当为二级菜单的时候才展示 （即当此node.data内没有children字段时候才展示）


定位


选中



详情


删除






methods代码

async loadNode(node, resolve) {
if (node.level === 0) {
return resolve(await this.toGetTaskAreaList(""));
} else if (node.level === 1) {
return resolve(await this.toFindGuideList(node.data.id));
} else {
return resolve([]) // 防止该节点没有子节点时一直转圈的问题出现
}
},
// 通过id获取引导线 二级
async toFindGuideList(id) {
let data = {
guideName: "", //引导线名称
taskRegionId: id, //区域任务id
pageNum: 0, //页数
pageSize: 0 //页码
}
let res = await findGuideList(data)
return res.rows?res.rows:[]
},
// 获取所有作业区域 一级
async toGetTaskAreaList(name, type) {
let data = {
projectId: Number(COOKIEs.get("projectId")), //项目id
taskName: name, //区域名称
pageNum: 0, //页数
pageSize: 0 //页码
}
let res = await getTaskAreaList(data)
if (res.rows.length) {
res.rows.forEach(item => {
item.guideName = item.taskName
item.children = []
})
if (type) {
this.taskAreaListTreeData = res.rows
}
}
return res.rows
},
//搜索时候 即为刷新树 将树的data重新赋值即可 其他的操作loadNode函数会自动进行
inputChangeTaskArea() {
this.toGetTaskAreaList(this.taskAreaName, true)
},