Browse Source

1.修改生活热水、风机、温度系统的监测页面改动

meizhou
selia-zx 3 weeks ago
parent
commit
1fa123a2f7
  1. BIN
      src/assets/flowimg/supply-move.gif
  2. BIN
      src/assets/flowimg/supply-nomove.png
  3. 8
      src/views/aircAndWindc/awSysMonitor/components/damperMonitor.vue
  4. 4
      src/views/aircAndWindc/awSysMonitor/components/normalMonitor.vue
  5. 6
      src/views/hotWater/waterControl/index.vue
  6. 91
      src/views/hotWater/waterMonitor/waterMonitorDetails.vue
  7. 2
      src/views/temSys/temMonitor/temMonitorDeatils.vue

BIN
src/assets/flowimg/supply-move.gif

Binary file not shown.

Before

Width:  |  Height:  |  Size: 335 KiB

After

Width:  |  Height:  |  Size: 468 KiB

BIN
src/assets/flowimg/supply-nomove.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 187 KiB

After

Width:  |  Height:  |  Size: 186 KiB

8
src/views/aircAndWindc/awSysMonitor/components/damperMonitor.vue

@ -204,7 +204,7 @@
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
<!-- <div <div
class="context-li" class="context-li"
v-if="isObjectValid(remoteManualObj) && startStopValue === 0" v-if="isObjectValid(remoteManualObj) && startStopValue === 0"
> >
@ -237,7 +237,7 @@
:disabled="automaticObj.collectValue" :disabled="automaticObj.collectValue"
> >
</el-switch> </el-switch>
</div> --> </div>
<div <div
class="context-li" class="context-li"
v-if="isObjectValid(openingBackObj)" v-if="isObjectValid(openingBackObj)"
@ -1851,7 +1851,7 @@ export default {
} }
.fan-satatus3 { .fan-satatus3 {
position: absolute; position: absolute;
top: 1.1rem; top: 0.8rem;
left: 6.4rem; left: 6.4rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -2219,7 +2219,7 @@ export default {
.windC { .windC {
transform: scale(0.8); transform: scale(0.8);
.fan-satatus3 { .fan-satatus3 {
top: 0.6rem !important; top: 0.2rem !important;
} }
} }
} }

4
src/views/aircAndWindc/awSysMonitor/components/normalMonitor.vue

@ -163,7 +163,7 @@
<div class="noneStautus" v-if="automaticObj.collectValue">手动</div> <div class="noneStautus" v-if="automaticObj.collectValue">手动</div>
<div class="goodStautus" v-else>自动</div> <div class="goodStautus" v-else>自动</div>
</div> </div>
<!-- <div class="context-li" v-if="isObjectValid(startControlObj)"> <div class="context-li" v-if="isObjectValid(startControlObj)">
<div class="wind-text">风机启停控制</div> <div class="wind-text">风机启停控制</div>
<el-switch <el-switch
style="display: block" style="display: block"
@ -176,7 +176,7 @@
:disabled="automaticObj.collectValue" :disabled="automaticObj.collectValue"
> >
</el-switch> </el-switch>
</div> --> </div>
</div> </div>
<div class="fan-satatus2"> <div class="fan-satatus2">
<div class="context-li" v-if="isObjectValid(waterSupplyObj)"> <div class="context-li" v-if="isObjectValid(waterSupplyObj)">

6
src/views/hotWater/waterControl/index.vue

@ -277,7 +277,7 @@
<div class="white"></div> <div class="white"></div>
</div> </div>
<div class="words-li"> <div class="words-li">
<div class="white">一次50分钟</div> <div class="white">一次{{ item.counterSet * 50 }}分钟</div>
</div> </div>
</div> </div>
</div> </div>
@ -682,7 +682,7 @@
item.alarmStatus item.alarmStatus
}}</el-tag> }}</el-tag>
</div> </div>
<div class="words-li words-li4"> <!-- <div class="words-li words-li4">
<div class="ash">补水延时时间设定:</div> <div class="ash">补水延时时间设定:</div>
<el-input <el-input
v-model="item.delayTimeSet" v-model="item.delayTimeSet"
@ -700,7 +700,7 @@
size="mini" size="mini"
></el-input> ></el-input>
<div class="white">S</div> <div class="white">S</div>
</div> </div> -->
</div> </div>
</div> </div>
</div> </div>

91
src/views/hotWater/waterMonitor/waterMonitorDetails.vue

@ -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;

2
src/views/temSys/temMonitor/temMonitorDeatils.vue

@ -47,7 +47,7 @@
<div class="app-container"> <div class="app-container">
<div class="left-tree"> <div class="left-tree">
<!-- el-tree 设置一个固定的高度和滚动条 --> <!-- el-tree 设置一个固定的高度和滚动条 -->
<div style="height: 5rem; overflow-y: auto"> <div style="height: 6rem; overflow-y: auto">
<el-tree <el-tree
ref="tree" ref="tree"
:data="treeData" :data="treeData"

Loading…
Cancel
Save