zangch
/
JDAirPort.Ems.UI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改看板

Browse Source
boardTest
夜笙歌 2 weeks ago
parent 232b7504d7
commit 0942df62a8
1 changed files with 30 additions and 29 deletions
Show Stats Download Patch File Download Diff File

59
src/views/board/index.vue
Unescape Escape View File

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

Write Preview
Loading…
Cancel
Save