|
|
@ -1,5 +1,5 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div class="container">
|
|
|
|
<div class="container" :style="'background-image: url('+((controlList&& controlList.length === 0) ? bgImg1 : bgImg)+')'">
|
|
|
|
<div class="title1">监控设备</div>
|
|
|
|
<div class="title1">监控设备</div>
|
|
|
|
<div class="centerImg"></div>
|
|
|
|
<div class="centerImg"></div>
|
|
|
|
<div class="title">监控单元</div>
|
|
|
|
<div class="title">监控单元</div>
|
|
|
@ -15,7 +15,7 @@
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</el-tree>
|
|
|
|
</el-tree>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div v-if="show" class="equipmentInfo">
|
|
|
|
<div v-if="show" :class="((controlList&& controlList.length === 0) ? 'equipmentInfo1' : 'equipmentInfo')">
|
|
|
|
<p>
|
|
|
|
<p>
|
|
|
|
<span>名称:</span>
|
|
|
|
<span>名称:</span>
|
|
|
|
<span style="color: #d9dee3">{{ MonitorInfo.monitorUnitName }}</span>
|
|
|
|
<span style="color: #d9dee3">{{ MonitorInfo.monitorUnitName }}</span>
|
|
|
@ -35,7 +35,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div v-if="show"
|
|
|
|
<div v-if="show"
|
|
|
|
:style="'background-image: url('+(MonitorInfo.monitorPic ? MonitorInfo.monitorPic :defaultImg)+');'"
|
|
|
|
:style="'background-image: url('+(MonitorInfo.monitorPic ? MonitorInfo.monitorPic :defaultImg)+');'"
|
|
|
|
class="img"></div>
|
|
|
|
:class="((controlList&& controlList.length === 0) ? 'img1' : 'img')"></div>
|
|
|
|
<div class="terminal">
|
|
|
|
<div class="terminal">
|
|
|
|
<!--el-form :model="form" class="demo-form-inline">
|
|
|
|
<!--el-form :model="form" class="demo-form-inline">
|
|
|
|
<el-form-item label="传感器名称:">
|
|
|
|
<el-form-item label="传感器名称:">
|
|
|
@ -120,6 +120,8 @@ import {
|
|
|
|
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'
|
|
|
|
import defaultImg2 from '@/assets/board/equipment/defaultImg.png'
|
|
|
|
|
|
|
|
import bgImg from '@/assets/board/equipment/bg.jpg'
|
|
|
|
|
|
|
|
import bgImg1 from '@/assets/board/equipment/bg2.jpg'
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let getDeviceInterval = null
|
|
|
|
let getDeviceInterval = null
|
|
|
@ -130,6 +132,8 @@ export default {
|
|
|
|
defaultImg,
|
|
|
|
defaultImg,
|
|
|
|
defaultImg1,
|
|
|
|
defaultImg1,
|
|
|
|
defaultImg2,
|
|
|
|
defaultImg2,
|
|
|
|
|
|
|
|
bgImg,
|
|
|
|
|
|
|
|
bgImg1,
|
|
|
|
show: false,
|
|
|
|
show: false,
|
|
|
|
monitorUnitId: '',
|
|
|
|
monitorUnitId: '',
|
|
|
|
data1: true,
|
|
|
|
data1: true,
|
|
|
@ -157,8 +161,6 @@ export default {
|
|
|
|
await this.getTree()
|
|
|
|
await this.getTree()
|
|
|
|
},
|
|
|
|
},
|
|
|
|
switchChange(functionIdentifier, deviceId, deviceCode, modeFunctionId) {
|
|
|
|
switchChange(functionIdentifier, deviceId, deviceCode, modeFunctionId) {
|
|
|
|
console.log(this.controlList)
|
|
|
|
|
|
|
|
console.log(this.controlList)
|
|
|
|
|
|
|
|
this.$confirm('确定执行么?', '提示', {
|
|
|
|
this.$confirm('确定执行么?', '提示', {
|
|
|
|
confirmButtonText: '确定',
|
|
|
|
confirmButtonText: '确定',
|
|
|
|
cancelButtonText: '取消',
|
|
|
|
cancelButtonText: '取消',
|
|
|
@ -243,7 +245,6 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.container {
|
|
|
|
.container {
|
|
|
|
background-image: url("~@/assets/board/equipment/bg.jpg");
|
|
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
@ -305,6 +306,22 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.equipmentInfo1 {
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
top: 52.6%;
|
|
|
|
|
|
|
|
left: 17.2%;
|
|
|
|
|
|
|
|
width: 28.4%;
|
|
|
|
|
|
|
|
height: 44%;
|
|
|
|
|
|
|
|
color: #1684c2;
|
|
|
|
|
|
|
|
padding: 2vh 0 0 1vw;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
p {
|
|
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
|
|
line-height: 10vh;
|
|
|
|
|
|
|
|
font-size: 0.9vw;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img {
|
|
|
|
.img {
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-size: 100% 100%;
|
|
|
@ -314,6 +331,15 @@ export default {
|
|
|
|
width: 12%;
|
|
|
|
width: 12%;
|
|
|
|
height: 20.4%;
|
|
|
|
height: 20.4%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.img1{
|
|
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
top: 11.5%;
|
|
|
|
|
|
|
|
left: 16.9%;
|
|
|
|
|
|
|
|
width: 28.8%;
|
|
|
|
|
|
|
|
height: 40.4%;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.terminal {
|
|
|
|
.terminal {
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|