|
|
|
@ -138,6 +138,163 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
:style="{filter:(new Date().getTime() - (isOnline.E0010_4000 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
|
|
|
|
|
:class="(deviceData.E0010.E0010_4000||{}).isAlm?'icon5':'icon4'" style="top: 30%;left: 4%;">
|
|
|
|
|
<div class="deviceInfo1">
|
|
|
|
|
<div class="line"></div>
|
|
|
|
|
<div class="table1">
|
|
|
|
|
<div class="deviceName">E0010_4000</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="table2">
|
|
|
|
|
<div style="line-height: 30px" v-for="ii in Object.keys((deviceData.E0010||{}).E0010_4000 || {})"
|
|
|
|
|
v-if="deviceData.E0010.E0010_4000[ii]>0">
|
|
|
|
|
<div>
|
|
|
|
|
<div class="info1">
|
|
|
|
|
{{ deviceMap[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="span">
|
|
|
|
|
:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info2">
|
|
|
|
|
{{ deviceData.E0010.E0010_4000[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
:style="{filter:(new Date().getTime() - (isOnline.E0009_4200 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
|
|
|
|
|
:class="(deviceData.E0009.E0009_4200||{}).isAlm?'icon5':'icon4'" style="top: 30%;left: 6%;">
|
|
|
|
|
<div class="deviceInfo1">
|
|
|
|
|
<div class="line"></div>
|
|
|
|
|
<div class="table1">
|
|
|
|
|
<div class="deviceName">E0009_4200</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="table2">
|
|
|
|
|
<div style="line-height: 30px" v-for="ii in Object.keys((deviceData.E0009||{}).E0009_4200 || {})"
|
|
|
|
|
v-if="deviceData.E0009.E0009_4200[ii]>0">
|
|
|
|
|
<div>
|
|
|
|
|
<div class="info1">
|
|
|
|
|
{{ deviceMap[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="span">
|
|
|
|
|
:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info2">
|
|
|
|
|
{{ deviceData.E0009.E0009_4200[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
:style="{filter:(new Date().getTime() - (isOnline.E0008_4100 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
|
|
|
|
|
:class="(deviceData.E0008.E0008_4100||{}).isAlm?'icon5':'icon4'" style="top: 30%;left: 8%;">
|
|
|
|
|
<div class="deviceInfo1">
|
|
|
|
|
<div class="line"></div>
|
|
|
|
|
<div class="table1">
|
|
|
|
|
<div class="deviceName">E0008_4100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="table2">
|
|
|
|
|
<div style="line-height: 30px" v-for="ii in Object.keys((deviceData.E0008||{}).E0008_4100 || {})"
|
|
|
|
|
v-if="deviceData.E0008.E0008_4100[ii]>0">
|
|
|
|
|
<div>
|
|
|
|
|
<div class="info1">
|
|
|
|
|
{{ deviceMap[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="span">
|
|
|
|
|
:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info2">
|
|
|
|
|
{{ deviceData.E0008.E0008_4100[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
:style="{filter:(new Date().getTime() - (isOnline.E0011_3900 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
|
|
|
|
|
:class="(deviceData.E0011.E0011_3900||{}).isAlm?'icon5':'icon4'" style="top: 30%;left: 10%;">
|
|
|
|
|
<div class="deviceInfo1">
|
|
|
|
|
<div class="line"></div>
|
|
|
|
|
<div class="table1">
|
|
|
|
|
<div class="deviceName">E0011_3900</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="table2">
|
|
|
|
|
<div style="line-height: 30px" v-for="ii in Object.keys((deviceData.E0011||{}).E0011_3900 || {})"
|
|
|
|
|
v-if="deviceData.E0011.E0011_3900[ii]>0">
|
|
|
|
|
<div>
|
|
|
|
|
<div class="info1">
|
|
|
|
|
{{ deviceMap[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="span">
|
|
|
|
|
:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info2">
|
|
|
|
|
{{ deviceData.E0011.E0011_3900[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
:style="{filter:(new Date().getTime() - (isOnline.E0007_3100 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
|
|
|
|
|
:class="(deviceData.E0007.E0007_3100||{}).isAlm?'icon5':'icon2'" style="top: 30%;left: 12%;">
|
|
|
|
|
<div class="deviceInfo1">
|
|
|
|
|
<div class="line"></div>
|
|
|
|
|
<div class="table1">
|
|
|
|
|
<div class="deviceName">E0007_3100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="table2">
|
|
|
|
|
<div style="line-height: 30px" v-for="ii in Object.keys((deviceData.E0007||{}).E0007_3100 || {})"
|
|
|
|
|
v-if="deviceData.E0007.E0007_3100[ii]>0">
|
|
|
|
|
<div>
|
|
|
|
|
<div class="info1">
|
|
|
|
|
{{ deviceMap[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="span">
|
|
|
|
|
:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info2">
|
|
|
|
|
{{ deviceData.E0007.E0007_3100[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
:style="{filter:(new Date().getTime() - (isOnline.E0007_2800 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
|
|
|
|
|
:class="(deviceData.E0007.E0007_2800||{}).isAlm?'icon5':'icon2'" style="top: 30%;left: 14%;">
|
|
|
|
|
<div class="deviceInfo1">
|
|
|
|
|
<div class="line"></div>
|
|
|
|
|
<div class="table1">
|
|
|
|
|
<div class="deviceName">E0007_2800</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="table2">
|
|
|
|
|
<div style="line-height: 30px" v-for="ii in Object.keys((deviceData.E0007||{}).E0007_2800 || {})"
|
|
|
|
|
v-if="deviceData.E0007.E0007_2800[ii]>0">
|
|
|
|
|
<div>
|
|
|
|
|
<div class="info1">
|
|
|
|
|
{{ deviceMap[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="span">
|
|
|
|
|
:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info2">
|
|
|
|
|
{{ deviceData.E0007.E0007_2800[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
: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%;">
|
|
|
|
@ -841,162 +998,6 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
:style="{filter:(new Date().getTime() - (isOnline.E0010_4000 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
|
|
|
|
|
:class="(deviceData.E0010.E0010_4000||{}).isAlm?'icon5':'icon4'" style="top: 30%;left: 4%;">
|
|
|
|
|
<div class="deviceInfo1">
|
|
|
|
|
<div class="line"></div>
|
|
|
|
|
<div class="table1">
|
|
|
|
|
<div class="deviceName">E0010_4000</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="table2">
|
|
|
|
|
<div style="line-height: 30px" v-for="ii in Object.keys((deviceData.E0010||{}).E0010_4000 || {})"
|
|
|
|
|
v-if="deviceData.E0010.E0010_4000[ii]>0">
|
|
|
|
|
<div>
|
|
|
|
|
<div class="info1">
|
|
|
|
|
{{ deviceMap[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="span">
|
|
|
|
|
:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info2">
|
|
|
|
|
{{ deviceData.E0010.E0010_4000[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
:style="{filter:(new Date().getTime() - (isOnline.E0009_4200 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
|
|
|
|
|
:class="(deviceData.E0009.E0009_4200||{}).isAlm?'icon5':'icon4'" style="top: 30%;left: 6%;">
|
|
|
|
|
<div class="deviceInfo1">
|
|
|
|
|
<div class="line"></div>
|
|
|
|
|
<div class="table1">
|
|
|
|
|
<div class="deviceName">E0009_4200</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="table2">
|
|
|
|
|
<div style="line-height: 30px" v-for="ii in Object.keys((deviceData.E0009||{}).E0009_4200 || {})"
|
|
|
|
|
v-if="deviceData.E0009.E0009_4200[ii]>0">
|
|
|
|
|
<div>
|
|
|
|
|
<div class="info1">
|
|
|
|
|
{{ deviceMap[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="span">
|
|
|
|
|
:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info2">
|
|
|
|
|
{{ deviceData.E0009.E0009_4200[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
:style="{filter:(new Date().getTime() - (isOnline.E0008_4100 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
|
|
|
|
|
:class="(deviceData.E0008.E0008_4100||{}).isAlm?'icon5':'icon4'" style="top: 30%;left: 8%;">
|
|
|
|
|
<div class="deviceInfo1">
|
|
|
|
|
<div class="line"></div>
|
|
|
|
|
<div class="table1">
|
|
|
|
|
<div class="deviceName">E0008_4100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="table2">
|
|
|
|
|
<div style="line-height: 30px" v-for="ii in Object.keys((deviceData.E0008||{}).E0008_4100 || {})"
|
|
|
|
|
v-if="deviceData.E0008.E0008_4100[ii]>0">
|
|
|
|
|
<div>
|
|
|
|
|
<div class="info1">
|
|
|
|
|
{{ deviceMap[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="span">
|
|
|
|
|
:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info2">
|
|
|
|
|
{{ deviceData.E0008.E0008_4100[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
:style="{filter:(new Date().getTime() - (isOnline.E0011_3900 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
|
|
|
|
|
:class="(deviceData.E0011.E0011_3900||{}).isAlm?'icon5':'icon4'" style="top: 30%;left: 10%;">
|
|
|
|
|
<div class="deviceInfo1">
|
|
|
|
|
<div class="line"></div>
|
|
|
|
|
<div class="table1">
|
|
|
|
|
<div class="deviceName">E0011_3900</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="table2">
|
|
|
|
|
<div style="line-height: 30px" v-for="ii in Object.keys((deviceData.E0011||{}).E0011_3900 || {})"
|
|
|
|
|
v-if="deviceData.E0011.E0011_3900[ii]>0">
|
|
|
|
|
<div>
|
|
|
|
|
<div class="info1">
|
|
|
|
|
{{ deviceMap[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="span">
|
|
|
|
|
:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info2">
|
|
|
|
|
{{ deviceData.E0011.E0011_3900[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
:style="{filter:(new Date().getTime() - (isOnline.E0007_3100 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
|
|
|
|
|
:class="(deviceData.E0007.E0007_3100||{}).isAlm?'icon5':'icon2'" style="top: 30%;left: 12%;">
|
|
|
|
|
<div class="deviceInfo1">
|
|
|
|
|
<div class="line"></div>
|
|
|
|
|
<div class="table1">
|
|
|
|
|
<div class="deviceName">E0007_3100</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="table2">
|
|
|
|
|
<div style="line-height: 30px" v-for="ii in Object.keys((deviceData.E0007||{}).E0007_3100 || {})"
|
|
|
|
|
v-if="deviceData.E0007.E0007_3100[ii]>0">
|
|
|
|
|
<div>
|
|
|
|
|
<div class="info1">
|
|
|
|
|
{{ deviceMap[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="span">
|
|
|
|
|
:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info2">
|
|
|
|
|
{{ deviceData.E0007.E0007_3100[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
:style="{filter:(new Date().getTime() - (isOnline.E0007_2800 || 0) > (offLineTime))?'grayscale(100%)':'grayscale(0%)'}"
|
|
|
|
|
:class="(deviceData.E0007.E0007_2800||{}).isAlm?'icon5':'icon2'" style="top: 30%;left: 14%;">
|
|
|
|
|
<div class="deviceInfo1">
|
|
|
|
|
<div class="line"></div>
|
|
|
|
|
<div class="table1">
|
|
|
|
|
<div class="deviceName">E0007_2800</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="table2">
|
|
|
|
|
<div style="line-height: 30px" v-for="ii in Object.keys((deviceData.E0007||{}).E0007_2800 || {})"
|
|
|
|
|
v-if="deviceData.E0007.E0007_2800[ii]>0">
|
|
|
|
|
<div>
|
|
|
|
|
<div class="info1">
|
|
|
|
|
{{ deviceMap[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="span">
|
|
|
|
|
:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info2">
|
|
|
|
|
{{ deviceData.E0007.E0007_2800[ii] }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|