修改振动实时监控

ruoyi-admin/src/main/resources/templates/system/TVibrationsensorData/RealTimeMonitor.html

@@ -8,9 +8,10 @@
 </head>
 <style>
     .chartDiv {
-        width: 24.5%;
+        width: 16%;
         position: relative;
         display: inline-block;
+        margin-bottom: 0.4vw;
     }
 
     .height {
@@ -18,7 +19,7 @@
     }
 
     .border {
-        border: 1px solid #0002;
+        border: 1px solid #67C23A;
         padding: 0 1vw;
     }
 
@@ -38,7 +39,7 @@
 
     .chartDiv .time {
         font-size: 16px;
-        color: #0003;
+        color: #409EFF;
         width: 100%;
         text-align: center;
     }
@@ -59,8 +60,8 @@
     }
 
     .chartDiv .text1 {
-        font-size: 1.4vw;
-        line-height: 3vw;
+        font-size: 1.1vw;
+        line-height: 2.2vw;
     }
 
     .chartDiv .mileage .num {
@@ -158,8 +159,8 @@
                     data.forEach((v, k) => {
                         let html = `
           <div class="chartDiv border" id="chartDiv">
-          <div class="title">${v.monitorName}</div>
-          <div class="time">${v.collectTime}</div>
+          <div class="title" style="font-size: 1.4vw">${v.monitorName}</div>
+          <div class="time" style="font-size: 1vw">${v.collectTime}</div>
 
           <div class="text1">速度：${v.speed}mm/s</div>
           <div class="text1">位移：${v.displacement}um</div>