联调案例库

src/components/tree/pqs/algorithmTree.vue

@@ -85,3 +85,4 @@ defineExpose({ loadData })
     border: 1px solid var(--el-border-color);
 }
 </style>
+ 

src/components/tree/pqs/standardTree.vue

@@ -1,7 +1,15 @@
 <template>
     <div class="point-tree">
         <div style="flex: 1; overflow: hidden">
-            <Tree ref="treeRef" :data="tree" style="width: 100%; height: 100%" :canExpand="false" v-bind="$attrs" />
+            <Tree
+                ref="treeRef"
+                :data="tree"
+                :canExpand="false"
+                style="width: 100%; height: 100%"
+                v-bind="$attrs"
+                default-expand-all
+                @onAddTree="onAddTree"
+            />
         </div>
     </div>
 </template>
@@ -13,11 +21,11 @@ import { useAdminInfo } from '@/stores/adminInfo'
 import { useDictData } from '@/stores/dictData'
 import { getTerminalTreeForFive } from '@/api/device-boot/terminalTree'
 import { useConfig } from '@/stores/config'
-
+import { queryAll } from '@/api/supervision-boot/database/index'
 defineOptions({
     name: 'pms/pointTree'
 })
-const emit = defineEmits(['init'])
+const emit = defineEmits(['init', 'onAddTree'])
 const attrs = useAttrs()
 const adminInfo = useAdminInfo()
 const dictData = useDictData()
@@ -26,48 +34,45 @@ const classificationData = dictData.getBasicData('Statistical_Type', ['Report_Ty
 const tree = ref()
 const treeRef = ref()
 
-const loadData = () => {
+const loadData = (id?: any) => {
+    console.log('🚀 ~ loadData ~ id:', id)
     let nodeKey = ''
-    let res = {
-        data: [
-            {
-                name: '运行管理',
-                id: '1',
-                children: [
-                    {
-                        name: '运行指标',
-                        id: '2'
-                    },
-                    {
-                        name: '数据质量核查',
-                        id: '3'
-                    }
-                ]
-            }
-        ]
-    }
-    // getTerminalTreeForFive(form).then(res => {
-    res.data.forEach((item: any) => {
-        item.icon = 'el-icon-FolderOpened'
-        item.color = config.getColorVal('elementUiPrimary')
-        item.children.forEach((item2: any) => {
-            item2.icon = 'el-icon-Document'
+    queryAll().then(res => {
+        res.data.forEach((item: any) => {
+            item.icon = 'el-icon-FolderOpened'
             item.color = config.getColorVal('elementUiPrimary')
+            item.children.forEach((item2: any) => {
+                item2.icon = 'el-icon-Document'
+                item2.color = config.getColorVal('elementUiPrimary')
+                item2.childrens = item2.children
+                item2.children = []
+                if (item2.id == id) {
+                    emit('init', item2)
+                }
+            })
         })
+
+        nodeKey = res.data[0].children[0]?.id? res.data[0].children[0].id: res.data[0].id
+
+        tree.value = res.data
+        if (id) {
+            setTimeout(() => {
+                treeRef.value.treeRef.setCurrentKey(id)
+            }, 10)
+        } else {
+            setTimeout(() => {
+                treeRef.value.treeRef.setCurrentKey(nodeKey)
+                emit('init', res.data[0].children[0])
+            }, 10)
+        }
     })
+}
 
-    nodeKey = res.data[0].children[0].id
-    emit('init', res.data[0].children[0])
-
-    tree.value = res.data
-    if (nodeKey) {
-        setTimeout(() => {
-            treeRef.value.treeRef.setCurrentKey(nodeKey)
-        }, 10)
-    }
-    // })
+const onAddTree = () => {
+    emit('onAddTree')
 }
 loadData()
+defineExpose({ loadData })
 </script>
 <style lang="scss">
 .point-tree {