修改

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

@@ -1191,7 +1191,6 @@ const bluePolygonHistogram = (res, ids) => {
 //多个立体柱状图
 const multipleThreeDimensionalCylindrical = (res, ids) => {
     let mycharts = echarts.init(ids);
-    console.log(res);
     const xValue = res.map(val => val.materialName)
     const lineStoreAmount = res.map(val => val.lineStoreAmount)
     const hullStoreAmount = res.map(val => val.hullStoreAmount)
@@ -1980,10 +1979,8 @@ const inventory = (res, ids) => {
 //loss
 const loss = (res, ids) => {
     let mycharts = echarts.init(ids);
-
+    const xValue = res.map(val => val.name)
-    let xAxisData = [];
+    const yValue = res.map(val => val.value)
-    let seriesData1 = [];
-    let sum = 0;
 
     let barTopColor = [
         "#55F675",
@@ -1991,29 +1988,7 @@ const loss = (res, ids) => {
     let barBottomColor = [
         "#55F675",
     ];
-    let Res =
-    {
-        datas:res.length > 0 ? res : [
-            {
-                name: '>30分钟',
-                value: 2
-            },
-            {
-                name: '3-10分钟',
-                value: 6
-            },
-            {
-                name: '0-3分钟',
-                value: 9
-            },
-        ],
-    }
 
-    Res.datas.forEach((item) => {
-        xAxisData.push(item.name);
-        seriesData1.push(item.value);
-        sum += item.value;
-    });
     let option = {
 
         grid: {
@@ -2025,7 +2000,7 @@ const loss = (res, ids) => {
             axisTick: {
                 show: false,
             },
-            data: xAxisData,
+            data: xValue,
             axisLine: {
                 show: true,
             },
@@ -2103,7 +2078,7 @@ const loss = (res, ids) => {
                     },
                 },
                 symbolPosition: "end",
-                data: seriesData1,
+                data: yValue,
             },
 
             {
@@ -2129,7 +2104,7 @@ const loss = (res, ids) => {
                 silent: true,
                 barWidth: 35,
                 barGap: "-100%", // Make series be overlap
-                data: seriesData1,
+                data: yValue,
             },
         ],
     };

productionboard/src/main/resources/static/js/tankShell/device.js

@@ -14,7 +14,7 @@ $(() => {
     });
 
     //loss
-    $.getJSON('/tankShell/getInventoryStatistics', function (result) {
+    $.getJSON('/tankShellDevice/getLossStatistics', function (result) {
         loss(result, document.getElementById("loss"));
     });
 

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

@@ -33,12 +33,6 @@
     <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" style="width: 30px;height: 30px;"/></td>
-                <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/deviceopen.png" style="width: 30px;height: 30px;"/></td>
-                <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/deviceopen.png" style="width: 30px;height: 30px;"/></td>
-                <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/deviceopen.png" style="width: 30px;height: 30px;"/></td>
-                <td style="border:0px solid red;text-align:right;padding-right: 12px;"><img src="../../img/foamBox/deviceopen.png" style="width: 30px;height: 30px;"/></td>
-                <td style="border:0px solid red;text-align:right;"><img src="../../img/foamBox/deviceopen.png" style="width: 30px;height: 30px;"/></td>
             </tr>
         </table>
     </div>
@@ -59,8 +53,8 @@
                 <div class="swiper-slide">
                     <div class="temperatureFour" id="temperatureFour"></div>
                 </div>
+            </div>
         </div>
-    </div>
 </body>
 <script src="../../../js/foamBox/index.js"></script>
 <script>
@@ -73,6 +67,16 @@
             disableOnInteraction: false,
         },
     });
+
+    let info = `
+                <td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
+                <td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
+                <td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
+                <td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
+                <td style="border:0px solid red;text-align:right;padding-right: 12px;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
+                <td style="border:0px solid red;text-align:right;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
+                `;
+    $(".foamingLineRunStatus table tr").append(info);
 </script>
 
 </html>

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

@@ -1191,7 +1191,6 @@ const bluePolygonHistogram = (res, ids) => {
 //多个立体柱状图
 const multipleThreeDimensionalCylindrical = (res, ids) => {
     let mycharts = echarts.init(ids);
-    console.log(res);
     const xValue = res.map(val => val.materialName)
     const lineStoreAmount = res.map(val => val.lineStoreAmount)
     const hullStoreAmount = res.map(val => val.hullStoreAmount)
@@ -1980,10 +1979,8 @@ const inventory = (res, ids) => {
 //loss
 const loss = (res, ids) => {
     let mycharts = echarts.init(ids);
-
+    const xValue = res.map(val => val.name)
-    let xAxisData = [];
+    const yValue = res.map(val => val.value)
-    let seriesData1 = [];
-    let sum = 0;
 
     let barTopColor = [
         "#55F675",
@@ -1991,29 +1988,7 @@ const loss = (res, ids) => {
     let barBottomColor = [
         "#55F675",
     ];
-    let Res =
-    {
-        datas:res.length > 0 ? res : [
-            {
-                name: '>30分钟',
-                value: 2
-            },
-            {
-                name: '3-10分钟',
-                value: 6
-            },
-            {
-                name: '0-3分钟',
-                value: 9
-            },
-        ],
-    }
 
-    Res.datas.forEach((item) => {
-        xAxisData.push(item.name);
-        seriesData1.push(item.value);
-        sum += item.value;
-    });
     let option = {
 
         grid: {
@@ -2025,7 +2000,7 @@ const loss = (res, ids) => {
             axisTick: {
                 show: false,
             },
-            data: xAxisData,
+            data: xValue,
             axisLine: {
                 show: true,
             },
@@ -2103,7 +2078,7 @@ const loss = (res, ids) => {
                     },
                 },
                 symbolPosition: "end",
-                data: seriesData1,
+                data: yValue,
             },
 
             {
@@ -2129,7 +2104,7 @@ const loss = (res, ids) => {
                 silent: true,
                 barWidth: 35,
                 barGap: "-100%", // Make series be overlap
-                data: seriesData1,
+                data: yValue,
             },
         ],
     };

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

@@ -14,7 +14,7 @@ $(() => {
     });
 
     //loss
-    $.getJSON('/tankShell/getInventoryStatistics', function (result) {
+    $.getJSON('/tankShellDevice/getLossStatistics', function (result) {
         loss(result, document.getElementById("loss"));
     });
 

productionboard/target/classes/templates/foamBox/index.html

@@ -33,12 +33,6 @@
     <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" style="width: 30px;height: 30px;"/></td>
-                <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/deviceopen.png" style="width: 30px;height: 30px;"/></td>
-                <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/deviceopen.png" style="width: 30px;height: 30px;"/></td>
-                <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/deviceopen.png" style="width: 30px;height: 30px;"/></td>
-                <td style="border:0px solid red;text-align:right;padding-right: 12px;"><img src="../../img/foamBox/deviceopen.png" style="width: 30px;height: 30px;"/></td>
-                <td style="border:0px solid red;text-align:right;"><img src="../../img/foamBox/deviceopen.png" style="width: 30px;height: 30px;"/></td>
             </tr>
         </table>
     </div>
@@ -59,8 +53,8 @@
                 <div class="swiper-slide">
                     <div class="temperatureFour" id="temperatureFour"></div>
                 </div>
+            </div>
         </div>
-    </div>
 </body>
 <script src="../../../js/foamBox/index.js"></script>
 <script>
@@ -73,6 +67,16 @@
             disableOnInteraction: false,
         },
     });
+
+    let info = `
+                <td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
+                <td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
+                <td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
+                <td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
+                <td style="border:0px solid red;text-align:right;padding-right: 12px;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
+                <td style="border:0px solid red;text-align:right;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
+                `;
+    $(".foamingLineRunStatus table tr").append(info);
 </script>
 
 </html>

productionboard/target/maven-status/maven-compiler-plugin/compile/default-compile/createdFiles.lst

@@ -15,6 +15,7 @@ com\productionboard\config\MybatisPlusConfig.class
 com\productionboard\entity\AluminumDevice\AluminumYesterdayEnergy.class
 com\productionboard\controller\AluminumLinerkController.class
 com\productionboard\controller\PreassembleController.class
+com\productionboard\entity\TankShellDevice\TankShellLossStatistics.class
 com\productionboard\ProductionBoardApplication.class
 com\productionboard\entity\TankShellDevice\TankShellOeeStatistics.class
 com\productionboard\mapper\AluminumThisMonthEnergyMapper.class
@@ -24,6 +25,7 @@ com\productionboard\mapper\TankShellDevicePrameterValueMapper.class
 com\productionboard\mapper\TankShellThisMonthEnergyMapper.class
 com\productionboard\entity\TankShellDevice\TankShellThisMonthEnergy.class
 com\productionboard\service\impl\MesProductionDataServiceImpl.class
+com\productionboard\mapper\TankShellLossStatisticsMapper.class
 com\productionboard\controller\AluminumTtankController.class
 com\productionboard\mapper\AluminumLossStatisticsMapper.class
 com\productionboard\mapper\MesMaterialStoreStatisticsMapper.class

productionboard/target/maven-status/maven-compiler-plugin/compile/default-compile/inputFiles.lst

@@ -44,6 +44,8 @@ C:\Users\ADMIN\Desktop\
 C:\Users\ADMIN\Desktop\新建文件夹 (4)\scada-visual-board\productionboard\src\main\java\com\productionboard\entity\MesProduction\MesTeamStatistics.java
 C:\Users\ADMIN\Desktop\新建文件夹 (4)\scada-visual-board\productionboard\src\main\java\com\productionboard\service\BasicScadaDeviceinfoService.java
 C:\Users\ADMIN\Desktop\新建文件夹 (4)\scada-visual-board\productionboard\src\main\java\com\productionboard\service\impl\AluminumDeviceInfoServiceImpl.java
+C:\Users\ADMIN\Desktop\新建文件夹 (4)\scada-visual-board\productionboard\src\main\java\com\productionboard\mapper\TankShellLossStatisticsMapper.java
 C:\Users\ADMIN\Desktop\新建文件夹 (4)\scada-visual-board\productionboard\src\main\java\com\productionboard\mapper\MesHourProdutionStatisticsMapper.java
 C:\Users\ADMIN\Desktop\新建文件夹 (4)\scada-visual-board\productionboard\src\main\java\com\productionboard\controller\TankShellController.java
+C:\Users\ADMIN\Desktop\新建文件夹 (4)\scada-visual-board\productionboard\src\main\java\com\productionboard\entity\TankShellDevice\TankShellLossStatistics.java
 C:\Users\ADMIN\Desktop\新建文件夹 (4)\scada-visual-board\productionboard\src\main\java\com\productionboard\entity\TankShellDevice\TankShellDevicePrameterValue.java