diff --git a/productionboard/src/main/resources/static/css/foamBox/style.css b/productionboard/src/main/resources/static/css/foamBox/style.css
index fa0a5c8..6e10715 100644
--- a/productionboard/src/main/resources/static/css/foamBox/style.css
+++ b/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 {
diff --git a/productionboard/src/main/resources/static/img/foamBox/foamBoxbackground.jpg b/productionboard/src/main/resources/static/img/foamBox/foamBoxbackground.jpg
index c9a33f6..4093046 100644
Binary files a/productionboard/src/main/resources/static/img/foamBox/foamBoxbackground.jpg and b/productionboard/src/main/resources/static/img/foamBox/foamBoxbackground.jpg differ
diff --git a/productionboard/src/main/resources/static/js/common/date-time-common.js b/productionboard/src/main/resources/static/js/common/date-time-common.js
index 7361c52..f7f7094 100644
--- a/productionboard/src/main/resources/static/js/common/date-time-common.js
+++ b/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')
 
diff --git a/productionboard/src/main/resources/static/js/foamBox/index.js b/productionboard/src/main/resources/static/js/foamBox/index.js
index 9f873e7..4c6c5b4 100644
--- a/productionboard/src/main/resources/static/js/foamBox/index.js
+++ b/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>`;