From 932c3ab49ea4e911fb2c2531c29d6609ac5afefd Mon Sep 17 00:00:00 2001
From: dengzedong <dengzedong@email>
Date: 星期四, 02 一月 2025 10:51:37 +0800
Subject: [PATCH] itemchart bug修复。 页面优化
---
src/views/data/channel/opcua/tag/index.vue | 49 ++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 40 insertions(+), 9 deletions(-)
diff --git a/src/views/data/channel/opcua/tag/index.vue b/src/views/data/channel/opcua/tag/index.vue
index 1ef3fc1..2c8d799 100644
--- a/src/views/data/channel/opcua/tag/index.vue
+++ b/src/views/data/channel/opcua/tag/index.vue
@@ -1,7 +1,7 @@
<template>
<el-drawer
v-model="drawer"
- size="50%"
+ size="60%"
title="Opcua Tag"
:direction="direction"
:before-close="handleClose"
@@ -67,6 +67,12 @@
<Icon icon="ep:download" />导出
</el-button>
</el-form-item>
+ <el-form-item label="更新当前值" label-width="100px">
+ <el-switch
+ v-model="queryParams.currentValue"
+ active-color="#13ce66"
+ inactive-color="#ff4949"/>
+ </el-form-item>
</el-form>
</ContentWrap>
<!-- 列表 -->
@@ -113,19 +119,22 @@
label="数据值"
header-align="center"
align="center"
+ min-width="100"
:formatter="(row) => {if (row.dataValue === -2.0) {return '--';}return row.dataValue;}"
/>
<el-table-column
- prop="quality"
+ prop="dataTime"
+ label="数据时间"
+ header-align="center"
+ align="center"
+ min-width="150"
+ />
+ <el-table-column
+ prop="dataQuality"
label="数据质量"
header-align="center"
align="center"
- >
- <template #default="scope">
- <el-tag v-if="scope.row.dataValue === Number(-2.0)" type="danger" size="small">bad</el-tag>
- <el-tag v-else size="small">good</el-tag>
- </template>
- </el-table-column>
+ />
<el-table-column label="操作" align="center" min-width="110" fixed="right">
<template #default="scope">
<el-button
@@ -165,8 +174,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 +194,7 @@
device: undefined,
deviceId: undefined,
tagName: undefined,
+ currentValue:false,
address: undefined
})
const queryFormRef = ref() // 搜索的表单
@@ -280,4 +291,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>
--
Gitblit v1.9.3