From 0942df62a8b2e9ccb37cd7aa3d454312463e41ce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Mon, 9 Jun 2025 09:44:14 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=9C=8B=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/board/index.vue | 59 ++++++++++++++++++++-------------------
 1 file changed, 30 insertions(+), 29 deletions(-)

diff --git a/src/views/board/index.vue b/src/views/board/index.vue
index c727c5e..7ac923d 100644
--- a/src/views/board/index.vue
+++ b/src/views/board/index.vue
@@ -111,7 +111,7 @@
             <div style="border-bottom: 1px solid #244b9f;" v-for="i in Object.keys(deviceData.E0013)">
               <div class="td1">{{ i }}</div>
               <div class="td2">
-                <div v-if="new Date().getTime() - (isOnline[i] || 0) > (1000*60*3)">
+                <div v-if="new Date().getTime() - (isOnline[i] || 0) > (offLineTime)">
                   离线
                 </div>
                 <div v-else>
@@ -135,7 +135,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0014_0200 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0014_0200 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0014.E0014_0200||{}).isAlm?'icon5':'icon2'" style="top: 74%;left: 94%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -161,7 +161,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0014_1600 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0014_1600 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0014.E0014_1600||{}).isAlm?'icon5':'icon2'" style="top: 74%;left: 90%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -187,7 +187,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0014_0100 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0014_0100 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0014.E0014_0100||{}).isAlm?'icon5':'icon2'" style="top: 74%;left: 76%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -213,7 +213,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0014_3500 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0014_3500 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0014.E0014_3500||{}).isAlm?'icon5_1':'icon4'" style="top: 74%;left: 92.4%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -239,7 +239,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0014_3700 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0014_3700 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0014.E0014_3700||{}).isAlm?'icon5_1':'icon4'" style="top: 74%;left: 77.7%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -265,7 +265,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0004_0800 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0004_0800 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0004.E0004_0800||{}).isAlm?'icon5':'icon2'" style="top: 88%;left: 55%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -291,7 +291,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0004_3800 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0004_3800 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0004.E0004_3800||{}).isAlm?'icon5_1':'icon4'" style="top: 88.2%;left: 52.7%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -317,7 +317,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0004_3400 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0004_3400 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0004.E0004_3400||{}).isAlm?'icon5_1':'icon4'" style="top: 77.6%;left: 57.8%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -343,7 +343,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0004_3600 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0004_3600 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0004.E0004_3600||{}).isAlm?'icon5_1':'icon4'" style="top: 85.6%;left: 63.8%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -369,7 +369,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0002_2400 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0002_2400 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0002.E0002_2400||{}).isAlm?'icon5':'icon2'" style="top: 75%;left: 29%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -395,7 +395,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0003_2900 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0003_2900 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0003.E0003_2900||{}).isAlm?'icon5':'icon2'" style="top: 79%;left: 35%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -421,7 +421,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0003_2700 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0003_2700 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0003.E0003_2700||{}).isAlm?'icon5':'icon2'" style="top: 77%;left: 38%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -447,7 +447,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0001_1900 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0001_1900 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0001.E0001_1900||{}).isAlm?'icon5':'icon2'" style="top: 77%;left: 23%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -473,7 +473,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0001_0400 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0001_0400 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0001.E0001_0400||{}).isAlm?'icon5':'icon2'" style="top: 55%;left: 25.5%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -499,7 +499,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0001_2100 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0001_2100 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0001.E0001_2100||{}).isAlm?'icon5':'icon2'" style="top: 35.5%;left: 26.6%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -525,7 +525,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0005_0300 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0005_0300 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0005.E0005_0300||{}).isAlm?'icon5':'icon2'" style="top: 38.5%;left: 11.6%;">
         <div class="deviceInfo1">
           <div class="line"></div>
@@ -551,7 +551,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0006_0600 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0006_0600 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0006.E0006_0600||{}).isAlm?'icon5':'icon2'" style="top: 38.5%;left: 18.6%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -577,7 +577,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0014_1200 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0014_1200 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0014.E0014_1200||{}).isAlm?'icon5':'icon2'" style="top: 82%;left: 80.8%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -603,7 +603,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0014_2300 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0014_2300 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0014.E0014_2300||{}).isAlm?'icon5':'icon2'" style="top: 82%;left: 84.3%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -629,7 +629,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0014_3200 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0014_3200 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0014.E0014_3200||{}).isAlm?'icon5':'icon2'" style="top: 82%;left: 91%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -655,7 +655,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0014_1300 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0014_1300 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0014.E0014_1300||{}).isAlm?'icon5':'icon2'" style="top: 82%;left: 94.3%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -681,7 +681,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0004_0500 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0004_0500 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0004.E0004_0500||{}).isAlm?'icon5':'icon2'" style="top: 85%;left: 66%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -707,7 +707,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0002_1100 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0002_1100 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0002.E0002_1100||{}).isAlm?'icon5':'icon2'" style="top: 86%;left: 34%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -733,7 +733,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0002_1800 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0002_1800 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0002.E0002_1800||{}).isAlm?'icon5':'icon2'" style="top: 79%;left: 32%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -759,7 +759,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0001_0700 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0001_0700 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0001.E0001_0700||{}).isAlm?'icon5':'icon2'" style="top: 50.5%;left: 26.2%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -785,7 +785,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0001_1400 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0001_1400 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0001.E0001_1400||{}).isAlm?'icon5':'icon2'" style="top: 46.5%;left: 26.7%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -811,7 +811,7 @@
         </div>
       </div>
       <div
-        :style="{filter:(new Date().getTime() - (isOnline.E0001_2200 || 0) > (1000*60*3))?'grayscale(100%)':'grayscale(0%)'}"
+        :style="{filter:(new Date().getTime() - (isOnline.E0001_2200 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
         :class="(deviceData.E0001.E0001_2200||{}).isAlm?'icon5':'icon2'" style="top: 42.5%;left: 27.2%;">
         <div class="deviceInfo">
           <div class="line"></div>
@@ -896,7 +896,8 @@ export default {
         vibrationAcceleration: '振动-加速度',
         vibrationTemp: '振动-温度',
       },
-      isOnline: {}
+      isOnline: {},
+      offLineTime: 1000 * 60 * 30
 
     }
   },