|
|
@ -5,35 +5,35 @@ |
|
|
|
<div class="left-3d"> |
|
|
|
<iframe id="myIframe" ref="myIframe" name="iframeMap" class="iframe_box" src="/webA/index.html" frameborder="0" scrolling="no" /> |
|
|
|
<ul class="msg-list"> |
|
|
|
<li> |
|
|
|
<li id="DAK_DIV_TOP_001"> |
|
|
|
<svg-icon icon-class="temperature" class-name="msg-list-svg" /> |
|
|
|
<div class="msg-txt"> |
|
|
|
<span class="msg-list-num">60</span> |
|
|
|
<p class="msg-list-unit">温度℃</p> |
|
|
|
</div> |
|
|
|
</li> |
|
|
|
<li class="li-warn"> |
|
|
|
<li id="DAK_DIV_TOP_002" class="li-warn"> |
|
|
|
<svg-icon icon-class="shidu" class-name="msg-list-svg" /> |
|
|
|
<div class="msg-txt"> |
|
|
|
<span class="msg-list-num">60</span> |
|
|
|
<p class="msg-list-unit">湿度%</p> |
|
|
|
</div> |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<li id="DAK_DIV_TOP_003"> |
|
|
|
<svg-icon icon-class="co2" class-name="msg-list-svg" /> |
|
|
|
<div class="msg-txt"> |
|
|
|
<span class="msg-list-num">60</span> |
|
|
|
<p class="msg-list-unit">CO2ppm</p> |
|
|
|
</div> |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<li id="DAK_DIV_TOP_004"> |
|
|
|
<svg-icon icon-class="voc" class-name="msg-list-svg" /> |
|
|
|
<div class="msg-txt"> |
|
|
|
<span class="msg-list-num">60</span> |
|
|
|
<p class="msg-list-unit">VOCmg/m³</p> |
|
|
|
</div> |
|
|
|
</li> |
|
|
|
<li class="msg-pm"> |
|
|
|
<li id="DAK_DIV_TOP_005" class="msg-pm"> |
|
|
|
<!-- style="font-size:46px;margin-left:25px;padding-bottom:10px" --> |
|
|
|
<svg-icon icon-class="pm25" class-name="msg-list-svg" /> |
|
|
|
<div class="msg-txt"> |
|
|
@ -41,7 +41,7 @@ |
|
|
|
<p class="msg-list-unit">PM2.5ug/m³</p> |
|
|
|
</div> |
|
|
|
</li> |
|
|
|
<li class="msg-pm"> |
|
|
|
<li id="DAK_DIV_TOP_006" class="msg-pm"> |
|
|
|
<svg-icon icon-class="pm10" class-name="msg-list-svg" /> |
|
|
|
<div class="msg-txt"> |
|
|
|
<span class="msg-list-num">60</span> |
|
|
@ -109,7 +109,8 @@ export default { |
|
|
|
return { |
|
|
|
roomId: 'D6490DA3D4261E8C26D0E3', |
|
|
|
TopDisplayConfigData: [], |
|
|
|
OaoDisplayConfigData: [] |
|
|
|
OaoDisplayConfigData: [], |
|
|
|
topDisplayData: [] |
|
|
|
// , |
|
|
|
// iframeWin: null, |
|
|
|
// timer: null, // 定时器id 滚动表格 |
|
|
@ -122,6 +123,18 @@ export default { |
|
|
|
this.TopDisplayConfigData = data.filter((item) => { return item.divPosition.includes('TOP') }) |
|
|
|
this.OaoDisplayConfigData = data.filter((item) => { return item.divPosition.includes('OAO') }) |
|
|
|
}) |
|
|
|
const topDeviceIds = [] |
|
|
|
const oaoDeviceIds = [] |
|
|
|
this.TopDisplayConfigData.forEach(element => { |
|
|
|
if (element.isDisplay && element.bindState) { |
|
|
|
topDeviceIds.push(element.deviceInfo.id) |
|
|
|
} |
|
|
|
}) |
|
|
|
this.OaoDisplayConfigData.forEach(element => { |
|
|
|
if (element.isDisplay && element.bindState) { |
|
|
|
oaoDeviceIds.push(element.deviceInfo.id) |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
const _this = this |
|
|
@ -137,12 +150,10 @@ export default { |
|
|
|
getIframeLoading(value) { |
|
|
|
// console.log(`我是iframe传过来的参数:${value}`) |
|
|
|
if (value === 'false') { |
|
|
|
const oaoDisplayParams = [] |
|
|
|
this.OaoDisplayConfigData.array.forEach(element => { |
|
|
|
console.log(this.OaoDisplayConfigData) |
|
|
|
this.OaoDisplayConfigData.forEach(element => { |
|
|
|
if (!element.isDisplay || !element.bindState) { |
|
|
|
this.handleHide(element.divPosition) |
|
|
|
} else { |
|
|
|
oaoDisplayParams.push({ deviceSpecParams: element.deviceSpecParams }) |
|
|
|
} |
|
|
|
}) |
|
|
|
this.handleAlarm('DAK_MO_OAO_003') |
|
|
|