U onActivated'

he wei

2025-04-25 53310b6f8b2274c3d68674648446451761edea21

 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>