设备树折叠面板切换问题修改

src/components/tree/device.vue

@@ -44,7 +44,7 @@
                         default-expand-all
                         v-bind="$attrs"
                         :data="zlDeviceData"
-                        style="overflow: auto;"
+                        style="overflow: auto"
                     >
                         <template #default="{ node, data }">
                             <span class="custom-tree-node">
@@ -70,7 +70,7 @@
                         node-key="id"
                         :data="bxsDeviceData"
                         v-bind="$attrs"
-                        style="overflow: auto;"
+                        style="overflow: auto"
                     >
                         <template #default="{ node, data }">
                             <span class="custom-tree-node">
@@ -139,13 +139,6 @@ watch(
                     })
                 }
             })
-            if (zlDeviceData.value.length != 0) {
-                activeName.value = '0'
-            } else if (bxsDeviceData.value.length != 0) {
-                activeName.value = '1'
-            } else {
-                activeName.value = ''
-            }
         }
     },
     {
@@ -206,7 +199,18 @@ const treeRef1 = ref<InstanceType<typeof ElTree>>()
 const treeRef2 = ref<InstanceType<typeof ElTree>>()
 defineExpose({ treeRef1, treeRef2 })
 onMounted(() => {
+    setTimeout(() => {
+        if (zlDeviceData.value.length != 0) {
+            activeName.value = '0'
+        }
+        if (zlDeviceData.value.length === 0 && bxsDeviceData.value.length != 0) {
+            activeName.value = '1'
+        }
+        if (!zlDeviceData.value && !bxsDeviceData.value) {
+            activeName.value = ''
+        }
         changeDevice(activeName.value)
+    }, 500)
 })
 </script>
 

src/components/tree/point.vue

@@ -43,7 +43,7 @@
                         default-expand-all
                         v-bind="$attrs"
                         :data="zlDeviceData"
-                        style="overflow: auto;"
+                        style="overflow: auto"
                     >
                         <template #default="{ node, data }">
                             <span class="custom-tree-node">
@@ -69,7 +69,7 @@
                         node-key="id"
                         :data="bxsDeviceData"
                         v-bind="$attrs"
-                        style="overflow: auto;"
+                        style="overflow: auto"
                     >
                         <template #default="{ node, data }">
                             <span class="custom-tree-node">
@@ -122,9 +122,9 @@ const defaultProps = {
     value: 'id'
 }
 //治理设备数据
-const zlDeviceData = ref([])
+const zlDeviceData = ref<any>([])
 //便携式设备数据
-const bxsDeviceData = ref([])
+const bxsDeviceData = ref<any>([])
 watch(
     () => props.data,
     (val, oldVal) => {
@@ -140,13 +140,6 @@ watch(
                     })
                 }
             })
-            if (zlDeviceData.value.length != 0) {
-                activeName.value = '0'
-            } else if (bxsDeviceData.value.length != 0) {
-                activeName.value = '1'
-            } else {
-                activeName.value = ''
-            }
         }
     },
     {
@@ -179,6 +172,7 @@ const changeDevice = (val: any) => {
             arr2.push(item2)
         })
     })
+    activeName.value = val
     if (val == '0') {
         arr2.map((item: any) => {
             item.checked = false
@@ -211,7 +205,18 @@ const treeRef1 = ref<InstanceType<typeof ElTree>>()
 const treeRef2 = ref<InstanceType<typeof ElTree>>()
 defineExpose({ treeRef1, treeRef2 })
 onMounted(() => {
+    setTimeout(() => {
+        if (zlDeviceData.value.length != 0) {
+            activeName.value = '0'
+        }
+        if (zlDeviceData.value.length === 0 && bxsDeviceData.value.length != 0) {
+            activeName.value = '1'
+        }
+        if (!zlDeviceData.value && !bxsDeviceData.value) {
+            activeName.value = ''
+        }
         changeDevice(activeName.value)
+    }, 500)
 })
 </script>