|
@ -5,42 +5,42 @@ |
|
|
<div class="left-3d"> |
|
|
<div class="left-3d"> |
|
|
<iframe id="myIframe" ref="myIframe" name="iframeMap" class="iframe_box" src="/webA/index.html" frameborder="0" scrolling="no" /> |
|
|
<iframe id="myIframe" ref="myIframe" name="iframeMap" class="iframe_box" src="/webA/index.html" frameborder="0" scrolling="no" /> |
|
|
<ul class="msg-list"> |
|
|
<ul class="msg-list"> |
|
|
<li v-show="topDisplayData.DAK_DIV_TOP_001.show" :class="{ 'li-warn': topDisplayData.DAK_DIV_TOP_001.curstatus === '1' }"> |
|
|
|
|
|
|
|
|
<li v-show="topDisplayData.DAK_DIV_TOP_001.show" :class="{ 'li-warn': topDisplayData.DAK_DIV_TOP_001.curstatus > 0 }"> |
|
|
<svg-icon icon-class="temperature" class-name="msg-list-svg" /> |
|
|
<svg-icon icon-class="temperature" class-name="msg-list-svg" /> |
|
|
<div class="msg-txt"> |
|
|
<div class="msg-txt"> |
|
|
<span class="msg-list-num">{{ topDisplayData.DAK_DIV_TOP_001.curValue }}</span> |
|
|
<span class="msg-list-num">{{ topDisplayData.DAK_DIV_TOP_001.curValue }}</span> |
|
|
<p class="msg-list-unit">温度 {{ topDisplayData.DAK_DIV_TOP_001.unit }}</p> |
|
|
<p class="msg-list-unit">温度 {{ topDisplayData.DAK_DIV_TOP_001.unit }}</p> |
|
|
</div> |
|
|
</div> |
|
|
</li> |
|
|
</li> |
|
|
<li v-show="topDisplayData.DAK_DIV_TOP_002.show" :class="{ 'li-warn': topDisplayData.DAK_DIV_TOP_002.curstatus === '1' }"> |
|
|
|
|
|
|
|
|
<li v-show="topDisplayData.DAK_DIV_TOP_002.show" :class="{ 'li-warn': topDisplayData.DAK_DIV_TOP_002.curstatus > 0 }"> |
|
|
<svg-icon icon-class="shidu" class-name="msg-list-svg" /> |
|
|
<svg-icon icon-class="shidu" class-name="msg-list-svg" /> |
|
|
<div class="msg-txt"> |
|
|
<div class="msg-txt"> |
|
|
<span class="msg-list-num">{{ topDisplayData.DAK_DIV_TOP_002.curValue }}</span> |
|
|
<span class="msg-list-num">{{ topDisplayData.DAK_DIV_TOP_002.curValue }}</span> |
|
|
<p class="msg-list-unit">湿度 {{ topDisplayData.DAK_DIV_TOP_002.unit }}</p> |
|
|
<p class="msg-list-unit">湿度 {{ topDisplayData.DAK_DIV_TOP_002.unit }}</p> |
|
|
</div> |
|
|
</div> |
|
|
</li> |
|
|
</li> |
|
|
<li v-show="topDisplayData.DAK_DIV_TOP_003.show" :class="{ 'li-warn': topDisplayData.DAK_DIV_TOP_003.curstatus === '1' }"> |
|
|
|
|
|
|
|
|
<li v-show="topDisplayData.DAK_DIV_TOP_003.show" :class="{ 'li-warn': topDisplayData.DAK_DIV_TOP_003.curstatus > 0 }"> |
|
|
<svg-icon icon-class="co2" class-name="msg-list-svg" /> |
|
|
<svg-icon icon-class="co2" class-name="msg-list-svg" /> |
|
|
<div class="msg-txt"> |
|
|
<div class="msg-txt"> |
|
|
<span class="msg-list-num">{{ topDisplayData.DAK_DIV_TOP_003.curValue }}</span> |
|
|
<span class="msg-list-num">{{ topDisplayData.DAK_DIV_TOP_003.curValue }}</span> |
|
|
<p class="msg-list-unit">CO2 {{ topDisplayData.DAK_DIV_TOP_003.unit }}</p> |
|
|
<p class="msg-list-unit">CO2 {{ topDisplayData.DAK_DIV_TOP_003.unit }}</p> |
|
|
</div> |
|
|
</div> |
|
|
</li> |
|
|
</li> |
|
|
<li v-show="topDisplayData.DAK_DIV_TOP_004.show" :class="{ 'li-warn': topDisplayData.DAK_DIV_TOP_004.curstatus === '1' }"> |
|
|
|
|
|
|
|
|
<li v-show="topDisplayData.DAK_DIV_TOP_004.show" :class="{ 'li-warn': topDisplayData.DAK_DIV_TOP_004.curstatus > 0 }"> |
|
|
<svg-icon icon-class="voc" class-name="msg-list-svg" /> |
|
|
<svg-icon icon-class="voc" class-name="msg-list-svg" /> |
|
|
<div class="msg-txt"> |
|
|
<div class="msg-txt"> |
|
|
<span class="msg-list-num">{{ topDisplayData.DAK_DIV_TOP_004.curValue }}</span> |
|
|
<span class="msg-list-num">{{ topDisplayData.DAK_DIV_TOP_004.curValue }}</span> |
|
|
<p class="msg-list-unit">VOC {{ topDisplayData.DAK_DIV_TOP_004.unit }}</p> |
|
|
<p class="msg-list-unit">VOC {{ topDisplayData.DAK_DIV_TOP_004.unit }}</p> |
|
|
</div> |
|
|
</div> |
|
|
</li> |
|
|
</li> |
|
|
<li v-show="topDisplayData.DAK_DIV_TOP_005.show" :class="{ 'li-warn': topDisplayData.DAK_DIV_TOP_005.curstatus !== '0' }" class="msg-pm"> |
|
|
|
|
|
|
|
|
<li v-show="topDisplayData.DAK_DIV_TOP_005.show" :class="{ 'li-warn': topDisplayData.DAK_DIV_TOP_005.curstatus > 0 }" class="msg-pm"> |
|
|
<svg-icon icon-class="pm25" class-name="msg-list-svg" /> |
|
|
<svg-icon icon-class="pm25" class-name="msg-list-svg" /> |
|
|
<div class="msg-txt"> |
|
|
<div class="msg-txt"> |
|
|
<span class="msg-list-num">{{ topDisplayData.DAK_DIV_TOP_005.curValue }}</span> |
|
|
<span class="msg-list-num">{{ topDisplayData.DAK_DIV_TOP_005.curValue }}</span> |
|
|
<p class="msg-list-unit">PM2.5 {{ topDisplayData.DAK_DIV_TOP_005.unit }}</p> |
|
|
<p class="msg-list-unit">PM2.5 {{ topDisplayData.DAK_DIV_TOP_005.unit }}</p> |
|
|
</div> |
|
|
</div> |
|
|
</li> |
|
|
</li> |
|
|
<li v-show="topDisplayData.DAK_DIV_TOP_006.show" :class="{ 'li-warn': topDisplayData.DAK_DIV_TOP_006.curstatus !== '0' }" class="msg-pm"> |
|
|
|
|
|
|
|
|
<li v-show="topDisplayData.DAK_DIV_TOP_006.show" :class="{ 'li-warn': topDisplayData.DAK_DIV_TOP_006.curstatus > 0 }" class="msg-pm"> |
|
|
<svg-icon icon-class="pm10" class-name="msg-list-svg" /> |
|
|
<svg-icon icon-class="pm10" class-name="msg-list-svg" /> |
|
|
<div class="msg-txt"> |
|
|
<div class="msg-txt"> |
|
|
<span class="msg-list-num">{{ topDisplayData.DAK_DIV_TOP_006.curValue }}</span> |
|
|
<span class="msg-list-num">{{ topDisplayData.DAK_DIV_TOP_006.curValue }}</span> |
|
@ -283,7 +283,7 @@ export default { |
|
|
id: element.divPosition, |
|
|
id: element.divPosition, |
|
|
wendu: (wendu?.curvalue) ? (Math.round(wendu?.curvalue)) : '-', |
|
|
wendu: (wendu?.curvalue) ? (Math.round(wendu?.curvalue)) : '-', |
|
|
sidu: (sidu?.curvalue) ? (Math.round(sidu?.curvalue)) : '-', |
|
|
sidu: (sidu?.curvalue) ? (Math.round(sidu?.curvalue)) : '-', |
|
|
alarmState: (wendu && wendu.curstatus !== '0') || (sidu && sidu.curstatus !== '0') |
|
|
|
|
|
|
|
|
alarmState: (wendu && wendu.curstatus > 0) || (sidu && sidu.curstatus > 0) |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|