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

去掉设备监控页面温度T1, T7, 压力P10 P12；点击热量表显示进水温度、出水温度、瞬时热量、瞬时流量

gh_ers
selia-zx 2 weeks ago
parent
6e21f179bf
commit
527f22af11
2 changed files with 140 additions and 44 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      src/assets/styles/ruoyi.scss
  2. 148
      src/views/heatRecoverySys/deviceMonitor/monitorCenter.vue

6
src/assets/styles/ruoyi.scss
Unescape View File

@ -88,9 +88,9 @@ h6 {
word-break: break-word;
}
.el-dialog:not(.is-fullscreen) {
margin-top: 6vh !important;
}
// .el-dialog:not(.is-fullscreen) {
// margin-top: 6vh !important;
// }
.el-dialog__wrapper.scrollbar .el-dialog .el-dialog__body {
overflow: auto;

148
src/views/heatRecoverySys/deviceMonitor/monitorCenter.vue
Unescape View File

@ -125,23 +125,37 @@
<div class="text p7">P7</div>
<div class="text p8">P8</div>
<div class="text p9">P9</div>
<div class="text p10">P10</div>
<!-- <div class="text p10">P10</div> -->
<div class="text p11">P11</div>
<div class="text p12">P12</div>
<div class="text t1">T1</div>
<!-- <div class="text p12">P12</div> -->
<!-- <div class="text t1">T1</div> -->
<div class="text t2">T2</div>
<div class="text t3">T3</div>
<div class="text t4">T4</div>
<div class="text t5">T5</div>
<div class="text t6">T6</div>
<div class="text t7">T7</div>
<div class="text h1">热量表1</div>
<div class="text h2">热量表2</div>
<div class="text h3">热量表3</div>
<div class="text h4">热量表4</div>
<div class="text h5">热量表5</div>
<div class="text h6">热量表6</div>
<div class="text h7">热量表7</div>
<!-- <div class="text t7">T7</div> -->
<div class="text h1" @click="hotListData(hotArrOne, '热量表1')">
热量表1
</div>
<div class="text h2" @click="hotListData(hotArrTwo, '热量表2')">
热量表2
</div>
<div class="text h3" @click="hotListData(hotArrThree, '热量表3')">
热量表3
</div>
<div class="text h4" @click="hotListData(hotArrFour, '热量表4')">
热量表4
</div>
<div class="text h5" @click="hotListData(hotArrFive, '热量表5')">
热量表5
</div>
<div class="text h6" @click="hotListData(hotArrSix, '热量表6')">
热量表6
</div>
<div class="text h7" @click="hotListData(hotArrSeven, '热量表7')">
热量表7
</div>
<!-- 可点击区域 -->
<div
@ -184,23 +198,25 @@
<div class="text pres9">
{{ getTemPreData(pressureArr, "9号压力传感器") }}bar
</div>
<div class="text pres10">
<!-- <div class="text pres10">
{{ getTemPreData(pressureArr, "10号压力传感器") }}bar
</div>
</div> -->
<div class="text pres11">
{{ getTemPreData(pressureArr, "11号压力传感器") }}bar
</div>
<div class="text pres12">
<!-- <div class="text pres12">
{{ getTemPreData(pressureArr, "12号压力传感器") }}bar
</div>
</div> -->
<!-- 温度传感器 1-7号 -->
<div class="text tem1">{{ getTemPreData(temArr, "1号温度传感器") }}℃</div>
<!-- <div class="text tem1">{{ getTemPreData(temArr, "1号温度传感器") }}℃</div> -->
<div class="text tem2">{{ getTemPreData(temArr, "2号温度传感器") }}℃</div>
<div class="text tem3">{{ getTemPreData(temArr, "3号温度传感器") }}℃</div>
<div class="text tem4">{{ getTemPreData(temArr, "4号温度传感器") }}℃</div>
<div class="text tem5">{{ getTemPreData(temArr, "5号温度传感器") }}℃</div>
<div class="text tem6">{{ getTemPreData(temArr, "6号温度传感器") }}℃</div>
<div class="text tem7">{{ getTemPreData(temArr, "7号温度传感器") }}℃</div>
<!-- <div class="text tem7">{{ getTemPreData(temArr, "7号温度传感器") }}℃</div> -->
<!-- 热量表1数据 -->
<div class="text intem1">
{{ getHotMeterTemp(hotArrOne, "进水温度", 12) }}℃
@ -209,7 +225,7 @@
{{ getHotMeterTemp(hotArrOne, "出水温度", 12) }}℃
</div>
<div class="text nowhot1">
{{ getHotMeterTemp(hotArrOne, "瞬时热量",47) }}kwh
{{ getHotMeterTemp(hotArrOne, "瞬时热量", 47) }}kw
</div>
<!-- 热量表2数据 -->
<div class="text intem2">
@ -219,7 +235,7 @@
{{ getHotMeterTemp(hotArrTwo, "出水温度", 12) }}℃
</div>
<div class="text nowhot2">
{{ getHotMeterTemp(hotArrTwo, "瞬时热量",47) }}kwh
{{ getHotMeterTemp(hotArrTwo, "瞬时热量", 47) }}kw
</div>
<!-- 热量表3数据 -->
<div class="text intem3">
@ -229,7 +245,7 @@
{{ getHotMeterTemp(hotArrThree, "出水温度", 12) }}℃
</div>
<div class="text nowhot3">
{{ getHotMeterTemp(hotArrThree, "瞬时热量",47) }}kwh
{{ getHotMeterTemp(hotArrThree, "瞬时热量", 47) }}kw
</div>
<!-- 热量表4数据 -->
<div class="text intem4">
@ -239,7 +255,7 @@
{{ getHotMeterTemp(hotArrFour, "出水温度", 12) }}℃
</div>
<div class="text nowhot4">
{{ getHotMeterTemp(hotArrFour, "瞬时热量",47) }}kwh
{{ getHotMeterTemp(hotArrFour, "瞬时热量", 47) }}kw
</div>
<!-- 热量表5数据 -->
<div class="text intem5">
@ -249,7 +265,7 @@
{{ getHotMeterTemp(hotArrFive, "出水温度", 12) }}℃
</div>
<div class="text nowhot5">
{{ getHotMeterTemp(hotArrFive, "瞬时热量",47) }}kwh
{{ getHotMeterTemp(hotArrFive, "瞬时热量", 47) }}kw
</div>
<!-- 热量表6数据 -->
<div class="text intem6">
@ -259,17 +275,17 @@
{{ getHotMeterTemp(hotArrSix, "出水温度", 12) }}℃
</div>
<div class="text nowhot6">
{{ getHotMeterTemp(hotArrSix, "瞬时热量",47) }}kwh
{{ getHotMeterTemp(hotArrSix, "瞬时热量", 47) }}kw
</div>
<!-- 热量表7数据 -->
<div class="text intem7">
{{ getHotMeterTemp(hotArrSix, "进水温度",12) }}℃
{{ getHotMeterTemp(hotArrSeven, "进水温度", 12) }}℃
</div>
<div class="text outtem7">
{{ getHotMeterTemp(hotArrSix, "出水温度",12) }}℃
{{ getHotMeterTemp(hotArrSeven, "出水温度", 12) }}℃
</div>
<div class="text nowhot7">
{{ getHotMeterTemp(hotArrSix, "瞬时热量",47) }}kwh
{{ getHotMeterTemp(hotArrSeven, "瞬时热量", 47) }}kw
</div>
<!-- 二通阀门 -->
<div class="text valve1">
@ -280,6 +296,41 @@
{{ getHotMeterTemp(valveTwoArr, "开度反馈", 4) }}%
</div>
</div>
<!-- 控制弹框内容 -->
<el-dialog
:title="controlTitle"
:visible.sync="openHotDialog"
width="500px"
append-to-body
class="monitor-dialog"
>
<div class="hot-list">
<div class="hot-data">
<div class="hot-text">进水温度：</div>
<div class="hot-details">
{{ getHotMeterTemp(hotDialogArr, "进水温度", 12) }}℃
</div>
</div>
<div class="hot-data">
<div class="hot-text">出水温度：</div>
<div class="hot-details">
{{ getHotMeterTemp(hotDialogArr, "出水温度", 12) }}℃
</div>
</div>
<div class="hot-data">
<div class="hot-text">瞬时热量：</div>
<div class="hot-details">
{{ getHotMeterTemp(hotDialogArr, "瞬时热量", 47) }}kw
</div>
</div>
<div class="hot-data">
<div class="hot-text">瞬时流量小时：</div>
<div class="hot-details">
{{ getHotMeterTemp(hotDialogArr, "瞬时流量", 31) }}m³/h
</div>
</div>
</div>
</el-dialog>
</div>
</template>
@ -313,6 +364,10 @@ export default {
hotArrSeven: [], //热量表7数据
valveOneArr: [], //二通阀门开度
valveTwoArr: [], //三通阀门开度
openHotDialog: false,
controlTitle: "热量表",
hotDialogArr: [],
};
},
computed: {
@ -697,6 +752,14 @@ export default {
// this.exitFullscreen();
this.$router.push("/alarm/alarmRecord");
},
// 热量表弹框
hotListData(arr, title) {
this.hotDialogArr = [];
this.controlTitle = title;
this.hotDialogArr = arr;
console.log("当前热量表数据", this.hotDialogArr);
this.openHotDialog = true;
},
},
};
</script>
@ -1299,6 +1362,7 @@ export default {
font-size: 0.16rem;
padding: 0.06rem;
border: 0.01rem dashed #646866;
cursor: pointer;
}
.h2 {
top: 3.15rem;
@ -1307,6 +1371,7 @@ export default {
font-size: 0.16rem;
padding: 0.06rem;
border: 0.01rem dashed #646866;
cursor: pointer;
}
.h3 {
top: 4.25rem;
@ -1315,6 +1380,7 @@ export default {
font-size: 0.16rem;
padding: 0.06rem;
border: 0.01rem dashed #646866;
cursor: pointer;
}
.h4 {
top: 5rem;
@ -1323,6 +1389,7 @@ export default {
font-size: 0.16rem;
padding: 0.06rem;
border: 0.01rem dashed #646866;
cursor: pointer;
}
.h5 {
top: 7.9rem;
@ -1331,6 +1398,7 @@ export default {
font-size: 0.16rem;
padding: 0.06rem;
border: 0.01rem dashed #646866;
cursor: pointer;
}
.h6 {
top: 8.35rem;
@ -1339,6 +1407,7 @@ export default {
font-size: 0.16rem;
padding: 0.06rem;
border: 0.01rem dashed #646866;
cursor: pointer;
}
.h7 {
top: 5.5rem;
@ -1347,6 +1416,33 @@ export default {
font-size: 0.16rem;
padding: 0.06rem;
border: 0.01rem dashed #646866;
cursor: pointer;
}
}
}
.hot-list {
display: flex;
flex-direction: column;
margin-left: 50px;
.hot-data {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 10px;
.hot-text {
// text-align: center;
margin-right: 8px;
width: 100px;
}
.hot-details {
background-color: #1960a3;
border-radius: 10px;
padding: 8px 10px;
font-size: 16px;
width: 120px;
text-align: center;
font-weight: bold;
letter-spacing: 0.1em;
}
}
}

Write Preview
Loading…
Cancel
Save