Browse Source

热水系统设备监控优化显示内容

dev
3067418132@qq.com 4 days ago
parent
commit
3d3e531dd3
  1. 14
      src/views/hotWater/waterControl/index.vue
  2. 25
      src/views/hotWater/waterMonitor/waterMonitorDetails.vue

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

@ -361,7 +361,7 @@
<div class="control-top"> <div class="control-top">
<water-tank :waterLevel="item.waterLevel"></water-tank> <water-tank :waterLevel="item.waterLevel"></water-tank>
<div class="monitor-words"> <div class="monitor-words">
<div class="words-li"> <!-- <div class="words-li">
<div class="ash">补水阀启停:</div> <div class="ash">补水阀启停:</div>
<div class="white"> <div class="white">
<el-switch <el-switch
@ -393,7 +393,7 @@
@blur="handleBlur()" @blur="handleBlur()"
></el-input> ></el-input>
<div class="white">%</div> <div class="white">%</div>
</div> </div> -->
</div> </div>
</div> </div>
<div class="control-bottom"> <div class="control-bottom">
@ -402,6 +402,10 @@
<div class="white">{{ item.waterLevel }} %</div> <div class="white">{{ item.waterLevel }} %</div>
</div> </div>
<div class="words-li words-li5"> <div class="words-li words-li5">
<div class="ash">实际温度:</div>
<div class="white">{{ item.temp }} </div>
</div>
<!-- <div class="words-li words-li5">
<div class="ash ash2">设置液位:</div> <div class="ash ash2">设置液位:</div>
<el-input <el-input
size="mini" size="mini"
@ -419,8 +423,8 @@
@input="handleWaterInput(item)" @input="handleWaterInput(item)"
></el-input> ></el-input>
<div class="white">%</div> <div class="white">%</div>
</div> </div> -->
<div class="words-li words-li6"> <!-- <div class="words-li words-li6">
<div class="ash">液位设定延时时间:</div> <div class="ash">液位设定延时时间:</div>
<el-input <el-input
size="mini" size="mini"
@ -457,7 +461,7 @@
@input="handleWaterInput(item)" @input="handleWaterInput(item)"
></el-input> ></el-input>
<div class="white">%</div> <div class="white">%</div>
</div> </div> -->
<div class="words-li words-li2"> <div class="words-li words-li2">
<div class="ash">时间:</div> <div class="ash">时间:</div>
<div class="white">{{ item.curTime }}</div> <div class="white">{{ item.curTime }}</div>

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

@ -262,6 +262,7 @@
<div class="tablemaeta">系统状态显示</div> <div class="tablemaeta">系统状态显示</div>
<el-table class="maintable" ref="maintable" :data="tableData" height="200" highlight-current-row <el-table class="maintable" ref="maintable" :data="tableData" height="200" highlight-current-row
@row-click="handlerow" :cell-style="tableRowStyle" :show-overflow-tooltip="true" @row-click="handlerow" :cell-style="tableRowStyle" :show-overflow-tooltip="true"
:key="currentName"
:header-cell-style="{ 'text-align': 'center' }"> :header-cell-style="{ 'text-align': 'center' }">
<el-table-column label="序号" min-width="50"> <el-table-column label="序号" min-width="50">
<template slot-scope="scope"> <template slot-scope="scope">
@ -282,29 +283,39 @@
<span>{{ row.waterTemp }} </span> <span>{{ row.waterTemp }} </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="tankWaterTemp" label="水箱1温度(℃)" min-width="100">
<template slot-scope="{ row }">
<span>{{ row.tankWaterTemp }} </span>
</template>
</el-table-column>
<el-table-column prop="tankWaterTemp2" label="水箱2温度(℃)" min-width="100" v-if="currentName == '主楼'" >
<template slot-scope="{ row }">
<span>{{ row.tankWaterTemp2 }} </span>
</template>
</el-table-column>
<!-- 裙楼高区 --> <!-- 裙楼高区 -->
<el-table-column prop="levelSet1" label="设置水位1(%)" min-width="100"> <!-- <el-table-column prop="levelSet1" label="设置水位1(%)" min-width="100">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<span>{{ row.levelSet1 }}</span> <span>{{ row.levelSet1 }}</span>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column prop="waterLevel1" label="实际水位1(%)" min-width="100"> <el-table-column prop="waterLevel1" label="实际水位1(%)" min-width="100">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<span>{{ row.waterLevel1 }} </span> <span>{{ row.waterLevel1 }} </span>
</template> </template>
</el-table-column> </el-table-column>
<!-- 中厨中区 --> <!-- 中厨中区 -->
<el-table-column prop="levelSet2" label="设置水位2(%)" min-width="100"> <!-- <el-table-column prop="levelSet2" label="设置水位2(%)" min-width="100">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<span>{{ row.levelSet2 }}</span> <span>{{ row.levelSet2 }}</span>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column prop="waterLevel2" label="实际水位2(%)" min-width="100"> <el-table-column prop="waterLevel2" label="实际水位2(%)" min-width="100" v-if="currentName == '主楼'" >
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<span>{{ row.waterLevel2 }} </span> <span>{{ row.waterLevel2 }} </span>
</template> </template>
</el-table-column> </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>
<span v-if="row.useWaterState === '1'">运行 </span> <span v-if="row.useWaterState === '1'">运行 </span>
@ -315,7 +326,7 @@
<span v-if="row.backWaterState === '0'">不运行 </span> <span v-if="row.backWaterState === '0'">不运行 </span>
<span v-if="row.backWaterState === '1'">运行 </span> <span v-if="row.backWaterState === '1'">运行 </span>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column prop="runState" label="热泵状态"> <el-table-column prop="runState" label="热泵状态">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<span v-if="row.runState === '0'">不运行 </span> <span v-if="row.runState === '0'">不运行 </span>

Loading…
Cancel
Save