feat: 样式走查修改

src/layouts/MainLayout.vue

@@ -35,6 +35,9 @@ import FooterComp from '@/components/Footer.vue'
     background: #002a5c;
     color: white;
     font-family: 'Arial', sans-serif;
-    
+    background-image: url("@/assets/login/big_bg.png");
+    background-size: contain;
+    background-position: center;
+    background-repeat: no-repeat;
 }
 </style>

src/views/dashboard/AppearanceMonitor.scss

@@ -8,8 +8,13 @@
     gap: 20px;
     // align-items: center;
     .appearance-monitor-right {
+      box-sizing: border-box;
       width: 44%;
       // display: flex;
+      background-image: url("@/assets/common/carbtmBg.png");
+      background-size: 100% 100%;
+      background-position: center;
+      background-repeat: no-repeat;
     }
 
     .appearance-monitor-search-box {
@@ -19,11 +24,13 @@
       margin: 16px 0;
     }
     .right-panel{
-      
       .el-scrollbar__view {
         background: transparent !important;
         height: 600px;
       }
+      .fixed_pagination{
+        padding: 0 20px 12px;
+      }
     }
 
 
@@ -90,7 +97,7 @@
         width: 100%;
         height: 800px;
         background-image: url("@/assets/common/emptyBg.png");
-        background-size: 312px 204px;
+        background-size: 156px 102px;
         background-position: center;
         background-repeat: no-repeat;
       }

src/views/dashboard/DataOverview.vue

@@ -155,11 +155,11 @@
         <div class="monitor-images">
           <div class="monitor-images-left">
             <img :src="imageFault[0]?.url" alt="监控画面" />
-            <div class="fault-info">{{ imageFault[0].fault_type }}</div>
+            <div class="fault-info">{{ imageFault[0]?.fault_type }}</div>
           </div>
           <div class="monitor-images-right">
             <img :src="imageFault[1]?.url" alt="监控画面" />
-            <div class="fault-info">{{ imageFault[1].fault_type }}</div>
+            <div class="fault-info">{{ imageFault[1]?.fault_type }}</div>
           </div>
         </div>
       </div>