修改样式

productionboard/src/main/resources/static/css/foamBox/style.css

@@ -34,10 +34,10 @@ body {
 
 .foamingLineRunStatus {
     position: absolute;
-    width: 41%;
+    width: 40%;
     height: 27%;
-    top: 10%;
-    left: 33%;
+    top: 12%;
+    left: 30%;
 }
 
 .inventoryStatistics {

productionboard/src/main/resources/static/js/common/date-time-common.js

@@ -1,8 +1,8 @@
-document.write('<div style="position:absolute;width:4.2%;height:2%;top: 2%;left: 84.14%;border: 0 solid red;color:#71D7FF;font-size:0.08rem;">\n' +
+document.write('<div style="position:absolute;width:4.2%;height:2%;top: 2.1%;left: 84.14%;border: 0 solid red;color:#71D7FF;font-size:0.08rem;">\n' +
     '    <span id="timeinfo"></span>\n' +
     '</div>\n' +
     '\n' +
-    '<div style="position:absolute;width:6%;height:2%;top: 2%;left: 92%;border: 0 solid red;color:#71D7FF;font-size:0.08rem;">\n' +
+    '<div style="position:absolute;width:6%;height:2%;top: 2.1%;left: 92%;border: 0 solid red;color:#71D7FF;font-size:0.08rem;">\n' +
     '    <span id="dateinfo"></span>\n' +
     '</div>\n')
 

productionboard/src/main/resources/static/js/foamBox/index.js

@@ -6,9 +6,10 @@ $(() => {
     });
 
     //设备运行状态
-    $.getJSON(`/foamBox/getRunStatusJson?ids=${ids}`, function (result) {
-        deviceStatus(result);
-    });
+    // $.getJSON(`/foamBox/getRunStatusJson?ids=${ids}`, function (result) {
+    //     deviceStatus(result);
+    // });
+    deviceStatus([1,1,1,1,1,1]);
 
 
     //库存统计
@@ -120,13 +121,12 @@ $(() => {
 const deviceStatus = (statusArray) => {
     let info = `<table style="width: 100%;height:100%;">
             <tr style="width: 100%;">
-                <td style="width:15%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[0] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
-                <td style="width:15%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[1] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
-                <td style="width:15.3%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[2] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
-                <td style="width:13%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[3] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
-                <td style="width:9.7%;border:0px solid red;text-align:center;"></td>
-                <td style="width:18%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[4] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
-                <td style="width:14%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[5] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
+                <td style="position:absolute;top:-7%;left:8%;height:50%;width:10%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[0] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
+                <td style="position:absolute;top:-7%;left:23%;height:50%;width:10%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[1] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
+                <td style="position:absolute;top:-7%;left:38%;height:50%;width:10%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[2] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
+                <td style="position:absolute;top:-7%;left:52%;height:50%;width:10%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[3] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
+                <td style="position:absolute;top:-7%;left:75%;height:50%;width:10%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[4] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
+                <td style="position:absolute;top:-7%;left:93%;height:50%;width:10%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[5] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
             </tr>
         </table>`;