|
@@ -4,7 +4,7 @@
|
|
<template #left>
|
|
<template #left>
|
|
<hc-card scrollbar>
|
|
<hc-card scrollbar>
|
|
<h3 class="mb-2">引用元素表</h3>
|
|
<h3 class="mb-2">引用元素表</h3>
|
|
- <ElTree v-if="isShowTree" :load="treeLoadNode" :props="treeProps" accordion highlight-current lazy @node-click="treeNodeTap" />
|
|
|
|
|
|
+ <ElTree v-if="isShowTree" ref="treeRef" node-key="id" :load="treeLoadNode" :props="treeProps" accordion highlight-current lazy :default-expanded-keys="defaultExpandKey" @node-click="treeNodeTap" />
|
|
</hc-card>
|
|
</hc-card>
|
|
</template>
|
|
</template>
|
|
<hc-card>
|
|
<hc-card>
|
|
@@ -140,6 +140,11 @@ const refreshTree = () => {
|
|
|
|
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
isShowTree.value = true
|
|
isShowTree.value = true
|
|
|
|
+ nextTick(()=>{
|
|
|
|
+ defaultExpandKey.value.push(nodeInfo.value.id)
|
|
|
|
+ treeRef.value.setCurrentKey(nodeInfo.value.id)
|
|
|
|
+
|
|
|
|
+ })
|
|
}, 1000)
|
|
}, 1000)
|
|
}
|
|
}
|
|
const treeLoadNode = async (node, resolve) => {
|
|
const treeLoadNode = async (node, resolve) => {
|
|
@@ -163,14 +168,18 @@ const treeLoadNode = async (node, resolve) => {
|
|
|
|
|
|
//树节点被点击
|
|
//树节点被点击
|
|
const nodeInfo = ref({})
|
|
const nodeInfo = ref({})
|
|
|
|
+const defaultExpandKey = ref([])
|
|
|
|
+const treeRef = ref(null)
|
|
const treeProps = {
|
|
const treeProps = {
|
|
label: 'title',
|
|
label: 'title',
|
|
isLeaf: (item) => {
|
|
isLeaf: (item) => {
|
|
return !item.hasChildren
|
|
return !item.hasChildren
|
|
},
|
|
},
|
|
}
|
|
}
|
|
|
|
+const curNode = ref({})
|
|
const treeNodeTap = (data, node) => {
|
|
const treeNodeTap = (data, node) => {
|
|
nodeInfo.value = data
|
|
nodeInfo.value = data
|
|
|
|
+ curNode.value = node
|
|
searchForm.value.parentId = data.id
|
|
searchForm.value.parentId = data.id
|
|
|
|
|
|
if (node?.level === 1) {
|
|
if (node?.level === 1) {
|