5.5首页修改

src/views/vent/home/colliery/index.vue

@@ -245,6 +245,13 @@ function getNowTime(){
     let hours = date.getHours()
     let minutes = date.getMinutes()
     let seconds = date.getSeconds()
+    console.log(seconds,'seconds----')
+    if(minutes>=0 && minutes<=9){
+      minutes=`0${minutes}`
+    }
+    if(seconds>=0 && seconds<=9){
+      seconds=`0${seconds}`
+    }
     nowTime.value=`${hours}:${minutes}:${seconds}`
   },1000)
 }

src/views/vent/monitorManager/compressor/components/nitrogenHome2.vue

@@ -103,11 +103,11 @@
                         }}</span><span class="unit">h</span></span> -->
                         <div class="monitor-val">
                             <span
-                            style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: red;"></span>
-                        <span
-                            style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
-                        <span
-                            style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
+                                style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: red;"></span>
+                            <span
+                                style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
+                            <span
+                                style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
                         </div>
                     </div>
                     <div class="monitor-item">
@@ -117,12 +117,15 @@
                             1]['AirCompressor_LoadTime']
                             : '-'
                         }}</span><span class="unit">h</span></span> -->
-                        <span
-                            style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: red;"></span>
-                        <span
-                            style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
-                        <span
-                            style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
+                        <div class="monitor-val">
+                            <span
+                                style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: red;"></span>
+                            <span
+                                style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
+                            <span
+                                style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
+                        </div>
+
                     </div>
                     <div class="monitor-item">
                         <span class="monitor-title">出气蝶阀关到位:</span>
@@ -131,12 +134,15 @@
                             1]['AirCompressor_LoadTime']
                             : '-'
                         }}</span><span class="unit">h</span></span> -->
-                        <span
-                            style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: red;"></span>
-                        <span
-                            style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
-                        <span
-                            style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
+                        <div class="monitor-val">
+                            <span
+                                style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: red;"></span>
+                            <span
+                                style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: greenyellow;"></span>
+                            <span
+                                style="display: inline-block; width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;"></span>
+                        </div>
+
                     </div>
                 </fourBorderBg>
             </div>
@@ -985,7 +991,7 @@ onUnmounted(() => {
 
         .monitor-title {
             display: flex;
-            flex: 1;
+            flex: 2;
             justify-content: center;
             align-items: center;
             color: #7af5ff;