src/layouts/MainLayout.vue

@@ -35,9 +35,6 @@ 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,13 +8,8 @@
     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;
+        // display: flex;
     }
 
     .appearance-monitor-search-box {
@@ -24,13 +19,11 @@
       margin: 16px 0;
     }
     .right-panel{
+      
       .el-scrollbar__view {
         background: transparent !important;
         height: 600px;
       }
-      .fixed_pagination{
-        padding: 0 20px 12px;
-      }
     }
 
 
@@ -97,7 +90,7 @@
         width: 100%;
         height: 800px;
         background-image: url("@/assets/common/emptyBg.png");
-        background-size: 156px 102px;
+        background-size: 312px 204px;
         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>