修改

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

@@ -10,7 +10,7 @@ $(() => {
         }
         dataInformationFunction(statusArray);
     });
-    $.getJSON('/aluminumLiner/getEnergyProductStatistics', function (result) {
+    $.getJSON('/aluminumLiner/getRunParameters', function (result) {
         synthetic(result)
     });
 

productionboard/src/main/resources/static/js/common/synthetic.js

@@ -10,10 +10,10 @@ const dataInformationFunction = (statusArray) => {
                 <td style="border:0px solid red;text-align:center;width: 50%;color: #D18DA2;">${statusArray[3]}</td>
             </tr>
         </table>`;
-
     $("#dataInformation").append(info);
 }
 const synthetic = (statusArray) => {
+    console.log(statusArray);
     let info = `<table style="position: absolute;top: 9%;left: 30%;width: 40%;height:7%;">
     <tr style="width: 100%; height: 50%;">
         <td style="border:0px solid red;font-size:175%;text-align:center;width: 23%;color: #99C4EF;">${statusArray[0] || 0}</td>
@@ -39,6 +39,5 @@ const synthetic = (statusArray) => {
         <span style="position: absolute;font-size:175%;top: 12%;left: 85%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #D2E5F7, #8CBAE4);color: transparent;display:inline-block;-webkit-background-clip: text;">${statusArray[8] || 0}</span>
         <span style="position: absolute;font-size:175%;top: 26.7%;left: 85%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #F1FFFF, #7FE782);color: transparent;display:inline-block;-webkit-background-clip: text;">${statusArray[9] || 0}</span>
         `;
-
     $("#synthetic").append(info);
 }

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

@@ -42,10 +42,10 @@ body {
 .loss {
     border: 0px solid red;
     position: absolute;
-    width: 25%;
+    width: 28%;
     height: 25%;
     top: 41%;
-    left: 72%;
+    left: 71%;
 }
 
 

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

@@ -99,10 +99,10 @@ body {
 .loss {
     border: 0px solid red;
     position: absolute;
-    width: 25%;
+    width: 28%;
     height: 25%;
     top: 41%;
-    left: 72%;
+    left: 71%;
 }
 
 .productionPlan {

productionboard/target/classes/static/js/aluminumLiner/index.js

@@ -10,7 +10,7 @@ $(() => {
         }
         dataInformationFunction(statusArray);
     });
-    $.getJSON('/aluminumLiner/getEnergyProductStatistics', function (result) {
+    $.getJSON('/aluminumLiner/getRunParameters', function (result) {
         synthetic(result)
     });
 

productionboard/target/classes/static/js/common/synthetic.js

@@ -10,10 +10,10 @@ const dataInformationFunction = (statusArray) => {
                 <td style="border:0px solid red;text-align:center;width: 50%;color: #D18DA2;">${statusArray[3]}</td>
             </tr>
         </table>`;
-
     $("#dataInformation").append(info);
 }
 const synthetic = (statusArray) => {
+    console.log(statusArray);
     let info = `<table style="position: absolute;top: 9%;left: 30%;width: 40%;height:7%;">
     <tr style="width: 100%; height: 50%;">
         <td style="border:0px solid red;font-size:175%;text-align:center;width: 23%;color: #99C4EF;">${statusArray[0] || 0}</td>
@@ -26,19 +26,18 @@ const synthetic = (statusArray) => {
         <table style="position: absolute;top: 24%;left: 30%;width: 42%;height:10%;">
     <tr style="width: 100%; height: 50%;">
         <td style="border:0px solid red;text-align:center;width: 7%;"></td>
-        <td style="border:0px solid red;font-size:175%;text-align:center;width: 13%;color: #70C0EC;">${statusArray[0] || 0}</td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 13%;color: #70C0EC;">${statusArray[4] || 0}</td>
         <td style="border:0px solid red;text-align:center;width: 13%;"></td>
-        <td style="border:0px solid red;font-size:175%;text-align:center;width: 14%;color: #DB718D;">${statusArray[0] || 0}</td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 14%;color: #DB718D;">${statusArray[5] || 0}</td>
         <td style="border:0px solid red;text-align:center;width: 12%;"></td>
-        <td style="border:0px solid red;font-size:175%;text-align:center;width: 13%;color: #8CEF92;">${statusArray[0] || 0}</td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 13%;color: #8CEF92;">${statusArray[6] || 0}</td>
         <td style="border:0px solid red;text-align:center;width: 13%;"></td>
-        <td style="border:0px solid red;font-size:175%;text-align:center;width: 14%;color: #ECE790;">${statusArray[0] || 0}</td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 14%;color: #ECE790;">${statusArray[7] || 0}</td>
         <td style="border:0px solid red;text-align:center;width: 0%;"></td>
     </tr>
         </table>
-        <span style="position: absolute;font-size:175%;top: 12%;left: 85%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #D2E5F7, #8CBAE4);color: transparent;display:inline-block;-webkit-background-clip: text;">${statusArray[0] || 0}</span>
-        <span style="position: absolute;font-size:175%;top: 26.7%;left: 85%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #F1FFFF, #7FE782);color: transparent;display:inline-block;-webkit-background-clip: text;">${statusArray[0] || 0}</span>
+        <span style="position: absolute;font-size:175%;top: 12%;left: 85%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #D2E5F7, #8CBAE4);color: transparent;display:inline-block;-webkit-background-clip: text;">${statusArray[8] || 0}</span>
+        <span style="position: absolute;font-size:175%;top: 26.7%;left: 85%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #F1FFFF, #7FE782);color: transparent;display:inline-block;-webkit-background-clip: text;">${statusArray[9] || 0}</span>
         `;
-
     $("#synthetic").append(info);
 }