lijianfu
/
eemcs_ui
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改控制界面热水循环泵的数据

dev
selia-zx 2 weeks ago
parent
36fce09e2c
commit
5728617d82
2 changed files with 367 additions and 427 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 510
      src/views/hotWater/waterControl/index.vue
  2. 54
      src/views/hotWater/waterMonitor/waterMonitorDetails.vue

510
src/views/hotWater/waterControl/index.vue
View File

File diff suppressed because it is too large Load Diff

54
src/views/hotWater/waterMonitor/waterMonitorDetails.vue
Unescape View File

@ -62,6 +62,8 @@
<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 text20">水箱1</div>
<div class="flow-text text21">水箱2</div>
<!-- 供水定位 --> <!-- 供水定位 -->
<img class="supply" v-if=" <img class="supply" v-if="
this.upWaterState1 === '1' || this.upWaterState1 === '1' ||
@ -178,41 +180,41 @@
? require('../../../assets/flowimg/badweb.png') ? require('../../../assets/flowimg/badweb.png')
: require('../../../assets/flowimg/onlineweb.png') : require('../../../assets/flowimg/onlineweb.png')
" alt="" /> " alt="" />
<!-- 保温水箱1定位 --> <!-- 保温水箱2定位 -->
<img class="waterBox1" src="../../../assets/flowimg/waterBox.png" alt="" /> <img class="waterBox1" src="../../../assets/flowimg/waterBox.png" alt="" />
<!-- 温度定位1 --> <!-- 温度定位2 -->
<img class="tem1" src="../../../assets/flowimg/thermometer.png" alt="" /> <img class="tem1" src="../../../assets/flowimg/thermometer.png" alt="" />
<div class="temContainer1"> <div class="temContainer1">
<div class="temprogress" :style="{ height: temdata1 + '%' }"></div> <div class="temprogress" :style="{ height: temdata2 + '%' }"></div>
</div> </div>
<b class="temdiv1">{{ temdata1 }}℃</b> <b class="temdiv1">{{ temdata2 }}℃</b>
<!-- 水位定位1 --> <!-- 水位定位2 -->
<div class="progressContainer1" v-if="progress1 > 50"> <div class="progressContainer1" v-if="progress2 > 50">
<div class="progress" :style="{ height: progress1 + '%' }"></div> <div class="progress" :style="{ height: progress2 + '%' }"></div>
<b class="propo">{{ progress1 }}%</b> <b class="propo">{{ progress2 }}%</b>
</div> </div>
<div class="progressContainer2" v-else> <div class="progressContainer2" v-else>
<div class="progress" :style="{ height: progress1 + '%' }"></div> <div class="progress" :style="{ height: progress2 + '%' }"></div>
<b class="propo">{{ progress1 }}%</b> <b class="propo">{{ progress2 }}%</b>
</div> </div>
<!-- 保温水箱2定位 --> <!-- 保温水箱1定位 -->
<img class="waterBox2" src="../../../assets/flowimg/waterBox.png" alt="" /> <img class="waterBox2" src="../../../assets/flowimg/waterBox.png" alt="" />
<!-- 温度定位2 --> <!-- 温度定位1 -->
<img class="tem2" src="../../../assets/flowimg/thermometer.png" alt="" /> <img class="tem2" src="../../../assets/flowimg/thermometer.png" alt="" />
<div class="temContainer2"> <div class="temContainer2">
<div class="temprogress" :style="{ height: temdata2 + '%' }"></div> <div class="temprogress" :style="{ height: temdata1 + '%' }"></div>
</div> </div>
<b class="temdiv2">{{ temdata2 }}℃</b> <b class="temdiv2">{{ temdata1 }}℃</b>
<!-- 水位定位2 --> <!-- 水位定位1 -->
<div class="progressContainer3" v-if="progress2 > 50"> <div class="progressContainer3" v-if="progress1 > 50">
<div class="progress" :style="{ height: progress2 + '%' }"></div> <div class="progress" :style="{ height: progress1 + '%' }"></div>
<b class="propo">{{ progress2 }}%</b> <b class="propo">{{ progress1 }}%</b>
</div> </div>
<div class="progressContainer4" v-else> <div class="progressContainer4" v-else>
<div class="progress" :style="{ height: progress2 + '%' }"></div> <div class="progress" :style="{ height: progress1 + '%' }"></div>
<b class="propo">{{ progress2 }}%</b> <b class="propo">{{ progress1 }}%</b>
</div> </div>
</div> </div>
</div> </div>
@ -1274,6 +1276,18 @@ export default {
left: 3.4rem; left: 3.4rem;
z-index: 1; z-index: 1;
} }
.text20 {
position: absolute;
top: 3.4rem;
left: 5.8rem;
z-index: 1;
}
.text21 {
position: absolute;
top: 3.4rem;
left: 3rem;
z-index: 1;
}
.replenish { .replenish {
position: absolute; position: absolute;

Write Preview
Loading…
Cancel
Save