From 07e4082f960865dd22985bd5e15db4cfddc1153d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Tue, 18 Oct 2022 17:55:10 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=8F=91=E6=B3=A1=E7=BA=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/scada/SouthFoamerMesPlan.html   | 43 +++++++++----------
 1 file changed, 20 insertions(+), 23 deletions(-)

diff --git a/ruoyi-admin/src/main/resources/templates/scada/SouthFoamerMesPlan.html b/ruoyi-admin/src/main/resources/templates/scada/SouthFoamerMesPlan.html
index 9af68a0..b10964d 100644
--- a/ruoyi-admin/src/main/resources/templates/scada/SouthFoamerMesPlan.html
+++ b/ruoyi-admin/src/main/resources/templates/scada/SouthFoamerMesPlan.html
@@ -15,6 +15,12 @@
 
 </head>
 <style>
+    .top-mid-Text-status{
+        position: absolute;
+        top:14%;
+        width:0;
+        height:0;
+    }
     #top-left {
         border: 0px solid red;
         position: absolute;
@@ -284,36 +290,27 @@
     <div class="top-mid-Text" style="position: absolute;top:2%;left:94.6%; color: #ffff6d;">
         <span >-</span>
     </div>
+</div>
 
-    <!--当日计划-->
-    <div class="top-mid-Text" style="position: absolute;top:73%;left: 7%;">
-        <img alt="运行状态" id="status-a" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}"/>
-    </div>
 
-    <!--当前计划-->
-    <div class="top-mid-Text" style="position: absolute;top:73%;left:23%">
-        <img alt="运行状态" id="status-b" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}"/>
-    </div>
 
-    <div class="top-mid-Text" style="position: absolute;top:73%;left:39%">
-        <img alt="运行状态" id="status-c" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}"/>
-    </div>
+<!--运行状态-->
+<div class="top-mid-Text-status" style="transform: translate(-50%,-50%);left: 33%;">
+    <img alt="运行状态" id="status-a" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}" style="width:2vw"/>
+</div>
+<div class="top-mid-Text-status" style="transform: translate(-50%,-50%);left:39%">
+    <img alt="运行状态" id="status-b" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}" style="width:2vw"/>
+</div>
 
-    <div class="top-mid-Text" style="position: absolute;top:73%;left:55%">
-        <img alt="运行状态" id="status-d" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}"/>
-    </div>
+<div class="top-mid-Text-status" style="transform: translate(-50%,-50%);left:44.5%">
+    <img alt="运行状态" id="status-c" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}" style="width:2vw"/>
+</div>
 
-    <!--运行状态-->
-    <div class="top-mid-Text" style="position: absolute;top:73%;left:77%">
-        <img alt="运行状态" id="status-sys1" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}"/>
-        <!--<img alt="运行状态" src="../../static/img/stopImg.png" th:src="@{/img/stopImg.png}"/>-->
-    </div>
-    <div class="top-mid-Text" style="position: absolute;top:73%;left:95%">
-        <img alt="运行状态" id="status-sys2" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}"/>
-        <!--<img alt="运行状态" src="../../static/img/stopImg.png" th:src="@{/img/stopImg.png}"/>-->
-    </div>
+<div class="top-mid-Text-status" style="transform: translate(-50%,-50%);left:50.5%">
+    <img alt="运行状态" id="status-d" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}" style="width:2vw"/>
 </div>
 
+
 <!--发泡参数-->
 <div id="top-right">
 </div>