diff --git a/src/assets/images/hotWater.png b/src/assets/images/hotWater.png new file mode 100644 index 0000000..e326ae9 Binary files /dev/null and b/src/assets/images/hotWater.png differ diff --git a/src/views/boilerSys/hotWaterBoiler/hotWaterBoilerDetails.vue b/src/views/boilerSys/hotWaterBoiler/hotWaterBoilerDetails.vue index 0f6c2c2..d381eac 100644 --- a/src/views/boilerSys/hotWaterBoiler/hotWaterBoilerDetails.vue +++ b/src/views/boilerSys/hotWaterBoiler/hotWaterBoilerDetails.vue @@ -44,6 +44,104 @@ alt="" /> +
+
+
+
+
+
+
热水锅炉1
+
+
+
+
+ +
+
+
+
+
出水温度:
+
29.7℃
+
+
+
回水温度:
+
29.7℃
+
+
+
炉水温度:
+
29.7℃
+
+
+
烟道温度:
+
29.7℃
+
+
+
+
+
大火控制信号发出
+
小伙控制信号发出
+
燃烧机电源
+
+
+ 故障信息:炉水温度传感器故障 +
+
+
+
+
+
+
+
+
+
+
热水锅炉1
+
+
+
+
+ +
+
+
+
+
出水温度:
+
29.7℃
+
+
+
回水温度:
+
29.7℃
+
+
+
炉水温度:
+
29.7℃
+
+
+
烟道温度:
+
29.7℃
+
+
+
+
+
大火控制信号发出
+
小伙控制信号发出
+
燃烧机电源
+
+
+ 故障信息:炉水温度传感器故障 +
+
+
+
+
+
@@ -252,6 +350,114 @@ export default { cursor: pointer; } } + .hotWater-div { + width: 100%; + padding: 0.2rem; + display: flex; + flex-direction: row; + align-content: stretch; + justify-content: space-between; + .hotWater-li { + width: 49%; + .hotWater { + width: 100%; + padding: 0.35rem 0.2rem; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + .hotWater-img { + width: 6.4rem; + height: 3.5rem; + } + } + .info { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + width: 100%; + padding: 0.3rem 0 0.4rem 0; + .hotWater-tem { + width: 27%; + background: #262f58; + border-radius: 0.1rem; + font-size: 0.16rem; + display: flex; + flex-direction: column; + .pump-data-li { + width: 100%; + padding: 0 0.3rem; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + margin: 0.2rem 0; + .pump-data-text { + color: #05d120; + font-weight: bold; + } + } + } + .port-right { + display: flex; + flex-direction: column; + padding: 0.25rem 0.5rem; + .port { + width: 3rem; + display: flex; + flex-direction: row; + flex-wrap: wrap; + // justify-content: space-between; + .port-li { + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + width: 100%; + font-size: 0.16rem; + margin-bottom: 0.2rem; + color: #c9c6c6; + position: relative; + padding-left: 0.25rem; /* 为伪元素留出空间 */ + } + .port-open::before, + .port-close::before { + content: ""; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + width: 0.15rem; + height: 0.15rem; + border-radius: 50%; + border: 0.02rem solid white; + } + + .port-open::before { + background-color: blue; + } + + .port-close::before { + background-color: gray; + } + } + .bad-div { + margin-top: 0.2rem; + font-size: 0.16rem; + color: #db4d4d; + .bad-text { + margin-left: 0.1rem; + background: #5581c4; + border-radius: 0.1rem; + padding: 0.1rem; + color: #fff; + } + } + } + } + } + } }