修改显示

haiwei-admin/src/main/resources/static/board/board.css

@@ -53,6 +53,15 @@ body {
     height: 31vw;
     transform: translate(-50%, -50%);
 }
+.centerInfoDiv{
+    position: absolute;
+    top: 45%;
+    left: 50%;
+    width: 57vw;
+    height: 31vw;
+    transform: translate(-50%, -50%);
+    z-index: 2000;
+}
 
 .winDiv {
     background-image: url("../../board/img/winBG.png");

haiwei-admin/src/main/resources/static/board/board3.css

@@ -126,8 +126,8 @@ body {
     background-size: 100% 100%;
     background-repeat: no-repeat;
     position: absolute;
-    width: 10vw;
+    /*width: 10vw;*/
-    height: 4vw;
+    /*height: 4vw;*/
     transform: translateX(-50%);
 }
 

haiwei-admin/src/main/resources/static/board/board3.js

@@ -16,6 +16,7 @@ $(() => {
 
   })
 
+  let request = () =>{
     $.get(ctx + 'broad/home/queryParam', {name}, (e) => {
 
       let enumArr = {
@@ -41,7 +42,7 @@ $(() => {
       })
       arr.forEach(val => {
         let html = `
-      <div class="centerInfo" style="top: ${val.top};left:${val.left}">
+      <div class="centerInfo" style="top: ${val.top};left:${val.left};z-index:2000">
         <div class="win" style="display: none">
           <div class="title">${val.name}</div>
           <div class="span1">${val.data1}: ${val.num1 || 0}${val.unit1}</div>
@@ -88,6 +89,12 @@ $(() => {
       $("#statusD").html(html)
 
     })
+  }
+  request()
+
+  setInterval(() => {
+    request()
+  }, 1000 * 60)
 })
 
 let chart = null

haiwei-admin/src/main/resources/templates/board/board1.html

@@ -196,26 +196,6 @@
   <div class="bottomBtn" id="bottomBtn3" onclick="bottomBtnInfo(3,this)" style="left: 62.5vw;">实时监控</div>
 
   <div class="centerImg">
-    <div id="centerInfoDiv">
-
-      <!--      <div class="centerInfo" onclick="showModal()" style="top: 35%;left:40%">-->
-      <!--        <div class="win">-->
-      <!--          <div class="title">位置1</div>-->
-      <!--          <div class="span1">转速: 50n/s</div>-->
-      <!--          <div class="span2">电流: 45A</div>-->
-      <!--        </div>-->
-      <!--        <div class="icon"></div>-->
-      <!--      </div>-->
-
-      <!--      <div class="centerInfo" onclick="showModal()" style="top: 45%;left:71%">-->
-      <!--        <div class="win">-->
-      <!--          <div class="title">位置1</div>-->
-      <!--          <div class="span1">转速: 50n/s</div>-->
-      <!--          <div class="span2">电流: 45A</div>-->
-      <!--        </div>-->
-      <!--        <div class="icon"></div>-->
-      <!--      </div>-->
-    </div>
 
   </div>
 
@@ -230,6 +210,9 @@
       </div>
     </div>
 
+  </div>
+  <div id="centerInfoDiv" class="centerInfoDiv" >
+
   </div>
   <div id="statusD">
   </div>

haiwei-admin/src/main/resources/templates/board/board3.html

@@ -201,27 +201,12 @@
   <div class="bottomBtn" id="bottomBtn3" onclick="bottomBtnInfo(3,this)" style="left: 62.5vw;">实时监控</div>
 
   <div class="centerImg">
-    <div id="centerInfoDiv">
 
-      <!--      <div class="centerInfo" onclick="showModal()" style="top: 35%;left:40%">-->
-      <!--        <div class="win">-->
-      <!--          <div class="title">位置1</div>-->
-      <!--          <div class="span1">转速: 50n/s</div>-->
-      <!--          <div class="span2">电流: 45A</div>-->
-      <!--        </div>-->
-      <!--        <div class="icon"></div>-->
-      <!--      </div>-->
-
-      <!--      <div class="centerInfo" onclick="showModal()" style="top: 45%;left:71%">-->
-      <!--        <div class="win">-->
-      <!--          <div class="title">位置1</div>-->
-      <!--          <div class="span1">转速: 50n/s</div>-->
-      <!--          <div class="span2">电流: 45A</div>-->
-      <!--        </div>-->
-      <!--        <div class="icon"></div>-->
-      <!--      </div>-->
   </div>
+  <div id="centerInfoDiv" class="centerInfoDiv" >
 
+  </div>
+  <div id="statusD">
   </div>
 
   <div id="rightInfo" style="display: none">
@@ -236,8 +221,6 @@
     </div>
 
   </div>
-  <div id="statusD">
-  </div>
 
   <div class="eqModal" id="eqModal">
     <div class="shade" onclick="hideModal1()"></div>