修改 模块数据页面样式

src/views/govern/device/control/index.vue

@@ -559,7 +559,17 @@ import { useDictData } from '@/stores/dictData'
 import { useRouter } from 'vue-router'
 import TableHeader from '@/components/table/header/index.vue'
 import { useAdminInfo } from '@/stores/adminInfo'
-import { Histogram, TrendCharts, DataLine, DataAnalysis, Odometer, Monitor, Timer, Back ,Refresh} from '@element-plus/icons-vue'
+import {
+    Histogram,
+    TrendCharts,
+    DataLine,
+    DataAnalysis,
+    Odometer,
+    Monitor,
+    Timer,
+    Back,
+    Refresh
+} from '@element-plus/icons-vue'
 import analysisList from './analysisList/index.vue'
 import mqtt from 'mqtt'
 defineOptions({
@@ -583,7 +593,7 @@ const tableHeightBox = mainHeight(330).height
 const searchValue = ref('')
 const TrendList = ref({})
 const oddAndEven = ref('1')
-const datePickerRef = ref('1')
+const datePickerRef = ref()
 const oddAndEvenFlag = ref(false)
 const formInline = reactive({
     searchValue: '',
@@ -1257,7 +1267,13 @@ const handleClick = async (tab?: any) => {
     }
     //模块数据
     if (dataSet.value.includes('_moduleData')) {
-        ;(await datePickerRef.value) && datePickerRef.value?.setInterval(5)
+
+        setTimeout(() => {
+            if ((tab && tab.props) != undefined) {
+                datePickerRef.value && datePickerRef.value?.setInterval(5)
+            }
+        }, 0)
+
         let obj = {
             // devId: deviceId.value, //e.id
             lineId: lineId.value, //e.pid
@@ -1351,7 +1367,6 @@ const handleClick = async (tab?: any) => {
 }
 // 刷新状态
 const refreshTheState = () => {
-    
     moduleDataRef.value.getModule(deviceData.value.ndid)
 }
 //模版下载