change - 发泡设备状态

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

@@ -8,7 +8,7 @@ body {
 }
 
 .statisticalOutputByModel{
-    border: 1px solid red;
+    border: 0px solid red;
     position: absolute;
     width: 45.5%;
     height: 32%;
@@ -17,7 +17,7 @@ body {
 }
 
 .inventoryStatistics{
-    border: 1px solid red;
+    border: 0px solid red;
     position: absolute;
     width: 45.5%;
     height: 32%;
@@ -26,7 +26,7 @@ body {
 }
 
 .hourlyOutputStatistics{
-    border: 1px solid red;
+    border: 0px solid red;
     position: absolute;
     width: 93%;
     height: 32%;

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

@@ -8,7 +8,7 @@ body {
     background-size: 100% 100%;
 }
 
-.theCurrentTeam{
+.theCurrentTeam {
     display: none;
 }
 
@@ -32,8 +32,8 @@ body {
     left: 59%;
 }
 
-.inventoryStatistics{
+.inventoryStatistics {
-    border: 1px solid red;
+    border: 0px solid red;
     position: absolute;
     width: 23.5%;
     height: 23.3%;
@@ -41,8 +41,8 @@ body {
     left: 3.5%;
 }
 
-.statisticalOutputByModel{
+.statisticalOutputByModel {
-    border: 1px solid red;
+    border: 0px solid red;
     position: absolute;
     width: 23.5%;
     height: 49%;
@@ -50,8 +50,8 @@ body {
     left: 3.5%;
 }
 
-.hourlyOutputStatistics{
+.hourlyOutputStatistics {
-    border: 1px solid red;
+    border: 0px solid red;
     position: absolute;
     width: 68%;
     height: 20%;
@@ -59,11 +59,30 @@ body {
     right: 3.5%;
 }
 
-.foamingParameters{
+.foamingParameters {
-    border: 1px solid red;
+    border: 0px solid red;
     position: absolute;
     width: 23.5%;
     height: 23.3%;
     top: 14.5%;
     right: 3.5%;
+}
+
+.deviceRunStatus {
+    /*position: absolute;
+    width: 38%;
+    height: 10%;
+    top: 25.5%;
+    left: 33%;
+    border: 1px solid red;
+    color: white;
+    font-size: 12px;*/
+    position: absolute;
+    width: 40%;
+    height: 10%;
+    top: 25.5%;
+    left: 30.2%;
+    border: 0px solid red;
+    color: white;
+    font-size: 12px;
 }

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

@@ -8,7 +8,7 @@ body {
 }
 
 .statisticalOutputByModel{
-    border: 1px solid red;
+    border: 0px solid red;
     position: absolute;
     width: 45.5%;
     height: 32%;
@@ -17,7 +17,7 @@ body {
 }
 
 .inventoryStatistics{
-    border: 1px solid red;
+    border: 0px solid red;
     position: absolute;
     width: 45.5%;
     height: 32%;
@@ -26,7 +26,7 @@ body {
 }
 
 .hourlyOutputStatistics{
-    border: 1px solid red;
+    border: 0px solid red;
     position: absolute;
     width: 93%;
     height: 32%;

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

@@ -2,6 +2,10 @@ $(()=>{
     //班组计划统计
     onDutyPlan(1234,1202,33);
 
+    //设备运行状态
+    let statusArray = [0,0,0,0,1,0];
+    deviceStatus(statusArray);
+
     //库存统计
     $.getJSON('/foamBox/getInventoryStatistics', function (result) {
         threeDimensionalCylindrical(result,document.getElementById("inventoryStatistics"));
@@ -17,4 +21,19 @@ $(()=>{
 
     //发泡参数
     multipleBrokenLineAreaDiagram(null,document.getElementById("foamingParameters"));
-})
+})
+
+const deviceStatus = (statusArray) => {
+    let info = `<table style="width: 100%;height:100%;">
+            <tr style="width: 100%;">
+                <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[0] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td>
+                <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[1] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td>
+                <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[2] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td>
+                <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[3] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td>
+                <td style="border:0px solid red;text-align:right;padding-right: 12px;"><img src="../../img/foamBox/${statusArray[4] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td>
+                <td style="border:0px solid red;text-align:right;"><img src="../../img/foamBox/${statusArray[5] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td>
+            </tr>
+        </table>`;
+
+    $("#deviceRunStatus").append(info);
+}

productionboard/src/main/resources/templates/foamBox/index.html

@@ -24,6 +24,21 @@
 
     <!--发泡参数-->
     <div class="foamingParameters" id="foamingParameters"></div>
+
+    <!--设备运行状态-->
+    <!--<div class="foamingLineRunStatus">
+        <table style="width: 100%;height:100%;">
+            <tr style="width: 100%;">
+                <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/deviceopen.png" width="40%" height="50%"/></td>
+                <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/deviceopen.png" width="40%" height="50%"/></td>
+                <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/deviceopen.png" width="40%" height="50%"/></td>
+                <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/deviceopen.png" width="40%" height="50%"/></td>
+                <td style="border:0px solid red;text-align:right;padding-right: 12px;"><img src="../../img/foamBox/deviceopen.png" width="40%" height="50%"/></td>
+                <td style="border:0px solid red;text-align:right;"><img src="../../img/foamBox/deviceopen.png" width="40%" height="50%"/></td>
+            </tr>
+        </table>
+    </div>-->
+    <div class="deviceRunStatus" id="deviceRunStatus"></div>
 </body>
 <script src="../../../js/foamBox/index.js"></script>
 </html>

productionboard/src/main/resources/templates/index.html

@@ -5,6 +5,15 @@
     <title>澳柯玛可视化看板</title>
 </head>
 <body>
-
+    <p>#吸附内胆</p>
+    <p> /adsorptionTank</p>
+    <p> #铝内胆</p>
+    <p> /aluminumTank</p>
+    <p> #吸附内胆预装</p>
+    <p> /preassemble</p>
+    <p> #箱壳</p>
+    <p> /tankShell</p>
+    <p> #发泡</p>
+    <p> /foamBox</p>
 </body>
 </html>

productionboard/target/classes/static/css/tankShell/style.css

@@ -8,7 +8,7 @@ body {
 }
 
 .statisticalOutputByModel{
-    border: 1px solid red;
+    border: 0px solid red;
     position: absolute;
     width: 45.5%;
     height: 32%;
@@ -17,7 +17,7 @@ body {
 }
 
 .inventoryStatistics{
-    border: 1px solid red;
+    border: 0px solid red;
     position: absolute;
     width: 45.5%;
     height: 32%;
@@ -26,7 +26,7 @@ body {
 }
 
 .hourlyOutputStatistics{
-    border: 1px solid red;
+    border: 0px solid red;
     position: absolute;
     width: 93%;
     height: 32%;

productionboard/target/classes/templates/index.html

@@ -5,6 +5,15 @@
     <title>澳柯玛可视化看板</title>
 </head>
 <body>
-
+    <p>#吸附内胆</p>
+    <p> /adsorptionTank</p>
+    <p> #铝内胆</p>
+    <p> /aluminumTank</p>
+    <p> #吸附内胆预装</p>
+    <p> /preassemble</p>
+    <p> #箱壳</p>
+    <p> /tankShell</p>
+    <p> #发泡</p>
+    <p> /foamBox</p>
 </body>
 </html>