From 5a4fe70bbc57ba98f6bca6d01351517d7c91b76a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Wed, 8 Jun 2022 15:53:43 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../resources/static/css/tankShell/device.css | 12 +++++-----
 .../resources/static/js/common/synthetic.js   | 24 +++++++++----------
 .../resources/static/js/tankShell/device.js   | 18 +++++++-------
 .../resources/templates/tankShell/device.html |  7 +++---
 .../classes/static/css/tankShell/device.css   | 12 +++++-----
 .../classes/static/js/common/synthetic.js     | 24 +++++++++----------
 .../classes/static/js/tankShell/device.js     | 18 +++++++-------
 .../classes/templates/tankShell/device.html   |  7 +++---
 8 files changed, 62 insertions(+), 60 deletions(-)

diff --git a/productionboard/src/main/resources/static/css/tankShell/device.css b/productionboard/src/main/resources/static/css/tankShell/device.css
index d77bd08..17bfe6d 100644
--- a/productionboard/src/main/resources/static/css/tankShell/device.css
+++ b/productionboard/src/main/resources/static/css/tankShell/device.css
@@ -47,10 +47,10 @@ body {
     display: flex;
     justify-content: center;
     align-items: center;
-    font-size: 16px !important;
+    /* font-size: 16px !important; */
 }
 
-.lossParam{
+.lossParam {
     border: 0px solid yellowgreen;
     position: absolute;
     width: 8.8%;
@@ -61,10 +61,10 @@ body {
     justify-content: center;
     align-items: center;
     color: #8FB7D1;
-    font-size: 16px !important;
+    font-size: 230% !important;
 }
 
-.meterParam{
+.meterParam {
     border: 0px solid yellowgreen;
     position: absolute;
     width: 8.8%;
@@ -74,8 +74,8 @@ body {
     display: flex;
     justify-content: center;
     align-items: center;
-    color:#A5E3B1;
-    font-size: 16px !important;
+    color: #A5E3B1;
+    font-size: 230% !important;
 }
 
 .OEEStatistics {
diff --git a/productionboard/src/main/resources/static/js/common/synthetic.js b/productionboard/src/main/resources/static/js/common/synthetic.js
index dcbf96a..b80bb83 100644
--- a/productionboard/src/main/resources/static/js/common/synthetic.js
+++ b/productionboard/src/main/resources/static/js/common/synthetic.js
@@ -2,7 +2,7 @@
 const dataInformationFunction = (statusArray) => {
     let info = `<table style="position: absolute;top: 8%;width: 100%;height:100%;">
             <tr style="width: 100%; height: 50%;">
-                <td style="border:0px solid red;text-align:center;width: 50%;"><i ${statusArray[0] == 0 ? 'style="color:green;"' : 'style="color: red;"'}  class="fa-regular ${statusArray[0] == 0 ? "fa-circle-check" : "fa-circle-xmark"}"></i>${statusArray[0] == 0 ? `<span style="color:green;margin-left: 10px">运行正常</span>` : `<span style="color:red;margin-left: 10px">运行异常</span>`}</td>
+                <td style="border:0px solid red;text-align:center;width: 50%;"><i ${statusArray[0] == 1 ? 'style="color:green;"' : 'style="color: red;"'}  class="fa-regular ${statusArray[0] == 1 ? "fa-circle-check" : "fa-circle-xmark"}"></i>${statusArray[0] == 1 ? `<span style="color:green;margin-left: 10px">运行正常</span>` : `<span style="color:red;margin-left: 10px">运行异常</span>`}</td>
                 <td style="border:0px solid red;text-align:center;width: 50%;color: #E6ECBE;">${statusArray[1]}</td>
             </tr>
             <tr style="width: 100%; height: 50%;">
@@ -16,28 +16,28 @@ const dataInformationFunction = (statusArray) => {
 const synthetic = (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;text-align:center;width: 23%;color: #99C4EF;">123</td>
-        <td style="border:0px solid red;text-align:center;width: 27%;color: #7CED92;">123</td>
-        <td style="border:0px solid red;text-align:center;width: 27%;color: #99C4EF;">123</td>
-        <td style="border:0px solid red;text-align:center;width: 19%;color: #7CED92;">123</td>
-        <td style="border:0px solid red;text-align:center;width: 15%;"></td>
+        <td style="border:0px solid red;font-size:230%;text-align:center;width: 23%;color: #99C4EF;">123</td>
+        <td style="border:0px solid red;font-size:230%;text-align:center;width: 27%;color: #7CED92;">123</td>
+        <td style="border:0px solid red;font-size:230%;text-align:center;width: 27%;color: #99C4EF;">123</td>
+        <td style="border:0px solid red;font-size:230%;text-align:center;width: 19%;color: #7CED92;">123</td>
+        <td style="border:0px solid red;font-size:230%;text-align:center;width: 15%;"></td>
     </tr>
         </table>
         <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;text-align:center;width: 13%;color: #70C0EC;">123</td>
+        <td style="border:0px solid red;font-size:230%;text-align:center;width: 13%;color: #70C0EC;">123</td>
         <td style="border:0px solid red;text-align:center;width: 13%;"></td>
-        <td style="border:0px solid red;text-align:center;width: 14%;color: #DB718D;">123</td>
+        <td style="border:0px solid red;font-size:230%;text-align:center;width: 14%;color: #DB718D;">123</td>
         <td style="border:0px solid red;text-align:center;width: 12%;"></td>
-        <td style="border:0px solid red;text-align:center;width: 13%;color: #8CEF92;">123</td>
+        <td style="border:0px solid red;font-size:230%;text-align:center;width: 13%;color: #8CEF92;">123</td>
         <td style="border:0px solid red;text-align:center;width: 13%;"></td>
-        <td style="border:0px solid red;text-align:center;width: 14%;color: #ECE790;">123</td>
+        <td style="border:0px solid red;font-size:230%;text-align:center;width: 14%;color: #ECE790;">123</td>
         <td style="border:0px solid red;text-align:center;width: 0%;"></td>
     </tr>
         </table>
-        <span style="position: absolute;top: 13%;left: 85%;width: 9%;height:4%;text-align:center;background: linear-gradient(to bottom, #D2E5F7, #8CBAE4);color: transparent;display:inline-block;-webkit-background-clip: text;">123213</span>
-        <span style="position: absolute;top: 28%;left: 85%;width: 9%;height:4%;text-align:center;background: linear-gradient(to bottom, #F1FFFF, #7FE782);color: transparent;display:inline-block;-webkit-background-clip: text;">123213</span>
+        <span style="position: absolute;font-size:230%;top: 11%;left: 84.5%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #D2E5F7, #8CBAE4);color: transparent;display:inline-block;-webkit-background-clip: text;">123213</span>
+        <span style="position: absolute;font-size:230%;top: 26%;left: 84.5%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #F1FFFF, #7FE782);color: transparent;display:inline-block;-webkit-background-clip: text;">123213</span>
         `;
 
     $("#synthetic").append(info);
diff --git a/productionboard/src/main/resources/static/js/tankShell/device.js b/productionboard/src/main/resources/static/js/tankShell/device.js
index 9a9bd7e..ed92d04 100644
--- a/productionboard/src/main/resources/static/js/tankShell/device.js
+++ b/productionboard/src/main/resources/static/js/tankShell/device.js
@@ -70,7 +70,7 @@ $(() => {
 const dataInformationFunction = (statusArray) => {
     let info = `<table style="position: absolute;top: 8%;width: 100%;height:100%;">
             <tr style="width: 100%; height: 50%;">
-                <td style="border:0px solid red;text-align:center;width: 50%;"><i ${statusArray[0] == 0 ? 'style="color:green;"' : 'style="color: red;"'}  class="fa-regular ${statusArray[0] == 0 ? "fa-circle-check" : "fa-circle-xmark"}"></i>${statusArray[0] == 0 ? `<span style="color:green;margin-left: 10px">运行正常</span>` : `<span style="color:red;margin-left: 10px">运行异常</span>`}</td>
+                <td style="border:0px solid red;text-align:center;width: 50%;"><i ${statusArray[0] == 1 ? 'style="color:green;"' : 'style="color: red;"'}  class="fa-regular ${statusArray[0] == 1 ? "fa-circle-check" : "fa-circle-xmark"}"></i>${statusArray[0] == 1 ? `<span style="color:green;margin-left: 10px">运行正常</span>` : `<span style="color:red;margin-left: 10px">运行异常</span>`}</td>
                 <td style="border:0px solid red;text-align:center;width: 50%;color: #E6ECBE;">389kW</td>
             </tr>
             <tr style="width: 100%; height: 50%;">
@@ -87,10 +87,10 @@ const dataInformationFunction = (statusArray) => {
 const energyProductionStatisticsFunction = (statusArray) => {
     let info = `<table style="position: absolute;top: 8%;width: 100%;height:100%;">
             <tr style="width: 100%; height: 100%;">
-                <td style="border:0px solid red;width: 25%;text-align:center;color: #76BBE8;">68</td>
-                <td style="border:0px solid red;width: 25%;text-align:center;color: #8AE9A0;">675</td>
-                <td style="border:0px solid red;width: 25%;text-align:center;color: #76BBE8;">68</td>
-                <td style="border:0px solid red;width: 25%;text-align:center;color: #8AE9A0;">675</td>
+                <td style="font-size:230%;border:0px solid red;width: 25%;text-align:center;color: #76BBE8;">68</td>
+                <td style="font-size:230%;border:0px solid red;width: 25%;text-align:center;color: #8AE9A0;">675</td>
+                <td style="font-size:230%;border:0px solid red;width: 25%;text-align:center;color: #76BBE8;">68</td>
+                <td style="font-size:230%;border:0px solid red;width: 25%;text-align:center;color: #8AE9A0;">675</td>
             </tr>
         </table>`;
 
@@ -99,10 +99,10 @@ const energyProductionStatisticsFunction = (statusArray) => {
 
 const runParamStatisticsFunction = (statusArray) => {
     let info = `
-        <div style="left: 9%;color:#76BBE8">68</div>
-        <div style="left: 35%;color:#C0818B">685</div>
-        <div style="left: 61%;color: #8AE9A0">685</div>
-        <div style="left: 87%;color:#D5D2AA">685</div>
+        <div style="font-size:230%;left: 9%;color:#76BBE8">68</div>
+        <div style="font-size:230%;left: 35%;color:#C0818B">685</div>
+        <div style="font-size:230%;left: 61%;color: #8AE9A0">685</div>
+        <div style="font-size:230%;left: 87%;color:#D5D2AA">685</div>
     `;
 
     $("#runParamStatistics").append(info);
diff --git a/productionboard/src/main/resources/templates/tankShell/device.html b/productionboard/src/main/resources/templates/tankShell/device.html
index 53a2f65..406e25c 100644
--- a/productionboard/src/main/resources/templates/tankShell/device.html
+++ b/productionboard/src/main/resources/templates/tankShell/device.html
@@ -20,12 +20,13 @@
     <div class="energyProductionStatistics" id="energyProductionStatistics"></div>
     <!--运行参数统计-->
     <div class="runParamStatistics" id="runParamStatistics"></div>
-
+<div style="font-size: 14px">
     <!--loss参数-->
-    <div class="lossParam" id="lossParam"></div>
+    <span class="lossParam" id="lossParam"></span>
 
     <!--节拍参数-->
-    <div class="meterParam" id="meterParam"></div>
+    <span class="meterParam" id="meterParam"></span>
+</div>
 
 
     
diff --git a/productionboard/target/classes/static/css/tankShell/device.css b/productionboard/target/classes/static/css/tankShell/device.css
index d77bd08..17bfe6d 100644
--- a/productionboard/target/classes/static/css/tankShell/device.css
+++ b/productionboard/target/classes/static/css/tankShell/device.css
@@ -47,10 +47,10 @@ body {
     display: flex;
     justify-content: center;
     align-items: center;
-    font-size: 16px !important;
+    /* font-size: 16px !important; */
 }
 
-.lossParam{
+.lossParam {
     border: 0px solid yellowgreen;
     position: absolute;
     width: 8.8%;
@@ -61,10 +61,10 @@ body {
     justify-content: center;
     align-items: center;
     color: #8FB7D1;
-    font-size: 16px !important;
+    font-size: 230% !important;
 }
 
-.meterParam{
+.meterParam {
     border: 0px solid yellowgreen;
     position: absolute;
     width: 8.8%;
@@ -74,8 +74,8 @@ body {
     display: flex;
     justify-content: center;
     align-items: center;
-    color:#A5E3B1;
-    font-size: 16px !important;
+    color: #A5E3B1;
+    font-size: 230% !important;
 }
 
 .OEEStatistics {
diff --git a/productionboard/target/classes/static/js/common/synthetic.js b/productionboard/target/classes/static/js/common/synthetic.js
index dcbf96a..b80bb83 100644
--- a/productionboard/target/classes/static/js/common/synthetic.js
+++ b/productionboard/target/classes/static/js/common/synthetic.js
@@ -2,7 +2,7 @@
 const dataInformationFunction = (statusArray) => {
     let info = `<table style="position: absolute;top: 8%;width: 100%;height:100%;">
             <tr style="width: 100%; height: 50%;">
-                <td style="border:0px solid red;text-align:center;width: 50%;"><i ${statusArray[0] == 0 ? 'style="color:green;"' : 'style="color: red;"'}  class="fa-regular ${statusArray[0] == 0 ? "fa-circle-check" : "fa-circle-xmark"}"></i>${statusArray[0] == 0 ? `<span style="color:green;margin-left: 10px">运行正常</span>` : `<span style="color:red;margin-left: 10px">运行异常</span>`}</td>
+                <td style="border:0px solid red;text-align:center;width: 50%;"><i ${statusArray[0] == 1 ? 'style="color:green;"' : 'style="color: red;"'}  class="fa-regular ${statusArray[0] == 1 ? "fa-circle-check" : "fa-circle-xmark"}"></i>${statusArray[0] == 1 ? `<span style="color:green;margin-left: 10px">运行正常</span>` : `<span style="color:red;margin-left: 10px">运行异常</span>`}</td>
                 <td style="border:0px solid red;text-align:center;width: 50%;color: #E6ECBE;">${statusArray[1]}</td>
             </tr>
             <tr style="width: 100%; height: 50%;">
@@ -16,28 +16,28 @@ const dataInformationFunction = (statusArray) => {
 const synthetic = (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;text-align:center;width: 23%;color: #99C4EF;">123</td>
-        <td style="border:0px solid red;text-align:center;width: 27%;color: #7CED92;">123</td>
-        <td style="border:0px solid red;text-align:center;width: 27%;color: #99C4EF;">123</td>
-        <td style="border:0px solid red;text-align:center;width: 19%;color: #7CED92;">123</td>
-        <td style="border:0px solid red;text-align:center;width: 15%;"></td>
+        <td style="border:0px solid red;font-size:230%;text-align:center;width: 23%;color: #99C4EF;">123</td>
+        <td style="border:0px solid red;font-size:230%;text-align:center;width: 27%;color: #7CED92;">123</td>
+        <td style="border:0px solid red;font-size:230%;text-align:center;width: 27%;color: #99C4EF;">123</td>
+        <td style="border:0px solid red;font-size:230%;text-align:center;width: 19%;color: #7CED92;">123</td>
+        <td style="border:0px solid red;font-size:230%;text-align:center;width: 15%;"></td>
     </tr>
         </table>
         <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;text-align:center;width: 13%;color: #70C0EC;">123</td>
+        <td style="border:0px solid red;font-size:230%;text-align:center;width: 13%;color: #70C0EC;">123</td>
         <td style="border:0px solid red;text-align:center;width: 13%;"></td>
-        <td style="border:0px solid red;text-align:center;width: 14%;color: #DB718D;">123</td>
+        <td style="border:0px solid red;font-size:230%;text-align:center;width: 14%;color: #DB718D;">123</td>
         <td style="border:0px solid red;text-align:center;width: 12%;"></td>
-        <td style="border:0px solid red;text-align:center;width: 13%;color: #8CEF92;">123</td>
+        <td style="border:0px solid red;font-size:230%;text-align:center;width: 13%;color: #8CEF92;">123</td>
         <td style="border:0px solid red;text-align:center;width: 13%;"></td>
-        <td style="border:0px solid red;text-align:center;width: 14%;color: #ECE790;">123</td>
+        <td style="border:0px solid red;font-size:230%;text-align:center;width: 14%;color: #ECE790;">123</td>
         <td style="border:0px solid red;text-align:center;width: 0%;"></td>
     </tr>
         </table>
-        <span style="position: absolute;top: 13%;left: 85%;width: 9%;height:4%;text-align:center;background: linear-gradient(to bottom, #D2E5F7, #8CBAE4);color: transparent;display:inline-block;-webkit-background-clip: text;">123213</span>
-        <span style="position: absolute;top: 28%;left: 85%;width: 9%;height:4%;text-align:center;background: linear-gradient(to bottom, #F1FFFF, #7FE782);color: transparent;display:inline-block;-webkit-background-clip: text;">123213</span>
+        <span style="position: absolute;font-size:230%;top: 11%;left: 84.5%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #D2E5F7, #8CBAE4);color: transparent;display:inline-block;-webkit-background-clip: text;">123213</span>
+        <span style="position: absolute;font-size:230%;top: 26%;left: 84.5%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #F1FFFF, #7FE782);color: transparent;display:inline-block;-webkit-background-clip: text;">123213</span>
         `;
 
     $("#synthetic").append(info);
diff --git a/productionboard/target/classes/static/js/tankShell/device.js b/productionboard/target/classes/static/js/tankShell/device.js
index 9a9bd7e..ed92d04 100644
--- a/productionboard/target/classes/static/js/tankShell/device.js
+++ b/productionboard/target/classes/static/js/tankShell/device.js
@@ -70,7 +70,7 @@ $(() => {
 const dataInformationFunction = (statusArray) => {
     let info = `<table style="position: absolute;top: 8%;width: 100%;height:100%;">
             <tr style="width: 100%; height: 50%;">
-                <td style="border:0px solid red;text-align:center;width: 50%;"><i ${statusArray[0] == 0 ? 'style="color:green;"' : 'style="color: red;"'}  class="fa-regular ${statusArray[0] == 0 ? "fa-circle-check" : "fa-circle-xmark"}"></i>${statusArray[0] == 0 ? `<span style="color:green;margin-left: 10px">运行正常</span>` : `<span style="color:red;margin-left: 10px">运行异常</span>`}</td>
+                <td style="border:0px solid red;text-align:center;width: 50%;"><i ${statusArray[0] == 1 ? 'style="color:green;"' : 'style="color: red;"'}  class="fa-regular ${statusArray[0] == 1 ? "fa-circle-check" : "fa-circle-xmark"}"></i>${statusArray[0] == 1 ? `<span style="color:green;margin-left: 10px">运行正常</span>` : `<span style="color:red;margin-left: 10px">运行异常</span>`}</td>
                 <td style="border:0px solid red;text-align:center;width: 50%;color: #E6ECBE;">389kW</td>
             </tr>
             <tr style="width: 100%; height: 50%;">
@@ -87,10 +87,10 @@ const dataInformationFunction = (statusArray) => {
 const energyProductionStatisticsFunction = (statusArray) => {
     let info = `<table style="position: absolute;top: 8%;width: 100%;height:100%;">
             <tr style="width: 100%; height: 100%;">
-                <td style="border:0px solid red;width: 25%;text-align:center;color: #76BBE8;">68</td>
-                <td style="border:0px solid red;width: 25%;text-align:center;color: #8AE9A0;">675</td>
-                <td style="border:0px solid red;width: 25%;text-align:center;color: #76BBE8;">68</td>
-                <td style="border:0px solid red;width: 25%;text-align:center;color: #8AE9A0;">675</td>
+                <td style="font-size:230%;border:0px solid red;width: 25%;text-align:center;color: #76BBE8;">68</td>
+                <td style="font-size:230%;border:0px solid red;width: 25%;text-align:center;color: #8AE9A0;">675</td>
+                <td style="font-size:230%;border:0px solid red;width: 25%;text-align:center;color: #76BBE8;">68</td>
+                <td style="font-size:230%;border:0px solid red;width: 25%;text-align:center;color: #8AE9A0;">675</td>
             </tr>
         </table>`;
 
@@ -99,10 +99,10 @@ const energyProductionStatisticsFunction = (statusArray) => {
 
 const runParamStatisticsFunction = (statusArray) => {
     let info = `
-        <div style="left: 9%;color:#76BBE8">68</div>
-        <div style="left: 35%;color:#C0818B">685</div>
-        <div style="left: 61%;color: #8AE9A0">685</div>
-        <div style="left: 87%;color:#D5D2AA">685</div>
+        <div style="font-size:230%;left: 9%;color:#76BBE8">68</div>
+        <div style="font-size:230%;left: 35%;color:#C0818B">685</div>
+        <div style="font-size:230%;left: 61%;color: #8AE9A0">685</div>
+        <div style="font-size:230%;left: 87%;color:#D5D2AA">685</div>
     `;
 
     $("#runParamStatistics").append(info);
diff --git a/productionboard/target/classes/templates/tankShell/device.html b/productionboard/target/classes/templates/tankShell/device.html
index 53a2f65..406e25c 100644
--- a/productionboard/target/classes/templates/tankShell/device.html
+++ b/productionboard/target/classes/templates/tankShell/device.html
@@ -20,12 +20,13 @@
     <div class="energyProductionStatistics" id="energyProductionStatistics"></div>
     <!--运行参数统计-->
     <div class="runParamStatistics" id="runParamStatistics"></div>
-
+<div style="font-size: 14px">
     <!--loss参数-->
-    <div class="lossParam" id="lossParam"></div>
+    <span class="lossParam" id="lossParam"></span>
 
     <!--节拍参数-->
-    <div class="meterParam" id="meterParam"></div>
+    <span class="meterParam" id="meterParam"></span>
+</div>
 
 
     

From 9d5fc901004b891205af6c363b390961877718eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Wed, 8 Jun 2022 16:47:51 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../resources/static/css/tankShell/device.css |  6 ++---
 .../static/js/aluminumLiner/index.js          | 15 +++++++------
 .../resources/static/js/common/synthetic.js   | 22 +++++++++----------
 .../resources/static/js/tankShell/device.js   | 16 +++++++-------
 .../resources/templates/tankShell/device.html |  2 +-
 .../classes/static/css/tankShell/device.css   |  6 ++---
 .../classes/static/js/aluminumLiner/index.js  | 16 ++++++++------
 .../classes/static/js/common/synthetic.js     | 22 +++++++++----------
 .../classes/static/js/tankShell/device.js     | 16 +++++++-------
 .../classes/templates/tankShell/device.html   |  2 +-
 10 files changed, 63 insertions(+), 60 deletions(-)

diff --git a/productionboard/src/main/resources/static/css/tankShell/device.css b/productionboard/src/main/resources/static/css/tankShell/device.css
index 17bfe6d..6861cf4 100644
--- a/productionboard/src/main/resources/static/css/tankShell/device.css
+++ b/productionboard/src/main/resources/static/css/tankShell/device.css
@@ -22,7 +22,7 @@ body {
     position: absolute;
     width: 42%;
     height: 6%;
-    top: 9%;
+    top: 8%;
     left: 29%;
     font-size: 16px !important;
 }
@@ -61,7 +61,7 @@ body {
     justify-content: center;
     align-items: center;
     color: #8FB7D1;
-    font-size: 230% !important;
+    font-size: 175% !important;
 }
 
 .meterParam {
@@ -75,7 +75,7 @@ body {
     justify-content: center;
     align-items: center;
     color: #A5E3B1;
-    font-size: 230% !important;
+    font-size: 175% !important;
 }
 
 .OEEStatistics {
diff --git a/productionboard/src/main/resources/static/js/aluminumLiner/index.js b/productionboard/src/main/resources/static/js/aluminumLiner/index.js
index a0cb7d3..7d0297c 100644
--- a/productionboard/src/main/resources/static/js/aluminumLiner/index.js
+++ b/productionboard/src/main/resources/static/js/aluminumLiner/index.js
@@ -2,23 +2,24 @@ $(() => {
 
     //数据信息
     $.getJSON('/aluminumLiner/getDataInformation', function (result) {
-        const statusArray = [1,0,0,0,0];
-        if(result.length > 0) {
+        const statusArray = [1, 0, 0, 0, 0];
+        if (result.length > 0) {
             statusArray[0] = result[0].deviceStatus == "正常" ? 0 : 1;
             statusArray[1] = result[0].devicePower;
             statusArray[2] = result[0].deviceEnergy;
         }
         dataInformationFunction(statusArray);
     });
+    $.getJSON('/aluminumLiner/getEnergyProductStatistics', function (result) {
+        synthetic(result)
+    });
+
 
     //loss/aluminumLiner/getLossStatistics
     $.getJSON('/aluminumLiner/getLossStatistics', function (result) {
         loss(result, document.getElementById("loss"));
     });
 
-    const syntheticDate = [0, 0, 0, 0, 0];
-
-    synthetic(syntheticDate)
 
     //设备OEE统计
     OEEStatistics(null, document.getElementById("OEEStatistics"));
@@ -64,8 +65,8 @@ $(() => {
         }
     });
 
-    
-    
+
+
     //设备故障排名
     $.getJSON('/tankShell/getStatisticalOutputByModel', function (result) {
         equipmentFailure(result, document.getElementById("equipmentFailure"));
diff --git a/productionboard/src/main/resources/static/js/common/synthetic.js b/productionboard/src/main/resources/static/js/common/synthetic.js
index b80bb83..c7a27d4 100644
--- a/productionboard/src/main/resources/static/js/common/synthetic.js
+++ b/productionboard/src/main/resources/static/js/common/synthetic.js
@@ -16,28 +16,28 @@ const dataInformationFunction = (statusArray) => {
 const synthetic = (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:230%;text-align:center;width: 23%;color: #99C4EF;">123</td>
-        <td style="border:0px solid red;font-size:230%;text-align:center;width: 27%;color: #7CED92;">123</td>
-        <td style="border:0px solid red;font-size:230%;text-align:center;width: 27%;color: #99C4EF;">123</td>
-        <td style="border:0px solid red;font-size:230%;text-align:center;width: 19%;color: #7CED92;">123</td>
-        <td style="border:0px solid red;font-size:230%;text-align:center;width: 15%;"></td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 23%;color: #99C4EF;">${statusArray.yesterdayEnergy || 0}</td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 27%;color: #7CED92;">${statusArray.thisMonthProuction || 0}</td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 27%;color: #99C4EF;">${statusArray.yesterdayProuction || 0}</td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 19%;color: #7CED92;">${statusArray.thisMonthEnergy || 0}</td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 15%;"></td>
     </tr>
         </table>
         <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:230%;text-align:center;width: 13%;color: #70C0EC;">123</td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 13%;color: #70C0EC;">${statusArray.yesterdayEnergy || 0}</td>
         <td style="border:0px solid red;text-align:center;width: 13%;"></td>
-        <td style="border:0px solid red;font-size:230%;text-align:center;width: 14%;color: #DB718D;">123</td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 14%;color: #DB718D;">${statusArray.yesterdayEnergy || 0}</td>
         <td style="border:0px solid red;text-align:center;width: 12%;"></td>
-        <td style="border:0px solid red;font-size:230%;text-align:center;width: 13%;color: #8CEF92;">123</td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 13%;color: #8CEF92;">${statusArray.yesterdayEnergy || 0}</td>
         <td style="border:0px solid red;text-align:center;width: 13%;"></td>
-        <td style="border:0px solid red;font-size:230%;text-align:center;width: 14%;color: #ECE790;">123</td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 14%;color: #ECE790;">${statusArray.yesterdayEnergy || 0}</td>
         <td style="border:0px solid red;text-align:center;width: 0%;"></td>
     </tr>
         </table>
-        <span style="position: absolute;font-size:230%;top: 11%;left: 84.5%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #D2E5F7, #8CBAE4);color: transparent;display:inline-block;-webkit-background-clip: text;">123213</span>
-        <span style="position: absolute;font-size:230%;top: 26%;left: 84.5%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #F1FFFF, #7FE782);color: transparent;display:inline-block;-webkit-background-clip: text;">123213</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.yesterdayEnergy || 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.yesterdayEnergy || 0}</span>
         `;
 
     $("#synthetic").append(info);
diff --git a/productionboard/src/main/resources/static/js/tankShell/device.js b/productionboard/src/main/resources/static/js/tankShell/device.js
index ed92d04..8678d26 100644
--- a/productionboard/src/main/resources/static/js/tankShell/device.js
+++ b/productionboard/src/main/resources/static/js/tankShell/device.js
@@ -87,10 +87,10 @@ const dataInformationFunction = (statusArray) => {
 const energyProductionStatisticsFunction = (statusArray) => {
     let info = `<table style="position: absolute;top: 8%;width: 100%;height:100%;">
             <tr style="width: 100%; height: 100%;">
-                <td style="font-size:230%;border:0px solid red;width: 25%;text-align:center;color: #76BBE8;">68</td>
-                <td style="font-size:230%;border:0px solid red;width: 25%;text-align:center;color: #8AE9A0;">675</td>
-                <td style="font-size:230%;border:0px solid red;width: 25%;text-align:center;color: #76BBE8;">68</td>
-                <td style="font-size:230%;border:0px solid red;width: 25%;text-align:center;color: #8AE9A0;">675</td>
+                <td style="font-size:175%;border:0px solid red;width: 25%;text-align:center;color: #76BBE8;">68</td>
+                <td style="font-size:175%;border:0px solid red;width: 25%;text-align:center;color: #8AE9A0;">675</td>
+                <td style="font-size:175%;border:0px solid red;width: 25%;text-align:center;color: #76BBE8;">68</td>
+                <td style="font-size:175%;border:0px solid red;width: 25%;text-align:center;color: #8AE9A0;">675</td>
             </tr>
         </table>`;
 
@@ -99,10 +99,10 @@ const energyProductionStatisticsFunction = (statusArray) => {
 
 const runParamStatisticsFunction = (statusArray) => {
     let info = `
-        <div style="font-size:230%;left: 9%;color:#76BBE8">68</div>
-        <div style="font-size:230%;left: 35%;color:#C0818B">685</div>
-        <div style="font-size:230%;left: 61%;color: #8AE9A0">685</div>
-        <div style="font-size:230%;left: 87%;color:#D5D2AA">685</div>
+        <div style="font-size:175%;left: 9%;color:#76BBE8">68</div>
+        <div style="font-size:175%;left: 35%;color:#C0818B">685</div>
+        <div style="font-size:175%;left: 61%;color: #8AE9A0">685</div>
+        <div style="font-size:175%;left: 87%;color:#D5D2AA">685</div>
     `;
 
     $("#runParamStatistics").append(info);
diff --git a/productionboard/src/main/resources/templates/tankShell/device.html b/productionboard/src/main/resources/templates/tankShell/device.html
index 406e25c..db36b3a 100644
--- a/productionboard/src/main/resources/templates/tankShell/device.html
+++ b/productionboard/src/main/resources/templates/tankShell/device.html
@@ -20,7 +20,7 @@
     <div class="energyProductionStatistics" id="energyProductionStatistics"></div>
     <!--运行参数统计-->
     <div class="runParamStatistics" id="runParamStatistics"></div>
-<div style="font-size: 14px">
+<div style="font-size: 16px">
     <!--loss参数-->
     <span class="lossParam" id="lossParam"></span>
 
diff --git a/productionboard/target/classes/static/css/tankShell/device.css b/productionboard/target/classes/static/css/tankShell/device.css
index 17bfe6d..6861cf4 100644
--- a/productionboard/target/classes/static/css/tankShell/device.css
+++ b/productionboard/target/classes/static/css/tankShell/device.css
@@ -22,7 +22,7 @@ body {
     position: absolute;
     width: 42%;
     height: 6%;
-    top: 9%;
+    top: 8%;
     left: 29%;
     font-size: 16px !important;
 }
@@ -61,7 +61,7 @@ body {
     justify-content: center;
     align-items: center;
     color: #8FB7D1;
-    font-size: 230% !important;
+    font-size: 175% !important;
 }
 
 .meterParam {
@@ -75,7 +75,7 @@ body {
     justify-content: center;
     align-items: center;
     color: #A5E3B1;
-    font-size: 230% !important;
+    font-size: 175% !important;
 }
 
 .OEEStatistics {
diff --git a/productionboard/target/classes/static/js/aluminumLiner/index.js b/productionboard/target/classes/static/js/aluminumLiner/index.js
index a0cb7d3..0446075 100644
--- a/productionboard/target/classes/static/js/aluminumLiner/index.js
+++ b/productionboard/target/classes/static/js/aluminumLiner/index.js
@@ -2,23 +2,25 @@ $(() => {
 
     //数据信息
     $.getJSON('/aluminumLiner/getDataInformation', function (result) {
-        const statusArray = [1,0,0,0,0];
-        if(result.length > 0) {
+        const statusArray = [1, 0, 0, 0, 0];
+        if (result.length > 0) {
             statusArray[0] = result[0].deviceStatus == "正常" ? 0 : 1;
             statusArray[1] = result[0].devicePower;
             statusArray[2] = result[0].deviceEnergy;
         }
         dataInformationFunction(statusArray);
     });
+    $.getJSON('10.41.9.111:6069/aluminumLiner/getEnergyProductStatistics', function (result) {
+        debugger
+        synthetic(result)
+    });
+
 
     //loss/aluminumLiner/getLossStatistics
     $.getJSON('/aluminumLiner/getLossStatistics', function (result) {
         loss(result, document.getElementById("loss"));
     });
 
-    const syntheticDate = [0, 0, 0, 0, 0];
-
-    synthetic(syntheticDate)
 
     //设备OEE统计
     OEEStatistics(null, document.getElementById("OEEStatistics"));
@@ -64,8 +66,8 @@ $(() => {
         }
     });
 
-    
-    
+
+
     //设备故障排名
     $.getJSON('/tankShell/getStatisticalOutputByModel', function (result) {
         equipmentFailure(result, document.getElementById("equipmentFailure"));
diff --git a/productionboard/target/classes/static/js/common/synthetic.js b/productionboard/target/classes/static/js/common/synthetic.js
index b80bb83..c7a27d4 100644
--- a/productionboard/target/classes/static/js/common/synthetic.js
+++ b/productionboard/target/classes/static/js/common/synthetic.js
@@ -16,28 +16,28 @@ const dataInformationFunction = (statusArray) => {
 const synthetic = (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:230%;text-align:center;width: 23%;color: #99C4EF;">123</td>
-        <td style="border:0px solid red;font-size:230%;text-align:center;width: 27%;color: #7CED92;">123</td>
-        <td style="border:0px solid red;font-size:230%;text-align:center;width: 27%;color: #99C4EF;">123</td>
-        <td style="border:0px solid red;font-size:230%;text-align:center;width: 19%;color: #7CED92;">123</td>
-        <td style="border:0px solid red;font-size:230%;text-align:center;width: 15%;"></td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 23%;color: #99C4EF;">${statusArray.yesterdayEnergy || 0}</td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 27%;color: #7CED92;">${statusArray.thisMonthProuction || 0}</td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 27%;color: #99C4EF;">${statusArray.yesterdayProuction || 0}</td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 19%;color: #7CED92;">${statusArray.thisMonthEnergy || 0}</td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 15%;"></td>
     </tr>
         </table>
         <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:230%;text-align:center;width: 13%;color: #70C0EC;">123</td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 13%;color: #70C0EC;">${statusArray.yesterdayEnergy || 0}</td>
         <td style="border:0px solid red;text-align:center;width: 13%;"></td>
-        <td style="border:0px solid red;font-size:230%;text-align:center;width: 14%;color: #DB718D;">123</td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 14%;color: #DB718D;">${statusArray.yesterdayEnergy || 0}</td>
         <td style="border:0px solid red;text-align:center;width: 12%;"></td>
-        <td style="border:0px solid red;font-size:230%;text-align:center;width: 13%;color: #8CEF92;">123</td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 13%;color: #8CEF92;">${statusArray.yesterdayEnergy || 0}</td>
         <td style="border:0px solid red;text-align:center;width: 13%;"></td>
-        <td style="border:0px solid red;font-size:230%;text-align:center;width: 14%;color: #ECE790;">123</td>
+        <td style="border:0px solid red;font-size:175%;text-align:center;width: 14%;color: #ECE790;">${statusArray.yesterdayEnergy || 0}</td>
         <td style="border:0px solid red;text-align:center;width: 0%;"></td>
     </tr>
         </table>
-        <span style="position: absolute;font-size:230%;top: 11%;left: 84.5%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #D2E5F7, #8CBAE4);color: transparent;display:inline-block;-webkit-background-clip: text;">123213</span>
-        <span style="position: absolute;font-size:230%;top: 26%;left: 84.5%;width: 15%;height:10%;text-align:left;background: linear-gradient(to bottom, #F1FFFF, #7FE782);color: transparent;display:inline-block;-webkit-background-clip: text;">123213</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.yesterdayEnergy || 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.yesterdayEnergy || 0}</span>
         `;
 
     $("#synthetic").append(info);
diff --git a/productionboard/target/classes/static/js/tankShell/device.js b/productionboard/target/classes/static/js/tankShell/device.js
index ed92d04..8678d26 100644
--- a/productionboard/target/classes/static/js/tankShell/device.js
+++ b/productionboard/target/classes/static/js/tankShell/device.js
@@ -87,10 +87,10 @@ const dataInformationFunction = (statusArray) => {
 const energyProductionStatisticsFunction = (statusArray) => {
     let info = `<table style="position: absolute;top: 8%;width: 100%;height:100%;">
             <tr style="width: 100%; height: 100%;">
-                <td style="font-size:230%;border:0px solid red;width: 25%;text-align:center;color: #76BBE8;">68</td>
-                <td style="font-size:230%;border:0px solid red;width: 25%;text-align:center;color: #8AE9A0;">675</td>
-                <td style="font-size:230%;border:0px solid red;width: 25%;text-align:center;color: #76BBE8;">68</td>
-                <td style="font-size:230%;border:0px solid red;width: 25%;text-align:center;color: #8AE9A0;">675</td>
+                <td style="font-size:175%;border:0px solid red;width: 25%;text-align:center;color: #76BBE8;">68</td>
+                <td style="font-size:175%;border:0px solid red;width: 25%;text-align:center;color: #8AE9A0;">675</td>
+                <td style="font-size:175%;border:0px solid red;width: 25%;text-align:center;color: #76BBE8;">68</td>
+                <td style="font-size:175%;border:0px solid red;width: 25%;text-align:center;color: #8AE9A0;">675</td>
             </tr>
         </table>`;
 
@@ -99,10 +99,10 @@ const energyProductionStatisticsFunction = (statusArray) => {
 
 const runParamStatisticsFunction = (statusArray) => {
     let info = `
-        <div style="font-size:230%;left: 9%;color:#76BBE8">68</div>
-        <div style="font-size:230%;left: 35%;color:#C0818B">685</div>
-        <div style="font-size:230%;left: 61%;color: #8AE9A0">685</div>
-        <div style="font-size:230%;left: 87%;color:#D5D2AA">685</div>
+        <div style="font-size:175%;left: 9%;color:#76BBE8">68</div>
+        <div style="font-size:175%;left: 35%;color:#C0818B">685</div>
+        <div style="font-size:175%;left: 61%;color: #8AE9A0">685</div>
+        <div style="font-size:175%;left: 87%;color:#D5D2AA">685</div>
     `;
 
     $("#runParamStatistics").append(info);
diff --git a/productionboard/target/classes/templates/tankShell/device.html b/productionboard/target/classes/templates/tankShell/device.html
index 406e25c..db36b3a 100644
--- a/productionboard/target/classes/templates/tankShell/device.html
+++ b/productionboard/target/classes/templates/tankShell/device.html
@@ -20,7 +20,7 @@
     <div class="energyProductionStatistics" id="energyProductionStatistics"></div>
     <!--运行参数统计-->
     <div class="runParamStatistics" id="runParamStatistics"></div>
-<div style="font-size: 14px">
+<div style="font-size: 16px">
     <!--loss参数-->
     <span class="lossParam" id="lossParam"></span>