|
|
@ -104,12 +104,14 @@ |
|
|
|
<img v-else src="../../../assets/images/flowimg/nomove.png" class="bigMove" alt="" /> --> |
|
|
|
<img v-else src="../../../assets/images/flowimg/nomove.png" class="bigMove" alt="" /> --> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 文字定位 --> |
|
|
|
<!-- 文字定位 --> |
|
|
|
<div class="flow-text text1">供水泵1</div> |
|
|
|
<div class="flow-text text1">{{ progressName1 }}供水泵1</div> |
|
|
|
|
|
|
|
<div class="flow-text text6">{{ progressName1 }}供水泵2</div> |
|
|
|
|
|
|
|
<div class="flow-text text9">{{ progressName2 }}供水泵1</div> |
|
|
|
|
|
|
|
<div class="flow-text text10">{{ progressName2 }}供水泵2</div> |
|
|
|
<div class="flow-text text2">回水管</div> |
|
|
|
<div class="flow-text text2">回水管</div> |
|
|
|
<div class="flow-text text3">无线网关</div> |
|
|
|
<div class="flow-text text3">无线网关</div> |
|
|
|
<div class="flow-text text4">回水阀</div> |
|
|
|
<div class="flow-text text4">回水阀</div> |
|
|
|
<div class="flow-text text5">房间</div> |
|
|
|
<div class="flow-text text5">房间</div> |
|
|
|
<div class="flow-text text6">供水泵2</div> |
|
|
|
|
|
|
|
<div class="flow-text text7">循环加热泵</div> |
|
|
|
<div class="flow-text text7">循环加热泵</div> |
|
|
|
<div class="flow-text text8">补水阀</div> |
|
|
|
<div class="flow-text text8">补水阀</div> |
|
|
|
<!-- 补水阀定位 --> |
|
|
|
<!-- 补水阀定位 --> |
|
|
@ -128,7 +130,12 @@ |
|
|
|
<!-- 供水定位 --> |
|
|
|
<!-- 供水定位 --> |
|
|
|
<img |
|
|
|
<img |
|
|
|
class="supply" |
|
|
|
class="supply" |
|
|
|
v-if="this.upWaterState1 === '1' || this.upWaterState2 === '1'" |
|
|
|
v-if=" |
|
|
|
|
|
|
|
this.upWaterState1 === '1' || |
|
|
|
|
|
|
|
this.upWaterState2 === '1' || |
|
|
|
|
|
|
|
this.upWaterState3 === '1' || |
|
|
|
|
|
|
|
this.upWaterState4 === '1' |
|
|
|
|
|
|
|
" |
|
|
|
src="../../../assets/flowimg/supply-move.gif" |
|
|
|
src="../../../assets/flowimg/supply-move.gif" |
|
|
|
alt="" |
|
|
|
alt="" |
|
|
|
/> |
|
|
|
/> |
|
|
@ -179,26 +186,26 @@ |
|
|
|
/> |
|
|
|
/> |
|
|
|
<!-- 供水泵3定位 --> |
|
|
|
<!-- 供水泵3定位 --> |
|
|
|
<img |
|
|
|
<img |
|
|
|
class="waterpum" |
|
|
|
class="waterpum2" |
|
|
|
v-if="this.upWaterState2 === '1'" |
|
|
|
v-if="this.upWaterState3 === '1'" |
|
|
|
src="../../../assets/flowimg/startpum.png" |
|
|
|
src="../../../assets/flowimg/startpum.png" |
|
|
|
alt="" |
|
|
|
alt="" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<img |
|
|
|
<img |
|
|
|
class="waterpum" |
|
|
|
class="waterpum2" |
|
|
|
v-else |
|
|
|
v-else |
|
|
|
src="../../../assets/flowimg/closepum.png" |
|
|
|
src="../../../assets/flowimg/closepum.png" |
|
|
|
alt="" |
|
|
|
alt="" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<!-- 供水泵4定位 --> |
|
|
|
<!-- 供水泵4定位 --> |
|
|
|
<img |
|
|
|
<img |
|
|
|
class="waterpum" |
|
|
|
class="waterpum3" |
|
|
|
v-if="this.upWaterState2 === '1'" |
|
|
|
v-if="this.upWaterState4 === '1'" |
|
|
|
src="../../../assets/flowimg/startpum.png" |
|
|
|
src="../../../assets/flowimg/startpum.png" |
|
|
|
alt="" |
|
|
|
alt="" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<img |
|
|
|
<img |
|
|
|
class="waterpum" |
|
|
|
class="waterpum3" |
|
|
|
v-else |
|
|
|
v-else |
|
|
|
src="../../../assets/flowimg/closepum.png" |
|
|
|
src="../../../assets/flowimg/closepum.png" |
|
|
|
alt="" |
|
|
|
alt="" |
|
|
@ -541,18 +548,6 @@ |
|
|
|
<span>{{ row.waterLevel2 }} </span> |
|
|
|
<span>{{ row.waterLevel2 }} </span> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="upWaterState1" label="供水泵1状态"> |
|
|
|
|
|
|
|
<template slot-scope="{ row }"> |
|
|
|
|
|
|
|
<span v-if="row.upWaterState1 === '0'">不运行 </span> |
|
|
|
|
|
|
|
<span v-if="row.upWaterState1 === '1'">运行 </span> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="upWaterState2" label="供水泵2状态"> |
|
|
|
|
|
|
|
<template slot-scope="{ row }"> |
|
|
|
|
|
|
|
<span v-if="row.upWaterState2 === '0'">不运行 </span> |
|
|
|
|
|
|
|
<span v-if="row.upWaterState2 === '1'">运行 </span> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="upWaterState" label="补水状态"> |
|
|
|
<el-table-column prop="upWaterState" label="补水状态"> |
|
|
|
<template slot-scope="{ row }"> |
|
|
|
<template slot-scope="{ row }"> |
|
|
|
<span v-if="row.useWaterState === '0'">不运行 </span> |
|
|
|
<span v-if="row.useWaterState === '0'">不运行 </span> |
|
|
@ -618,6 +613,8 @@ export default { |
|
|
|
useWaterState: "", |
|
|
|
useWaterState: "", |
|
|
|
upWaterState1: "", //供水泵1状态 |
|
|
|
upWaterState1: "", //供水泵1状态 |
|
|
|
upWaterState2: "", //供水泵2状态 |
|
|
|
upWaterState2: "", //供水泵2状态 |
|
|
|
|
|
|
|
upWaterState3: "", //供水泵3状态 |
|
|
|
|
|
|
|
upWaterState4: "", //供水泵4状态 |
|
|
|
backWaterState: "", //回水阀状态 |
|
|
|
backWaterState: "", //回水阀状态 |
|
|
|
// 热泵状态 两个系数 |
|
|
|
// 热泵状态 两个系数 |
|
|
|
hotPumState: "", |
|
|
|
hotPumState: "", |
|
|
@ -942,6 +939,8 @@ export default { |
|
|
|
this.useWaterState = row.useWaterState; |
|
|
|
this.useWaterState = row.useWaterState; |
|
|
|
this.upWaterState1 = row.upWaterState1; |
|
|
|
this.upWaterState1 = row.upWaterState1; |
|
|
|
this.upWaterState2 = row.upWaterState2; |
|
|
|
this.upWaterState2 = row.upWaterState2; |
|
|
|
|
|
|
|
this.upWaterState3 = row.upWaterState3; |
|
|
|
|
|
|
|
this.upWaterState4 = row.upWaterState4; |
|
|
|
this.backWaterState = row.backWaterState; |
|
|
|
this.backWaterState = row.backWaterState; |
|
|
|
console.log("补水阀状态11111111111111111111", this.useWaterState); |
|
|
|
console.log("补水阀状态11111111111111111111", this.useWaterState); |
|
|
|
}, |
|
|
|
}, |
|
|
@ -1286,8 +1285,8 @@ export default { |
|
|
|
|
|
|
|
|
|
|
|
.text1 { |
|
|
|
.text1 { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: 2.9rem; |
|
|
|
top: 3.15rem; |
|
|
|
left: 0.6rem; |
|
|
|
left: 0.55rem; |
|
|
|
z-index: 1; |
|
|
|
z-index: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
@ -1323,8 +1322,8 @@ export default { |
|
|
|
|
|
|
|
|
|
|
|
.text6 { |
|
|
|
.text6 { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: 4.27rem; |
|
|
|
top: 4.3rem; |
|
|
|
left: 0.6rem; |
|
|
|
left: 0.55rem; |
|
|
|
z-index: 1; |
|
|
|
z-index: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
@ -1340,6 +1339,18 @@ export default { |
|
|
|
left: 1.4rem; |
|
|
|
left: 1.4rem; |
|
|
|
z-index: 1; |
|
|
|
z-index: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.text9 { |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
top: 5.4rem; |
|
|
|
|
|
|
|
left: 0.55rem; |
|
|
|
|
|
|
|
z-index: 1; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.text10 { |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
top: 6.4rem; |
|
|
|
|
|
|
|
left: 0.55rem; |
|
|
|
|
|
|
|
z-index: 1; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.replenish { |
|
|
|
.replenish { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
@ -1368,20 +1379,34 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.coolpum { |
|
|
|
.coolpum { |
|
|
|
width: 1rem; |
|
|
|
width: 0.9rem; |
|
|
|
height: 0.78rem; |
|
|
|
height: 0.68rem; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: 2rem; |
|
|
|
top: 2.4rem; |
|
|
|
left: 0.5rem; |
|
|
|
left: 0.6rem; |
|
|
|
z-index: 2; |
|
|
|
z-index: 2; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.waterpum { |
|
|
|
.waterpum { |
|
|
|
width: 1rem; |
|
|
|
width: 0.9rem; |
|
|
|
height: 0.78rem; |
|
|
|
height: 0.68rem; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
top: 3.55rem; |
|
|
|
|
|
|
|
left: 0.6rem; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.waterpum2 { |
|
|
|
|
|
|
|
width: 0.9rem; |
|
|
|
|
|
|
|
height: 0.68rem; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: 3.37rem; |
|
|
|
top: 4.65rem; |
|
|
|
left: 0.5rem; |
|
|
|
left: 0.6rem; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.waterpum3 { |
|
|
|
|
|
|
|
width: 0.9rem; |
|
|
|
|
|
|
|
height: 0.68rem; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
top: 5.65rem; |
|
|
|
|
|
|
|
left: 0.6rem; |
|
|
|
} |
|
|
|
} |
|
|
|
.buwaterpum { |
|
|
|
.buwaterpum { |
|
|
|
width: 8.5rem; |
|
|
|
width: 8.5rem; |
|
|
|