修改swiper

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "java.configuration.updateBuildConfiguration": "disabled"
+}

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

@@ -0,0 +1,2 @@
+com\deviceboard\DeviceBoardApplication.class
+com\deviceboard\controller\TestController.class

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

@@ -1,2 +1,2 @@
-E:\桌面\scada-visual-board\deviceboard\src\main\java\com\deviceboard\DeviceBoardApplication.java
-E:\桌面\scada-visual-board\deviceboard\src\main\java\com\deviceboard\controller\TestController.java
+C:\Users\ADMIN\Desktop\visualboard\deviceboard\src\main\java\com\deviceboard\DeviceBoardApplication.java
+C:\Users\ADMIN\Desktop\visualboard\deviceboard\src\main\java\com\deviceboard\controller\TestController.java

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

@@ -86,3 +86,59 @@ body {
     color: white;
     font-size: 12px;
 }
+.temperatureOne{
+    width: 100%;
+    height: 100%;
+}
+.temperatureTwo{
+    width: 100%;
+    height: 100%;
+}
+.temperatureThree{
+    width: 100%;
+    height: 100%;
+}
+.temperatureFour{
+    width: 100%;
+    height: 100%;
+}
+
+.swiperModule {
+    position: absolute;
+    width: 23%;
+    height: 19%;
+    top: 46%;
+    left: 73%;
+}
+
+.swiper {
+    width: 100%;
+    height: 100%;
+}
+
+.swiper-slide {
+    text-align: center;
+    font-size: 18px;
+    /* background: #fff; */
+
+    /* Center slide text vertically */
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+}
+
+.swiper-slide img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}

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

@@ -1,26 +1,119 @@
-$(()=>{
+$(() => {
     //班组计划统计
-    onDutyPlan(1234,1202,33);
+    onDutyPlan(1234, 1202, 33);
 
     //设备运行状态
-    let statusArray = [0,0,0,0,1,0];
+    let statusArray = [0, 0, 0, 0, 1, 0];
     deviceStatus(statusArray);
 
     //库存统计
     $.getJSON('/foamBox/getInventoryStatistics', function (result) {
-        threeDimensionalCylindrical(result,document.getElementById("inventoryStatistics"));
+        threeDimensionalCylindrical(result, document.getElementById("inventoryStatistics"));
     });
 
     //按型号统计产量
     $.getJSON('/foamBox/getStatisticalOutputByModel', function (result) {
-        horizontalBarChart(result,document.getElementById("statisticalOutputByModel"));
+        horizontalBarChart(result, document.getElementById("statisticalOutputByModel"));
     });
 
     //小时产量
-    brokenLineAreaDiagram(null,document.getElementById("hourlyOutputStatistics"));
+    brokenLineAreaDiagram(null, document.getElementById("hourlyOutputStatistics"));
 
     //发泡参数
-    multipleBrokenLineAreaDiagram(null,document.getElementById("foamingParameters"));
+    multipleBrokenLineAreaDiagram(null, document.getElementById("foamingParameters"));
+
+    // 模具温度1
+
+    const temperature = (res, ids) => {
+        let mycharts = echarts.init(ids);
+
+
+        let option = {
+            grid: {
+                top: '10%',
+                left: '6%',
+                right: '6%',
+                bottom: '0',
+                containLabel: true
+            },
+            xAxis: [
+                {
+                    interval: 0,
+                    type: 'category',
+                    data: ['066', '066', '066', '066', '066'],
+                    axisPointer: {
+                        type: 'shadow'
+                    }
+                }
+            ],
+            yAxis: [
+                {
+                    type: 'value',
+                    name: 'Precipitation',
+                    min: 0,
+                    max: 50,
+                    interval: 10,
+                    axisLabel: {
+                        formatter: '{value} ml'
+                    }
+                },
+                {
+                    type: 'value',
+                    name: 'Temperature',
+                    min: 0,
+                    max: 5,
+                    interval: 1,
+                    axisLabel: {
+                        formatter: '{value} °C'
+                    }
+                }
+            ],
+            series: [
+                {
+                    name: 'Evaporation',
+                    type: 'bar',
+                    tooltip: {
+                        valueFormatter: function (value) {
+                            return value + ' ml';
+                        }
+                    },
+                    data: [
+                        2.0, 4.9, 7.0, 23.2, 25.6
+                    ]
+                },
+                {
+                    name: 'Precipitation',
+                    type: 'bar',
+                    tooltip: {
+                        valueFormatter: function (value) {
+                            return value + ' ml';
+                        }
+                    },
+                    data: [
+                        2.6, 5.9, 9.0, 26.4, 28.7
+                    ]
+                },
+            ]
+        };
+
+        mycharts.setOption(option);
+        $(window).resize(mycharts.resize);
+    }
+    
+    $.getJSON('/foamBox/getStatisticalOutputByModel', function (result) {
+        temperature(result, document.getElementById("temperatureOne"));
+    });
+    $.getJSON('/foamBox/getStatisticalOutputByModel', function (result) {
+        temperature(result, document.getElementById("temperatureTwo"));
+    });
+    $.getJSON('/foamBox/getStatisticalOutputByModel', function (result) {
+        temperature(result, document.getElementById("temperatureThree"));
+    });
+    $.getJSON('/foamBox/getStatisticalOutputByModel', function (result) {
+        temperature(result, document.getElementById("temperatureFour"));
+    });
+    
+
 })
 
 const deviceStatus = (statusArray) => {
@@ -36,4 +129,5 @@ const deviceStatus = (statusArray) => {
         </table>`;
 
     $("#deviceRunStatus").append(info);
+
 }

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

@@ -1,10 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <title>发泡和发泡线数据展示平台</title>
     <link rel="stylesheet" href="../../../css/common/ondutyplan.css">
     <link rel="stylesheet" href="../../../css/foamBox/style.css">
+    <link rel="stylesheet" href="../../../css/common/swiper-bundle.min.css">
+    <script src="../../../js/common/swiper-bundle.min.js"></script>
     <script src="../../../js/common/jquery.min.js"></script>
     <script src="../../../js/common/echarts.min.js"></script>
     <script src="../../../js/common/date-time-common.js"></script>
@@ -12,6 +15,7 @@
     <script src="../../../js/common/ondutyplan.js"></script>
     <script src="../../../js/common/echarts.common.js"></script>
 </head>
+
 <body>
     <!--库存统计-->
     <div class="inventoryStatistics" id="inventoryStatistics"></div>
@@ -38,7 +42,37 @@
             </tr>
         </table>
     </div>-->
-    <div class="deviceRunStatus" id="deviceRunStatus"></div>
+
+    <!-- 轮播 -->
+    <div class="swiperModule">
+        <div class="swiper mySwiper">
+            <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                    <div class="temperatureOne" id="temperatureOne"></div>
+                </div>
+                <div class="swiper-slide">
+                    <div class="temperatureTwo" id="temperatureTwo"></div>
+                </div>
+                <div class="swiper-slide">
+                    <div class="temperatureThree" id="temperatureThree"></div>
+                </div>
+                <div class="swiper-slide">
+                    <div class="temperatureFour" id="temperatureFour"></div>
+                </div>
+        </div>
+    </div>
 </body>
 <script src="../../../js/foamBox/index.js"></script>
+<script>
+    var swiper = new Swiper(".mySwiper", {
+        spaceBetween: 30,
+        // loop: true,
+        centeredSlides: true,
+        autoplay: {
+            delay: 250,
+            disableOnInteraction: false,
+        },
+    });
+</script>
+
 </html>

productionboard/src/main/resources/templates/tankShell/device.html

@@ -36,7 +36,7 @@
     <!--loss-->
     <div class="loss" id="loss"></div>
     
-    <!--生产计划-->
+    <!--设备信息-->
     <div class="productionPlan" id="productionPlan"></div>
     
     <!--设备产量能耗对比-->

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

@@ -86,3 +86,59 @@ body {
     color: white;
     font-size: 12px;
 }
+.temperatureOne{
+    width: 100%;
+    height: 100%;
+}
+.temperatureTwo{
+    width: 100%;
+    height: 100%;
+}
+.temperatureThree{
+    width: 100%;
+    height: 100%;
+}
+.temperatureFour{
+    width: 100%;
+    height: 100%;
+}
+
+.swiperModule {
+    position: absolute;
+    width: 23%;
+    height: 19%;
+    top: 46%;
+    left: 73%;
+}
+
+.swiper {
+    width: 100%;
+    height: 100%;
+}
+
+.swiper-slide {
+    text-align: center;
+    font-size: 18px;
+    /* background: #fff; */
+
+    /* Center slide text vertically */
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+}
+
+.swiper-slide img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}

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

@@ -1,26 +1,119 @@
-$(()=>{
+$(() => {
     //班组计划统计
-    onDutyPlan(1234,1202,33);
+    onDutyPlan(1234, 1202, 33);
 
     //设备运行状态
-    let statusArray = [0,0,0,0,1,0];
+    let statusArray = [0, 0, 0, 0, 1, 0];
     deviceStatus(statusArray);
 
     //库存统计
     $.getJSON('/foamBox/getInventoryStatistics', function (result) {
-        threeDimensionalCylindrical(result,document.getElementById("inventoryStatistics"));
+        threeDimensionalCylindrical(result, document.getElementById("inventoryStatistics"));
     });
 
     //按型号统计产量
     $.getJSON('/foamBox/getStatisticalOutputByModel', function (result) {
-        horizontalBarChart(result,document.getElementById("statisticalOutputByModel"));
+        horizontalBarChart(result, document.getElementById("statisticalOutputByModel"));
     });
 
     //小时产量
-    brokenLineAreaDiagram(null,document.getElementById("hourlyOutputStatistics"));
+    brokenLineAreaDiagram(null, document.getElementById("hourlyOutputStatistics"));
 
     //发泡参数
-    multipleBrokenLineAreaDiagram(null,document.getElementById("foamingParameters"));
+    multipleBrokenLineAreaDiagram(null, document.getElementById("foamingParameters"));
+
+    // 模具温度1
+
+    const temperature = (res, ids) => {
+        let mycharts = echarts.init(ids);
+
+
+        let option = {
+            grid: {
+                top: '10%',
+                left: '6%',
+                right: '6%',
+                bottom: '0',
+                containLabel: true
+            },
+            xAxis: [
+                {
+                    interval: 0,
+                    type: 'category',
+                    data: ['066', '066', '066', '066', '066'],
+                    axisPointer: {
+                        type: 'shadow'
+                    }
+                }
+            ],
+            yAxis: [
+                {
+                    type: 'value',
+                    name: 'Precipitation',
+                    min: 0,
+                    max: 50,
+                    interval: 10,
+                    axisLabel: {
+                        formatter: '{value} ml'
+                    }
+                },
+                {
+                    type: 'value',
+                    name: 'Temperature',
+                    min: 0,
+                    max: 5,
+                    interval: 1,
+                    axisLabel: {
+                        formatter: '{value} °C'
+                    }
+                }
+            ],
+            series: [
+                {
+                    name: 'Evaporation',
+                    type: 'bar',
+                    tooltip: {
+                        valueFormatter: function (value) {
+                            return value + ' ml';
+                        }
+                    },
+                    data: [
+                        2.0, 4.9, 7.0, 23.2, 25.6
+                    ]
+                },
+                {
+                    name: 'Precipitation',
+                    type: 'bar',
+                    tooltip: {
+                        valueFormatter: function (value) {
+                            return value + ' ml';
+                        }
+                    },
+                    data: [
+                        2.6, 5.9, 9.0, 26.4, 28.7
+                    ]
+                },
+            ]
+        };
+
+        mycharts.setOption(option);
+        $(window).resize(mycharts.resize);
+    }
+    
+    $.getJSON('/foamBox/getStatisticalOutputByModel', function (result) {
+        temperature(result, document.getElementById("temperatureOne"));
+    });
+    $.getJSON('/foamBox/getStatisticalOutputByModel', function (result) {
+        temperature(result, document.getElementById("temperatureTwo"));
+    });
+    $.getJSON('/foamBox/getStatisticalOutputByModel', function (result) {
+        temperature(result, document.getElementById("temperatureThree"));
+    });
+    $.getJSON('/foamBox/getStatisticalOutputByModel', function (result) {
+        temperature(result, document.getElementById("temperatureFour"));
+    });
+    
+
 })
 
 const deviceStatus = (statusArray) => {
@@ -36,4 +129,5 @@ const deviceStatus = (statusArray) => {
         </table>`;
 
     $("#deviceRunStatus").append(info);
+
 }

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

@@ -1,10 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <title>发泡和发泡线数据展示平台</title>
     <link rel="stylesheet" href="../../../css/common/ondutyplan.css">
     <link rel="stylesheet" href="../../../css/foamBox/style.css">
+    <link rel="stylesheet" href="../../../css/common/swiper-bundle.min.css">
+    <script src="../../../js/common/swiper-bundle.min.js"></script>
     <script src="../../../js/common/jquery.min.js"></script>
     <script src="../../../js/common/echarts.min.js"></script>
     <script src="../../../js/common/date-time-common.js"></script>
@@ -12,6 +15,7 @@
     <script src="../../../js/common/ondutyplan.js"></script>
     <script src="../../../js/common/echarts.common.js"></script>
 </head>
+
 <body>
     <!--库存统计-->
     <div class="inventoryStatistics" id="inventoryStatistics"></div>
@@ -38,7 +42,37 @@
             </tr>
         </table>
     </div>-->
-    <div class="deviceRunStatus" id="deviceRunStatus"></div>
+
+    <!-- 轮播 -->
+    <div class="swiperModule">
+        <div class="swiper mySwiper">
+            <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                    <div class="temperatureOne" id="temperatureOne"></div>
+                </div>
+                <div class="swiper-slide">
+                    <div class="temperatureTwo" id="temperatureTwo"></div>
+                </div>
+                <div class="swiper-slide">
+                    <div class="temperatureThree" id="temperatureThree"></div>
+                </div>
+                <div class="swiper-slide">
+                    <div class="temperatureFour" id="temperatureFour"></div>
+                </div>
+        </div>
+    </div>
 </body>
 <script src="../../../js/foamBox/index.js"></script>
+<script>
+    var swiper = new Swiper(".mySwiper", {
+        spaceBetween: 30,
+        // loop: true,
+        centeredSlides: true,
+        autoplay: {
+            delay: 250,
+            disableOnInteraction: false,
+        },
+    });
+</script>
+
 </html>

productionboard/target/classes/templates/tankShell/device.html

@@ -36,7 +36,7 @@
     <!--loss-->
     <div class="loss" id="loss"></div>
     
-    <!--生产计划-->
+    <!--设备信息-->
     <div class="productionPlan" id="productionPlan"></div>
     
     <!--设备产量能耗对比-->

productionboard/target/maven-archiver/pom.properties

@@ -0,0 +1,3 @@
+artifactId=productionboard
+groupId=com.scada
+version=0.0.1-SNAPSHOT

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

@@ -0,0 +1,24 @@
+com\productionboard\mapper\AluminumLossStatisticsMapper.class
+com\productionboard\common\CodeGenerator.class
+com\productionboard\entity\AluminumDevice\AluminumEnergyProduction.class
+com\productionboard\common\CodeGenerator$1.class
+com\productionboard\service\impl\AluminumDeviceInfoServiceImpl.class
+com\productionboard\entity\BasicScadaDeviceinfo.class
+com\productionboard\controller\FoamBoxController.class
+com\productionboard\service\IAluminumDeviceInfoService.class
+com\productionboard\service\impl\BasicScadaDeviceinfoServiceImpl.class
+com\productionboard\controller\StorageController.class
+com\productionboard\common\CodeGenerator$2.class
+com\productionboard\entity\AluminumDevice\AluminumDeviceDataInformation.class
+com\productionboard\mapper\BasicScadaDeviceinfoMapper.class
+com\productionboard\controller\TankShellDeviceController.class
+com\productionboard\config\MybatisPlusConfig.class
+com\productionboard\controller\AluminumLinerkController.class
+com\productionboard\controller\PreassembleController.class
+com\productionboard\service\BasicScadaDeviceinfoService.class
+com\productionboard\mapper\AluminumDeviceDataInformationMapper.class
+com\productionboard\ProductionBoardApplication.class
+com\productionboard\controller\TankShellController.class
+com\productionboard\entity\AluminumDevice\AluminumLossStatistics.class
+com\productionboard\controller\AluminumTtankController.class
+com\productionboard\controller\AdsorptionTankController.class

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

@@ -0,0 +1,22 @@
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\entity\AluminumDevice\AluminumEnergyProduction.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\controller\AdsorptionTankController.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\controller\TankShellController.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\controller\AluminumTtankController.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\service\impl\AluminumDeviceInfoServiceImpl.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\controller\StorageController.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\controller\TankShellDeviceController.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\entity\AluminumDevice\AluminumLossStatistics.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\mapper\AluminumLossStatisticsMapper.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\controller\FoamBoxController.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\mapper\BasicScadaDeviceinfoMapper.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\service\BasicScadaDeviceinfoService.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\controller\AluminumLinerkController.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\common\CodeGenerator.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\ProductionBoardApplication.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\controller\PreassembleController.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\service\impl\BasicScadaDeviceinfoServiceImpl.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\mapper\AluminumDeviceDataInformationMapper.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\service\IAluminumDeviceInfoService.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\config\MybatisPlusConfig.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\entity\BasicScadaDeviceinfo.java
+C:\Users\ADMIN\Desktop\visualboard\productionboard\src\main\java\com\productionboard\entity\AluminumDevice\AluminumDeviceDataInformation.java