系统监控页面添加温度、压力传感器、热量表的标志

src/views/heatRecoverySys/deviceMonitor/monitorCenter.vue

@@ -114,6 +114,35 @@
       <div class="text text15">水源热泵</div>
       <div class="text text16">冷却塔</div>
       <div class="text text17">离心机</div>
+      <!-- 标志 -->
+      <div class="text p0">P0</div>
+      <div class="text p1">P1</div>
+      <div class="text p2">P2</div>
+      <div class="text p3">P3</div>
+      <div class="text p4">P4</div>
+      <div class="text p5">P5</div>
+      <div class="text p6">P6</div>
+      <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 p11">P11</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 click2"
@@ -975,12 +1004,12 @@ export default {
     }
     .pres10 {
       top: 4.92rem;
-      left: 3rem;
+      left: 2.8rem;
       color: #eaf12a;
     }
     .pres11 {
-      top: 4.92rem;
+      top: 4.9rem;
-      left: 1.2rem;
+      left: 1.15rem;
       color: #eaf12a;
     }
     .pres12 {
@@ -1000,7 +1029,7 @@ export default {
     }
     .tem3 {
       top: 5.27rem;
-      left: 10.7rem;
+      left: 10.6rem;
       color: #ef4317;
     }
     .tem4 {
@@ -1014,8 +1043,8 @@ export default {
       color: #ef4317;
     }
     .tem6 {
-      top: 8.8rem;
+      top: 8.78rem;
-      left: 13.2rem;
+      left: 13.25rem;
       color: #16cb64;
     }
     .tem7 {
@@ -1079,7 +1108,7 @@ export default {
       color: #ef4317;
     }
     .nowhot4 {
-      top: 4.92rem;
+      top: 5.33rem;
       left: 2.05rem;
       color: #ffffff;
     }
@@ -1094,7 +1123,7 @@ export default {
       color: #ef4317;
     }
     .nowhot5 {
-      top: 7.8rem;
+      top: 7.7rem;
       left: 11.9rem;
       color: #ffffff;
     }
@@ -1130,7 +1159,7 @@ export default {
     }
     .valve1 {
       top: 5.57rem;
-      left: 10.7rem;
+      left: 10.6rem;
       color: #ffffff;
       cursor: pointer;
     }
@@ -1158,6 +1187,162 @@ export default {
       cursor: pointer;
       z-index: 999;
     }
+    .p0 {
+      top: 1.35rem;
+      left: 8.3rem;
+      color: #ffffff;
+    }
+    .p1 {
+      top: 2.15rem;
+      left: 9.75rem;
+      color: #ffffff;
+    }
+    .p2 {
+      top: 3.75rem;
+      left: 9.75rem;
+      color: #ffffff;
+    }
+    .p3 {
+      top: 5rem;
+      left: 10.15rem;
+      color: #ffffff;
+    }
+    .p4 {
+      top: 5.12rem;
+      left: 13.25rem;
+      color: #ffffff;
+    }
+    .p5 {
+      top: 2.67rem;
+      left: 12.7rem;
+      color: #ffffff;
+    }
+    .p6 {
+      top: 2.15rem;
+      left: 6.9rem;
+      color: #ffffff;
+    }
+    .p7 {
+      top: 3.68rem;
+      left: 6.9rem;
+      color: #ffffff;
+    }
+    .p8 {
+      top: 7.72rem;
+      left: 2.9rem;
+      color: #ffffff;
+    }
+    .p9 {
+      top: 7.72rem;
+      left: 1.3rem;
+      color: #ffffff;
+    }
+    .p10 {
+      top: 4.93rem;
+      left: 3.55rem;
+      color: #ffffff;
+    }
+    .p11 {
+      top: 4.9rem;
+      left: 0.7rem;
+      color: #ffffff;
+    }
+    .p12 {
+      top: 8.34rem;
+      left: 12.9rem;
+      color: #ffffff;
+    }
+    .t1 {
+      top: 2.15rem;
+      left: 10.45rem;
+      color: #ffffff;
+    }
+    .t2 {
+      top: 3.75rem;
+      left: 10.45rem;
+      color: #ffffff;
+    }
+    .t3 {
+      top: 5.3rem;
+      left: 10.15rem;
+      color: #ffffff;
+    }
+    .t4 {
+      top: 5.53rem;
+      left: 13.25rem;
+      color: #ffffff;
+    }
+    .t5 {
+      top: 7.72rem;
+      left: 3.65rem;
+      color: #ffffff;
+    }
+    .t6 {
+      top: 8.82rem;
+      left: 12.9rem;
+      color: #ffffff;
+    }
+    .t7 {
+      top: 8.34rem;
+      left: 13.7rem;
+      color: #ffffff;
+    }
+    .h1 {
+      top: 1rem;
+      left: 6.2rem;
+      color: #cecece;
+      font-size: 0.16rem;
+      padding: 0.06rem;
+      border: 0.01rem dashed #646866;
+    }
+    .h2 {
+      top: 3.15rem;
+      left: 5.2rem;
+      color: #cecece;
+      font-size: 0.16rem;
+      padding: 0.06rem;
+      border: 0.01rem dashed #646866;
+    }
+    .h3 {
+      top: 4.25rem;
+      left: 5.2rem;
+      color: #cecece;
+      font-size: 0.16rem;
+      padding: 0.06rem;
+      border: 0.01rem dashed #646866;
+    }
+    .h4 {
+      top: 5.0rem;
+      left: 2rem;
+      color: #cecece;
+      font-size: 0.16rem;
+      padding: 0.06rem;
+      border: 0.01rem dashed #646866;
+    }
+    .h5 {
+      top: 7.9rem;
+      left: 11.82rem;
+      color: #cecece;
+      font-size: 0.16rem;
+      padding: 0.06rem;
+      border: 0.01rem dashed #646866;
+    }
+    .h6 {
+      top: 8.35rem;
+      left: 9.55rem;
+      color: #cecece;
+      font-size: 0.16rem;
+      padding: 0.06rem;
+      border: 0.01rem dashed #646866;
+    }
+    .h7 {
+      top: 5.5rem;
+      left: 14.15rem;
+      color: #cecece;
+      font-size: 0.16rem;
+      padding: 0.06rem;
+      border: 0.01rem dashed #646866;
+    }
   }
 }
 </style>