src/views/data/channel/opcua/tag/index.vue

@@ -165,8 +165,9 @@
  import * as OpcUaTagApi from "@/api/data/channel/opcua/tag";
  import TagForm from './TagForm.vue'
  import download from "@/utils/download";
  import {ref,reactive} from "vue";
  import {ref, reactive, onMounted, onBeforeUnmount} from "vue";
  import TagImportForm from '../../common/tag/TagImportForm.vue'
  import * as OpcdaTagApi from "@/api/data/channel/opcda/tag";

  defineOptions({name: 'OpcuaTag'})

@@ -184,6 +185,7 @@
    device: undefined,
    deviceId: undefined,
    tagName: undefined,
    currentValue:false,
    address: undefined
  })
  const queryFormRef = ref() // 搜索的表单
@@ -280,4 +282,24 @@
      exportLoading.value = false
    }
  }

  let intervalId;

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

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