From 53310b6f8b2274c3d68674648446451761edea21 Mon Sep 17 00:00:00 2001
From: he wei <858544502@qq.com>
Date: 星期五, 25 四月 2025 10:07:35 +0800
Subject: [PATCH] U onActivated'
---
src/components/HdwTree/index.vue | 58 +++++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 43 insertions(+), 15 deletions(-)
diff --git a/src/components/HdwTree/index.vue b/src/components/HdwTree/index.vue
index 694f6f3..8be5da3 100644
--- a/src/components/HdwTree/index.vue
+++ b/src/components/HdwTree/index.vue
@@ -1,8 +1,12 @@
<script setup>
- import { ref, onMounted, reactive, nextTick, watch } from "vue";
+ import { ref, onMounted, reactive, nextTick, watch, onBeforeUnmount } from "vue";
import { getSiteList } from "@/api/common";
import { formatAreaTree } from "@/utils/tree";
import { format } from "echarts";
+
+import useWebSocket from "@/hooks/useWebsocket.js";
+const { sendData, message: listMessage } = useWebSocket("leftStation");
+
import { useRoute, useRouter } from "vue-router";
const route = useRoute();
const router = useRouter();
@@ -20,7 +24,7 @@
const currentId = ref();
onMounted(() => {
- getTree();
+ // getTree();
});
watch(
@@ -65,17 +69,14 @@
return null;
}
- async function getTree() {
- try {
- const res = await getSiteList();
+ watch(
+ () => listMessage.value,
+ async () => {
let _data = [];
- if (res.code === 1 && res.data) {
- _data = res.data2;
+ if (listMessage.value) {
+ _data = JSON.parse(listMessage.value)?.data2;
}
- console.log('_data', _data, '=============');
-
const treeList = formatAreaTree(_data);
- console.log(treeList, "treeList");
data.value = treeList;
await nextTick();
const firstLeafId = currentId.value || findFirstLeafNode(treeList);
@@ -87,13 +88,39 @@
// treeRef.value.setCurrentNode(node);
handleNodeClick(node.data, node, treeRef.value);
-
- // handleNodeClick(node.data);
}
- } catch (e) {
- console.log(e);
}
- }
+ );
+
+ // async function getTree() {
+ // try {
+ // const res = await getSiteList();
+ // let _data = [];
+ // if (res.code === 1 && res.data) {
+ // _data = res.data2;
+ // }
+ // console.log('_data', _data, '=============');
+
+ // const treeList = formatAreaTree(_data);
+ // console.log(treeList, "treeList");
+ // data.value = treeList;
+ // await nextTick();
+ // const firstLeafId = currentId.value || findFirstLeafNode(treeList);
+
+ // if (firstLeafId) {
+ // const node = treeRef.value.getNode(firstLeafId);
+ // expandParentNodes(firstLeafId);
+ // treeRef.value.setCurrentKey(firstLeafId);
+ // // treeRef.value.setCurrentNode(node);
+
+ // handleNodeClick(node.data, node, treeRef.value);
+
+ // // handleNodeClick(node.data);
+ // }
+ // } catch (e) {
+ // console.log(e);
+ // }
+ // }
const expandParentNodes = (nodeId) => {
@@ -115,6 +142,7 @@
}
}
+
defineExpose({ setCurrent });
</script>
--
Gitblit v1.9.1