修改发泡线

ruoyi-admin/src/main/resources/templates/scada/NorthFoamerMesPlan.html

@@ -16,6 +16,12 @@
 
 </head>
 <style>
+    .top-mid-Text-status{
+        position: absolute;
+        top:14%;
+        width:0;
+        height:0;
+    }
     #top-left {
         border: 0px solid red;
         position: absolute;
@@ -304,32 +310,33 @@
     </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>
-    <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}"/>
+</div>
-        <!--<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%">
+<div class="top-mid-Text-status" style="transform: translate(-50%,-50%);left:59.5%">
-        <img alt="运行状态" id="status-sys2" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}"/>
+    <img alt="运行状态" id="status-sys1" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}" style="width:2vw"/>
-        <!--<img alt="运行状态" src="../../static/img/stopImg.png" th:src="@{/img/stopImg.png}"/>-->
+    <!--<img alt="运行状态" src="../../static/img/stopImg.png" th:src="@{/img/stopImg.png}"/>-->
-    </div>
+</div>
+<div class="top-mid-Text-status" style="transform: translate(-50%,-50%);left:67%">
+    <img alt="运行状态" id="status-sys2" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}" style="width:2vw"/>
+    <!--<img alt="运行状态" src="../../static/img/stopImg.png" th:src="@{/img/stopImg.png}"/>-->
 </div>
 
 <!--发泡参数-->
@@ -534,6 +541,7 @@
         })
 
         autoUpdate('/system/FoamerMes/getInventoryInfo', INTERVAL, data => {
+            console.log(data['xAxisInfo'].map(value => value.split(",").find(value => /^[Ss][Cc]/.test(value)) ?? value))
             repertoryChart.setOption({
                 xAxis: {
                     data: data['xAxisInfo'],
@@ -810,12 +818,12 @@
             {
                 name: '数量',
                 type: 'pie',
-                radius: ['40%', '55%'],
+                radius: ['55%', '70%'],
                 label: {
                     show: true,
                     formatter: '{b}\n{d}%',
                     textStyle: {
-                        fontSize: '16px',
+                        fontSize: '10px',
                     },
                     color: '#ddd'
                 },