fix: 看板拓扑网元状态改为ws数据获取

src/views/dashboard/overview/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, reactive, ref } from 'vue';
+import { onBeforeUnmount, onMounted, reactive, ref } from 'vue';
 import useI18n from '@/hooks/useI18n';
 import Topology from './components/Topology/index.vue';
 import NeResources from './components/NeResources/index.vue';
@@ -43,6 +43,9 @@ let onlineInfo: {
 const viewportDom = ref<HTMLElement | null>(null);
 const { isFullscreen, toggle } = useFullscreen(viewportDom);
 
+/**10s调度器 */
+const stateInterval = ref<any>(null);
+
 onMounted(() => {
   Promise.allSettled([
     listSub({
@@ -89,7 +92,7 @@ onMounted(() => {
       upfTFSend(7);
       upfTFSend(30);
 
-      setInterval(() => {
+      stateInterval.value = setInterval(() => {
         upfTFActive.value = upfTFActive.value >= 2 ? 0 : upfTFActive.value + 1;
         if (upfTFActive.value === 0) {
           upfTFSend(7);
@@ -101,6 +104,10 @@ onMounted(() => {
       }, 10_000);
     });
 });
+
+onBeforeUnmount(() => {
+  clearTimeout(stateInterval.value);
+});
 </script>
 
 <template>