feat: 走查样式修改

src/layouts/MainLayout.vue

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

src/views/dashboard/AppearanceMonitor.scss

@@ -29,7 +29,7 @@
         height: 600px;
       }
       .fixed_pagination{
-        padding: 0 20px 12px;
+        padding: 12px 20px 15px;
       }
     }
 
@@ -95,7 +95,7 @@
       }
       .empty-bg {
         width: 100%;
-        height: 800px;
+        height: 815px;
         background-image: url("@/assets/common/emptyBg.png");
         background-size: 156px 102px;
         background-position: center;

src/views/dashboard/AppearanceMonitor.vue

@@ -35,8 +35,8 @@
       <div class="px-[16px]">
 
         <div class="appearance-monitor-search-box">
-          <el-input v-model="searchForm.train_number" placeholder="列车号" class="custom-input" clearable />
+          <el-input v-model="searchForm.train_number" placeholder="请输入列车号" class="custom-input" clearable />
-          <el-input v-model="searchForm.train_carriage_number" placeholder="车厢号" class="custom-input" clearable />
+          <el-input v-model="searchForm.train_carriage_number" placeholder="请输入车厢号" class="custom-input" clearable />
           <el-select v-model="searchForm.fault_type" placeholder="故障类型" class="custom-select">
             <el-option label="下侧门板缺失" value="下侧门板缺失"></el-option>
             <el-option label="门折页座脱落" value="门折页座脱落"></el-option>

src/views/dashboard/DataOverview.scss

@@ -11,14 +11,14 @@
     width: 100%;
     .grid-item {
       background: rgba(74, 126, 191, 0.1);
-      border-radius: 8px;
+      // border-radius: 8px;
       width: 50%;
 
       &>li{
         width: 50%;
       }
       &>li:last-child{
-        margin-left: 16px;
+        margin-left: 12px;
       }
       .module-header {
         color: #4a7ebf;
@@ -87,7 +87,7 @@
         background-position: center;
         background-repeat: no-repeat;
         padding: 16px;
-        border-radius: 4px;
+        // border-radius: 4px;
 
         .status-bar {
           margin-top: 5px;

src/views/dashboard/PoleMonitor.vue

@@ -14,8 +14,8 @@
         <div class="pole-main-content px-[16px]">
             <!-- 搜索区域 -->
             <div class="pole-monitor-search-box">
-                <el-input v-model="searchForm.train_number" placeholder="列车号" class="custom-input" clearable />
+                <el-input v-model="searchForm.train_number" placeholder="请输入列车号" class="custom-input" clearable />
-                <el-input v-model="searchForm.train_carriage_number" placeholder="车厢号" class="custom-input" clearable />
+                <el-input v-model="searchForm.train_carriage_number" placeholder="请输入车厢号" class="custom-input" clearable />
                 <el-select v-model="searchForm.fault_type" placeholder="故障类型" class="custom-select" clearable>
                     <el-option label="撑杆弯曲" value="撑杆弯曲"></el-option>
                     <el-option label="撑杆断折" value="撑杆断折"></el-option>

src/views/dashboard/components/PieChart.vue

@@ -36,7 +36,7 @@ const updateChart = () => {
       top: "middle",
       itemWidth: 16, // 图例项宽度
       itemHeight: 8,
-      textStyle: { color: "#8C8C8C" },
+      textStyle: { color: "#FFF" },
     },
     series: [
       {

src/views/dashboard/components/PieChartSmall.vue

@@ -36,7 +36,7 @@ const updateChart = () => {
       top: "middle",
       itemWidth: 16, // 图例项宽度
       itemHeight: 8,
-      textStyle: { color: "#8C8C8C" },
+      textStyle: { color: "#FFF" },
     },
     series: [
       {