修改界面

ruoyi-admin/src/main/resources/static/css/board/month.css

@@ -30,4 +30,49 @@ body {
     height: 35%;
     top: 60%;
     left: 26.5%;
+}
+.ecosphere{
+    background: url(../../img/board/month/one.png) no-repeat;
+    background-size: 100% 100%;
+    position: absolute;
+    width: 23%;
+    height: 35%;
+    top: 15%;
+    left: 26.5%;
+}
+.HighlightOne{
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    position: absolute;
+    width: 10%;
+    height: 17.5%;
+    top: 15%;
+    left: 50.5%;
+}
+.HighlightTwo{
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    position: absolute;
+    width: 10%;
+    height: 17.5%;
+    top: 15%;
+    left: 63.5%;
+}
+.HighlightThree{
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    position: absolute;
+    width: 10%;
+    height: 17.5%;
+    top: 33.5%;
+    left: 50.5%;
+}
+.HighlightFour{
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    position: absolute;
+    width: 10%;
+    height: 17.5%;
+    top: 33.5%;
+    left: 63.5%;
 }

ruoyi-admin/src/main/resources/static/js/board/month.js

@@ -26,6 +26,14 @@ $(() => {
             yData: data.map(val => val.qty),
         }, document.getElementById("outputStatistics"), '')
     })
+    autoUpdate(url + "/selectHighlightProducts", INTERVAL, data => {
+        console.log(data)
+        let url = data.map(val =>val.picturePath)
+        $('#HighlightOne').css({backgroundImage:`url("http://10.100.70.5:9090/${url[0]}")`})
+        $('#HighlightTwo').css({backgroundImage:`url("http://10.100.70.5:9090/${url[1]}")`})
+        $('#HighlightThree').css({backgroundImage:`url("http://10.100.70.5:9090/${url[2]}")`})
+        $('#HighlightFour').css({backgroundImage:`url("http://10.100.70.5:9090/${url[3]}")`})
+    })
     lineChart(null, document.getElementById("quality"))
 
 
@@ -48,8 +56,8 @@ const moduleTitle = () => {
     const html = `
     <span style="position: absolute;top: 0.9%;left: 50%;color: #fff;font-size: 1.3vw;transform: translateX(-50%);letter-spacing: 0.3vw">第${new Date().getMonth().toString()}月 生产数据分析平台</span>
     <span style="position: absolute;top: 10%;left: 3.3%;color: #CFD2D0;font-size: 1.0vw">用户满意度</span>
-    <span style="position: absolute;top: 10%;left: 27.6%;color: #CFD2D0;font-size: 1.0vw">周订单执行情况</span>
-    <span style="position: absolute;top: 10%;left: 51.5%;color: #CFD2D0;font-size: 1.0vw">班组 6s 排行榜</span>
+    <span style="position: absolute;top: 10%;left: 27.6%;color: #CFD2D0;font-size: 1.0vw">工业互联网生态圈</span>
+    <span style="position: absolute;top: 10%;left: 51.5%;color: #CFD2D0;font-size: 1.0vw">亮点产品</span>
     <span style="position: absolute;top: 10%;left: 76%;color: #CFD2D0;font-size: 1.0vw">周生产型号统计</span>
     <span style="position: absolute;top: 54.5%;left: 3.3%;color: #CFD2D0;font-size: 1.0vw">产量统计</span>
     <span style="position: absolute;top: 54.5%;left: 27.6%;color: #CFD2D0;font-size: 1.0vw">品质提升</span>

ruoyi-admin/src/main/resources/templates/broad/month.html

@@ -37,6 +37,14 @@
 <!--品质提升-->
 <div class="quality" id="quality"></div>
 
+<!--工业互联网生态圈-->
+<div class="ecosphere" id="ecosphere"></div>
+
+<!--亮点产品-->
+<div class="HighlightOne" id="HighlightOne"></div>
+<div class="HighlightTwo" id="HighlightTwo"></div>
+<div class="HighlightThree" id="HighlightThree"></div>
+<div class="HighlightFour" id="HighlightFour"></div>
 </body>
 <script src="../../static/js/board/month.js" th:src="@{/js/board/month.js}"></script>
 <script>