*

ui/src/views/front/steamBalance.vue

@@ -15,97 +15,152 @@
 
         <div class="lu1-1">
           <p class="num1-1">376</p>
-          <img src="@/assets/steamImg/1.png" style="width:85px;height:90px">
+          <img src="@/assets/steamImg/1.png" style="width:80px;height:86px">
           <p class="word1-1">Furnace</p>
         </div>
          
         <div class="lu1-2">
           <p class="num1-1">1</p>
-          <img src="@/assets/steamImg/2.png" style="width:190px;height:40px">
+          <img src="@/assets/steamImg/2.png" style="width:170px;height:40px">
           <p class="word1-1">E-481</p>
         </div>
 
         <div class="lu1-3">
           <p class="num1-1">369</p>
-          <img src="@/assets/steamImg/3.png" style="width:160px;height:90px">
+          <img src="@/assets/steamImg/3.png" style="width:130px;height:86px">
           <p class="word1-1">K300</p>
         </div>
 
-        <!-- 管道 -->
-        <div class="guan1">
-          <img src="@/assets/steamImg/8.png" style="width:1065px;height:29px">
-        </div>
-
         <div class="lu2-1">
-          <img src="@/assets/steamImg/4.png" style="width:85px;height:100px">
+          <img src="@/assets/steamImg/4.png" style="width:80px;height:90px">
           <p class="word1-1">SUB</p>
         </div>
 
         <div class="lu2-2">
-          <img src="@/assets/steamImg/4.png" style="width:85px;height:100px">
+          <img src="@/assets/steamImg/4.png" style="width:80px;height:90px">
           <p class="word1-1">AUE/PGE</p>
         </div>
 
         <div class="lu2-3">
           <p class="num1-1">1</p>
-          <img src="@/assets/steamImg/2.png" style="width:160px;height:40px">
+          <img src="@/assets/steamImg/2.png" style="width:145px;height:35px">
           <p class="word1-1">E-372</p>
         </div>
 
         <div class="lu2-4">
           <p class="num1-1">2<br>0</p>
-          <img src="@/assets/steamImg/2.png" style="width:160px;height:40px">
+          <img src="@/assets/steamImg/2.png" style="width:145px;height:35px">
           <p class="word1-1">H520/C32</p>
         </div>
 
          <div class="lu2-5">
-          <img src="@/assets/steamImg/5.png" style="width:83px;height:45px">
+          <img src="@/assets/steamImg/5.png" style="width:70px;height:50px">
           <p class="word1-1">PH2</p>
         </div>
 
          <div class="lu2-6">
-          <img src="@/assets/steamImg/5.png" style="width:83px;height:45px">
+          <img src="@/assets/steamImg/5.png" style="width:70px;height:50px">
           <p class="word1-1">PH1</p>
         </div>
 
 
         <div class="lu2-7">
           <p class="num1-1">169</p>
-          <img src="@/assets/steamImg/3.png" style="width:160px;height:90px">
+          <img src="@/assets/steamImg/3.png" style="width:130px;height:86px">
           <p class="word1-1">K600</p>
         </div>
 
          <div class="lu2-8">
           <p class="num1-1">28</p>
-          <img src="@/assets/steamImg/3.png" style="width:160px;height:90px">
+          <img src="@/assets/steamImg/3.png" style="width:130px;height:86px">
           <p class="word1-1">K650</p>
         </div>
 
         <div class="lu2-9">
-          <img src="@/assets/steamImg/6.png" style="width:30px;height:145px">
+          <img src="@/assets/steamImg/6.png" style="width:20px;height:140px">
           <p class="word1-1">Flare</p>
         </div>
 
         <div class="lu2-10">
-          <img src="@/assets/steamImg/4.png" style="width:85px;height:100px">
+          <img src="@/assets/steamImg/4.png" style="width:80px;height:90px">
           <p class="word1-1">SCTU</p>
         </div>
 
         <div class="lu2-11">
           <p class="num1-1">36<br>46</p>
-          <img src="@/assets/steamImg/2.png" style="width:160px;height:40px">
+          <img src="@/assets/steamImg/2.png" style="width:145px;height:35px">
           <p class="word1-1">E275/285</p>
         </div>
 
         <div class="lu2-12">
           <p class="num1-1">2</p>
-          <img src="@/assets/steamImg/7.png" style="width:120px;height:70px">
+          <img src="@/assets/steamImg/7.png" style="width:100px;height:60px">
           <p class="word1-1">vacuum ejectors</p>
         </div>
 
-
         <div class="lu3-1">
-          <img src="@/assets/steamImg/2.png" style="width:160px;height:40px">
+          <img src="@/assets/steamImg/2.png" style="width:145px;height:35px">
+        </div>
+
+        <!-- 管道 -->
+        <div class="guan1">
+          <img src="@/assets/steamImg/8.png" style="width:1065px;height:29px">
+        </div>
+        <!-- 管道 -->
+        <div class="guan2">
+          <img src="@/assets/steamImg/9.png" style="width:1174px;height:30px">
+        </div>
+
+        <!-- 管道 -->
+        <div class="guan3">
+          <img src="@/assets/steamImg/10.png" style="width:864px;height:30px">
+        </div>
+
+         <!-- 管道 -->
+        <div class="guan4">
+          <img src="@/assets/steamImg/11.png" style="width:1174px;height:30px">
+        </div>
+
+
+        <!-- 箭头 -->
+        <div class="jiantou1">
+          <img src="@/assets/steamImg/jiantou1.png" style="width:72px;height:44px">
+        </div>
+
+        <div class="jiantou2">
+          <img src="@/assets/steamImg/jiantou2.png" style="width:8px;height:172px">
+        </div>
+
+        <div class="jiantou3">
+          <img src="@/assets/steamImg/jiantou3.png" style="width:8px;height:49px">
+        </div>
+
+        <div class="jiantou4">
+          <img src="@/assets/steamImg/jiantou3.png" style="width:8px;height:49px">
+        </div>
+
+        <div class="jiantou5">
+          <img src="@/assets/steamImg/jiantou4.png" style="width:8px;height:139px">
+        </div>
+
+        <div class="jiantou6">
+          <img src="@/assets/steamImg/jiantou3.png" style="width:8px;height:39px">
+        </div>
+
+        <div class="jiantou7">
+          <img src="@/assets/steamImg/jiantou5.png" style="width:8px;height:34px">
+        </div>
+
+        <div class="jiantou8">
+          <img src="@/assets/steamImg/jiantou5.png" style="width:8px;height:34px">
+        </div>
+
+        <div class="jiantou9">
+          <img src="@/assets/steamImg/jiantou6.png" style="width:31px;height:116px">
+        </div>
+
+        <div class="jiantou10">
+          <img src="@/assets/steamImg/jiantou7.png" style="width:39px;height:116px">
         </div>
 
       </div>
@@ -137,49 +192,49 @@
   height: 750px;
   .lu1-1{
     position: absolute;
-   top: 24px;
-    left: 30px;
+    top: 60px;
+    left: 40px;
   }
   .lu1-2{
     position: absolute;
-    top: 60px;
+    top: 90px;
     left: 680px;
   }
 
   .lu1-3{
     position: absolute;
-    top: 30px;
+    top: 70px;
     left: 960px;
   }
   .lu2-1{
     position: absolute;
-    top: 290px;
+    top: 330px;
     left: 30px;
   }
   .lu2-2{
     position: absolute;
-    top: 210px;
+    top: 240px;
     left: 260px;
   }
   .lu2-3{
     position: absolute;
-    top: 200px;
+    top: 230px;
     left: 500px;
   }
   .lu2-4{
     position: absolute;
-    top: 200px;
+    top: 230px;
     left: 700px;
   }
   .lu2-5{
     position: absolute;
-    top: 330px;
-    left: 540px;
+    top: 300px;
+    left: 560px;
   }
   .lu2-6{
     position: absolute;
-    top: 330px;
-    left: 720px;
+    top: 300px;
+    left: 750px;
   }
 
   .lu2-7{
@@ -201,36 +256,38 @@
 
   .lu2-10{
     position: absolute;
-    top: 420px;
+    top: 430px;
     left: 350px;
   }
 
   .lu2-11{
     position: absolute;
-    top: 420px;
+    top: 450px;
     left: 500px;
   }
 
   .lu2-12{
     position: absolute;
-    top: 420px;
+    top: 450px;
     left: 900px;
   }
 
   .lu3-1{
     position: absolute;
     top: 630px;
-    left: 800px;
+    left: 700px;
   }
 
   .num1-1{
     color: #3993ae;
     padding-bottom: 15px;
+    position: absolute;
   }
   .word1-1{
     color: #afc8ff;
     font-size: 16px;
     padding-top: 7px;
+    position: absolute;
   }
 
   .guan1{
@@ -238,5 +295,77 @@
     top: 20px;
     left: 130px;
   }
+
+  .guan2{
+    position: absolute;
+    top: 170px;
+    left: 20px;
+  }
+
+  .guan3{
+    position: absolute;
+    top: 380px;
+    left: 330px;
+  }
+
+  .guan4{
+    position: absolute;
+    top: 550px;
+    left: 20px;
+  }
+  .jiantou1{
+    position: absolute;
+    top: 10px;
+    left: 80px;
+  }
+  .jiantou2{
+    position: absolute;
+    top: 55px;
+    left: 280px;
+  }
+  .jiantou3{
+    position: absolute;
+    top: 50px;
+    left: 500px;
+  }
+  .jiantou4{
+    position: absolute;
+    top: 40px;
+    left: 750px;
+  }
+  .jiantou5{
+    position: absolute;
+    top: 200px;
+    left: 170px;
+  }
+   .jiantou6{
+    position: absolute;
+    top: 200px;
+    left: 430px;
+  }
+
+  .jiantou7{
+    position: absolute;
+    top: 190px;
+    left: 560px;
+  }
+
+  .jiantou8{
+    position: absolute;
+    top: 190px;
+    left: 760px;
+  }
+
+  .jiantou9{
+    position: absolute;
+    top: 200px;
+    left: 635px;
+  }
+
+  .jiantou10{
+    position: absolute;
+    top: 200px;
+    left: 680px;
+  }
 }
 </style>

ui/src/views/monitor/elec/index.vue

@@ -71,11 +71,7 @@
                 </div>
             </div>
             <div class="right" style="1270px">
-<<<<<<< HEAD
-              <steam-balance />
-=======
               <steam-balance/>
->>>>>>> 121a5b5b4aa4bc15c8b7bb9fb19c24489d7036a1
             </div>
           </div>
         </div>