修改发泡线

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 class="top-mid-Text-status" style="transform: translate(-50%,-50%);left: 33%;">
-    </div>
+    <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%">
+<div class="top-mid-Text-status" style="transform: translate(-50%,-50%);left:44.5%">
-        <img alt="运行状态" id="status-d" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}"/>
+    <img alt="运行状态" id="status-c" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}" style="width:2vw"/>
-    </div>
+</div>
 
-    <!--运行状态-->
+<div class="top-mid-Text-status" style="transform: translate(-50%,-50%);left:50.5%">
-    <div class="top-mid-Text" style="position: absolute;top:73%;left:77%">
+    <img alt="运行状态" id="status-d" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}" style="width:2vw"/>
-        <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>
 
+
 <!--发泡参数-->
 <div id="top-right">
 </div>