src/views/data/channel/http/api/tag/index.vue

@@ -163,6 +163,7 @@
  import {ref} from "vue";
  import {onBeforeUnmount, onMounted} from "vue";
  import TagImportForm from '../../../common/tag/TagImportForm.vue'
  import * as OpcUaTagApi from "@/api/data/channel/opcua/tag";

  defineOptions({name: 'HttpTag'})

@@ -275,4 +276,24 @@
      exportLoading.value = false
    }
  }

  let intervalId;

  onMounted(async () => {
    // 创建定时器
    intervalId = setInterval(async () => {
      if(queryParams.currentValue){
        const page = await HttpTagApi.getHttpTagPage(queryParams)
        list.value = page.list
        total.value = page.total
      }
    }, 10000);
  });

  // 在组件卸载时清除定时器
  onBeforeUnmount(() => {
    if (intervalId) {
      clearInterval(intervalId);
    }
  });
</script>