|
|
@ -68,8 +68,19 @@
|
|
|
|
<div v-for="i in acquisitionList" class="item">
|
|
|
|
<div v-for="i in acquisitionList" class="item">
|
|
|
|
<div class="iconBg"></div>
|
|
|
|
<div class="iconBg"></div>
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
:style="'background-image: url('+i.deviceDataMap[Object.keys(i.deviceDataMap).find(e=> i.deviceDataMap[e].toString().includes('http'))] ? i.deviceDataMap[Object.keys(i.deviceDataMap).find(e=> i.deviceDataMap[e].toString().includes('http'))]:''+')'"
|
|
|
|
class="icon">
|
|
|
|
class="icon"></div>
|
|
|
|
<el-image
|
|
|
|
|
|
|
|
v-if="i.deviceDataMap[Object.keys(i.deviceDataMap).find(e=> i.deviceDataMap[e].toString().includes('http'))]"
|
|
|
|
|
|
|
|
:preview-src-list="[i.deviceDataMap[Object.keys(i.deviceDataMap).find(e=> i.deviceDataMap[e].toString().includes('http'))]]"
|
|
|
|
|
|
|
|
:src="i.deviceDataMap[Object.keys(i.deviceDataMap).find(e=> i.deviceDataMap[e].toString().includes('http'))]"
|
|
|
|
|
|
|
|
style="width: 100%; height: 100%">
|
|
|
|
|
|
|
|
</el-image>
|
|
|
|
|
|
|
|
<el-image
|
|
|
|
|
|
|
|
v-else
|
|
|
|
|
|
|
|
:src="defaultImg2"
|
|
|
|
|
|
|
|
style="width: 100%; height: 100%">
|
|
|
|
|
|
|
|
</el-image>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="rightBg">
|
|
|
|
<div class="rightBg">
|
|
|
|
<div class="title">{{ i.deviceName }}</div>
|
|
|
|
<div class="title">{{ i.deviceName }}</div>
|
|
|
|
<div style="position: absolute;left: 24%;top: 0px;width: 55%;height: 100%;">
|
|
|
|
<div style="position: absolute;left: 24%;top: 0px;width: 55%;height: 100%;">
|
|
|
@ -80,6 +91,7 @@
|
|
|
|
<div class="spanBg"></div>
|
|
|
|
<div class="spanBg"></div>
|
|
|
|
<div class="num">{{ i.deviceDataMap[val] }}</div>
|
|
|
|
<div class="num">{{ i.deviceDataMap[val] }}</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="btn">
|
|
|
|
<div class="btn">
|
|
|
|
<div class="btnC" style="top: 50%">
|
|
|
|
<div class="btnC" style="top: 50%">
|
|
|
@ -102,6 +114,7 @@ import {
|
|
|
|
} from '@/api/board/equipment'
|
|
|
|
} from '@/api/board/equipment'
|
|
|
|
import defaultImg from '@/assets/board/equipment/icon.png'
|
|
|
|
import defaultImg from '@/assets/board/equipment/icon.png'
|
|
|
|
import defaultImg1 from '@/assets/board/equipment/icon2.png'
|
|
|
|
import defaultImg1 from '@/assets/board/equipment/icon2.png'
|
|
|
|
|
|
|
|
import defaultImg2 from '@/assets/board/equipment/defaultImg.png'
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let getDeviceInterval = null
|
|
|
|
let getDeviceInterval = null
|
|
|
@ -111,6 +124,7 @@ export default {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
defaultImg,
|
|
|
|
defaultImg,
|
|
|
|
defaultImg1,
|
|
|
|
defaultImg1,
|
|
|
|
|
|
|
|
defaultImg2,
|
|
|
|
show: false,
|
|
|
|
show: false,
|
|
|
|
monitorUnitId: '',
|
|
|
|
monitorUnitId: '',
|
|
|
|
data1: true,
|
|
|
|
data1: true,
|
|
|
|