refactor: 统一项目UI风格，调整暗色主题为亮色主题

1.  替换全局暗色背景为白色，调整文字颜色为深色系适配亮色模式
2.  统一图表tooltip和坐标轴样式，补充缺失的图表配置
3.  调整部门选择器、个人档案等组件的样式适配新主题
4.  为DailySeizureChart新增自定义标题props，适配多页面使用场景

src/pages/components/AreaDistribution.vue

@@ -46,6 +46,10 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { type: 'shadow' }
+        },
         grid: {
           left: '15%',
           right: '5%',

src/pages/components/AttendanceStatus.vue

@@ -39,13 +39,13 @@ export default {
   .attendance-number {
     font-size: 48rpx;
     font-weight: bold;
-    color: rgba(255, 255, 255, 0.95);
+    color: black;
   }
   
   .attendance-label {
     margin-top: 8rpx;
     font-size: 20rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: black;
     line-height: 1.4;
   }
 }

src/pages/components/DailySeizureChart.vue

@@ -5,7 +5,7 @@
       <div class="chart-container" ref="totalChart"></div>
     </div>
     <div class="chart-section">
-      <div class="sub-title">部门对比</div>
+      <div class="sub-title">{{title}}</div>
       <div class="chart-container" ref="deptChart"></div>
     </div>
   </div>
@@ -17,6 +17,10 @@ import * as echarts from 'echarts'
 export default {
   name: 'DailySeizureChart',
   props: {
+    title: {
+      type: String,
+      default: '部门对比'
+    },
     chartsData: {
       type: Object,
       default: () => ({
@@ -73,6 +77,10 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { type: 'shadow' }
+        },
         grid: {
           left: '10%',
           right: '5%',
@@ -152,10 +160,14 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { type: 'shadow' }
+        },
         legend: {
           data: (this.chartsData.dept.deptData || []).map(d => d.name),
           textStyle: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#333',
             fontSize: 9
           },
           top: 0
@@ -175,7 +187,7 @@ export default {
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#333',
             fontSize: 10
           }
         },
@@ -193,7 +205,7 @@ export default {
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#333',
             fontSize: 10
           }
         },

src/pages/components/DeptSelector.vue

@@ -99,7 +99,7 @@ export default {
 
 <style lang="scss" scoped>
 .dept-picker {
-    background: #1E1B4B;
+    background: #fff;
     display: flex;
     flex-direction: column;
     border-radius: 16rpx 16rpx 0 0;
@@ -109,7 +109,7 @@ export default {
 
 .picker-header {
     padding: 24rpx 32rpx;
-    border-bottom: 1rpx solid rgba(255, 255, 255, 0.1);
+    border-bottom: 1rpx solid #eee;
     display: flex;
     justify-content: center;
     flex-shrink: 0;
@@ -118,7 +118,7 @@ export default {
 .picker-title {
     font-size: 32rpx;
     font-weight: 600;
-    color: #fff;
+    color: #333;
 }
 
 .search-box {
@@ -138,12 +138,12 @@ export default {
     align-items: center;
     justify-content: space-between;
     padding: 24rpx 0;
-    border-bottom: 1rpx solid rgba(255, 255, 255, 0.08);
+    border-bottom: 1rpx solid #f0f0f0;
 }
 
 .dept-item-name {
     font-size: 28rpx;
-    color: rgba(255, 255, 255, 0.9);
+    color: #333;
 }
 
 .empty-state,
@@ -152,7 +152,7 @@ export default {
     display: flex;
     justify-content: center;
     align-items: center;
-    color: rgba(255, 255, 255, 0.4);
+    color: #999;
     font-size: 24rpx;
 }
 </style>

src/pages/components/DutyInfo.vue

@@ -38,12 +38,12 @@ export default {
   
   .duty-label {
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: black;
   }
   
   .duty-value {
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.9);
+    color: black;
   }
 }
 </style>

src/pages/components/InterceptionDistribution.vue

@@ -105,9 +105,7 @@ export default {
                 ],
                 tooltip: {
                     trigger: 'axis',
-                    backgroundColor: 'rgba(13,80,122,0.95)',
-                    borderColor: '#70CFE7',
-                    textStyle: { color: '#fff' }
+                   axisPointer: { type: 'shadow' }
                 }
             }
             this.chart.setOption(option)

src/pages/components/ItemDistribution.vue

@@ -53,6 +53,10 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b}: {c} ({d}%)'
+        },
         series: [{
           type: 'pie',
           radius: ['50%', '70%'],

src/pages/components/MemberBasicDistribution.vue

@@ -71,6 +71,10 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b}: {c} ({d}%)'
+        },
         series: [{
           type: 'pie',
           radius: ['40%', '60%'],
@@ -100,6 +104,10 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b}: {c} ({d}%)'
+        },
         series: [{
           type: 'pie',
           radius: ['40%', '60%'],
@@ -115,7 +123,7 @@ export default {
           },
           label: {
             show: true,
-            color: 'rgba(255, 255, 255, 0.7)',
+            color: '#333',
             fontSize: 10,
             formatter: '{b}\n{d}%'
           }
@@ -129,6 +137,10 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b}: {c} ({d}%)'
+        },
         series: [{
           type: 'pie',
           radius: ['40%', '60%'],
@@ -144,7 +156,7 @@ export default {
           },
           label: {
             show: true,
-            color: 'rgba(255, 255, 255, 0.7)',
+            color: '#333',
             fontSize: 10,
             formatter: '{b}\n{d}%'
           }

src/pages/components/MemberPositionDistribution.vue

@@ -69,6 +69,10 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { type: 'shadow' }
+        },
         grid: {
           left: '10%',
           right: '5%',
@@ -134,6 +138,10 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { type: 'shadow' }
+        },
         grid: {
           left: '10%',
           right: '5%',
@@ -199,6 +207,10 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { type: 'shadow' }
+        },
         grid: {
           left: '10%',
           right: '5%',
@@ -244,15 +256,15 @@ export default {
           xAxisIndex: 0,
           height: 20,
           bottom: 0,
-          borderColor: 'rgba(255, 255, 255, 0.1)',
-          backgroundColor: 'rgba(45, 42, 85, 0.8)',
-          fillerColor: 'rgba(167, 139, 250, 0.3)',
-          handleStyle: {
-            color: '#A78BFA'
-          },
-          labelStyle: {
-            color: 'rgba(255, 255, 255, 0.5)'
-          }
+          // borderColor: 'gray',
+          // backgroundColor: 'gray',
+          // fillerColor: 'gray',
+          // handleStyle: {
+          //   color: '#A78BFA'
+          // },
+          // labelStyle: {
+          //   color: 'rgba(255, 255, 255, 0.5)'
+          // }
         }],
         series: [{
           type: 'bar',

src/pages/components/PassengerChart.vue

@@ -82,9 +82,7 @@ export default {
       const option = {
         tooltip: {
           trigger: 'axis',
-          backgroundColor: 'rgba(30, 27, 75, 0.95)',
-          borderColor: '#A78BFA',
-          textStyle: { color: '#666' }
+   axisPointer: { type: 'shadow' }
         },
         legend: {
           data: [...areaNames, '人流总数'],

src/pages/components/ProfileRadar.vue

@@ -117,17 +117,17 @@ export default {
                     splitNumber: 5,
                     axisLine: {
                         lineStyle: {
-                            color: 'rgba(255, 255, 255, 0.2)'
+                            color: 'gray'
                         }
                     },
                     splitLine: {
                         lineStyle: {
-                            color: 'rgba(255, 255, 255, 0.1)'
+                            color: 'gray'
                         }
                     },
                     splitArea: { show: false },
                     axisName: {
-                        color: 'rgba(255, 255, 255, 0.6)',
+                        color: '#333',
                         fontSize: 10
                     }
                 },
@@ -158,11 +158,7 @@ export default {
                 ],
                 tooltip: {
                     trigger: 'item',
-                    backgroundColor: 'rgba(13, 80, 122, 0.95)',
-                    borderColor: '#70CFE7',
-                    textStyle: {
-                        color: '#fff'
-                    }
+                   axisPointer: { type: 'shadow' }
                 }
             }
             this.chart.setOption(option)

src/pages/components/SecurityTestCharts.vue

@@ -79,6 +79,10 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b}: {c} ({d}%)'
+        },
         series: [{
           type: 'pie',
           radius: ['50%', '70%'],
@@ -108,6 +112,10 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b}: {c} ({d}%)'
+        },
         series: [{
           type: 'pie',
           radius: ['50%', '70%'],
@@ -123,7 +131,7 @@ export default {
           },
           label: {
             show: true,
-            color: 'rgba(255, 255, 255, 0.7)',
+            color: '#333',
             fontSize: 10,
             formatter: '{b}\n{d}%'
           }
@@ -137,6 +145,10 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b}: {c} ({d}%)'
+        },
         series: [{
           type: 'pie',
           radius: ['50%', '70%'],
@@ -152,7 +164,7 @@ export default {
           },
           label: {
             show: true,
-            color: 'rgba(255, 255, 255, 0.7)',
+            color: '#333',
             fontSize: 10,
             formatter: '{b}\n{d}%'
           }

src/pages/components/SeizedNumAll.vue

@@ -106,9 +106,7 @@ export default {
                 ],
                 tooltip: {
                     trigger: 'axis',
-                    backgroundColor: 'rgba(13,80,122,0.95)',
-                    borderColor: '#70CFE7',
-                    textStyle: { color: '#fff' }
+                    axisPointer: { type: 'shadow' }
                 }
             }
             this.chart.setOption(option)

src/pages/components/SeizureInfo.vue

@@ -97,7 +97,7 @@ export default {
             top: '38%',
             style: {
               text: String(this.chartsData.total),
-              fill: 'rgba(255, 255, 255, 0.9)',
+              fill: '#333',
               fontSize: 14,
               fontWeight: 'bold',
               textAlign: 'center'
@@ -110,7 +110,7 @@ export default {
             top: '58%',
             style: {
               text: '查获总数',
-              fill: 'rgba(255, 255, 255, 0.5)',
+              fill: '#333',
               fontSize: 15,
               textAlign: 'center'
             },
@@ -126,6 +126,10 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { type: 'shadow' }
+        },
         grid: {
           left: '15%',
           right: '5%',

src/pages/components/SupervisionDistribution.vue

@@ -103,9 +103,7 @@ export default {
                 ],
                 tooltip: {
                     trigger: 'axis',
-                    backgroundColor: 'rgba(13,80,122,0.95)',
-                    borderColor: '#70CFE7',
-                    textStyle: { color: '#fff' }
+                    axisPointer: { type: 'shadow' }
                 }
             }
             this.chart.setOption(option)

src/pages/components/UnsafeItemsChart.vue

@@ -57,6 +57,10 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b}: {c} ({d}%)'
+        },
         series: [{
           type: 'pie',
           radius: ['50%', '70%'],

src/pages/components/UnsafePositionChart.vue

@@ -52,6 +52,10 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { type: 'shadow' }
+        },
         grid: {
           left: '15%',
           right: '5%',

src/pages/components/UnsafeTypesChart.vue

@@ -57,6 +57,10 @@ export default {
       const option = {
         responsive: true,
         maintainAspectRatio: false,
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b}: {c} ({d}%)'
+        },
         series: [{
           type: 'pie',
           radius: ['50%', '70%'],

src/pages/deptProfile/index.vue

@@ -94,7 +94,7 @@
                 </SectionTitle>
 
                 <SectionTitle title="每日查获数量">
-                    <DailySeizureChart :chartsData="dailySeizureData" />
+                    <DailySeizureChart :chartsData="dailySeizureData" :title="'班组对比'"/>
                 </SectionTitle>
 
                 <SectionTitle title="查获工作区域分布">
@@ -764,7 +764,7 @@ export default {
     z-index: 100;
     background: #fff;
     backdrop-filter: blur(10px);
-    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.2);
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08);
 }
 
 .header-title {
@@ -776,7 +776,7 @@ export default {
     .title-main {
         font-size: 36rpx;
         font-weight: bold;
-        color: #fff;
+        color: #333;
     }
 }
 
@@ -787,7 +787,7 @@ export default {
 
     .current-time {
         font-size: 24rpx;
-        color: rgba(255, 255, 255, 0.6);
+        color: #999;
     }
 }
 
@@ -859,14 +859,14 @@ export default {
 
 .tab-item {
     font-size: 28rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #999;
     padding-bottom: 8rpx;
     border-bottom: 2rpx solid transparent;
     transition: all 0.3s;
 
     &.active {
-        color: #fff;
-        border-bottom-color: #fff;
+        color: #333;
+        border-bottom-color: #333;
     }
 }
 
@@ -874,5 +874,6 @@ export default {
     padding: 32rpx;
     display: flex;
     flex-direction: column;
+    background-color: #fff;
 }
-</style>
+</style>

src/pages/employeeProfile/index.vue

@@ -632,7 +632,7 @@ export default {
                             rich: {
                                 value: {
                                     fontSize: 14,
-                                    color: '#fff',
+                                    color: '#333',
                                     lineHeight: 35,
 
                                 }
@@ -663,16 +663,16 @@ export default {
                     radius: '60%',
                     splitNumber: 8,
                     axisLine: {
-                        lineStyle: { color: 'rgba(255,255,255,0.3)' }
+                        lineStyle: { color: 'rgba(0,0,0,0.15)' }
                     },
                     splitLine: {
                         lineStyle: {
-                            color: ['rgba(255,255,255,0.2)', 'rgba(255,255,255,0.2)', 'rgba(255,255,255,0.2)', 'rgba(255,255,255,0.2)', 'rgba(255,255,255,0.2)', 'rgba(255,255,255,0.2)', '#fe4322', '#8EC742', 'rgba(255,255,255,0.2)']
+                            color: ['rgba(0,0,0,0.1)', 'rgba(0,0,0,0.1)', 'rgba(0,0,0,0.1)', 'rgba(0,0,0,0.1)', 'rgba(0,0,0,0.1)', 'rgba(0,0,0,0.1)', '#fe4322', '#8EC742', 'rgba(0,0,0,0.1)']
                         }
                     },
                     splitArea: { show: false },
                     axisName: {
-                        color: '#fff',
+                        color: '#333',
                         fontSize: 12
                     }
                 },
@@ -684,7 +684,7 @@ export default {
                         areaStyle: { color: 'rgba(77, 200, 254, 0.2)' },
                         lineStyle: { color: '#4DC8FE', width: 2 },
                         itemStyle: {
-                            color: '#fff',
+                            color: '#333',
                             borderWidth: 1,
                             borderColor: '#00C8DA'
                         },
@@ -736,7 +736,7 @@ export default {
 
     .current-time {
         font-size: 24rpx;
-        color: rgba(255, 255, 255, 0.6);
+        color: #999;
     }
 }
 
@@ -826,7 +826,7 @@ export default {
 }
 
 .employee-picker {
-    background: #0d0d0d;
+    background: #fff;
     display: flex;
     flex-direction: column;
     border-radius: 16rpx 16rpx 0 0;
@@ -836,7 +836,7 @@ export default {
 
 .picker-header {
     padding: 24rpx 32rpx;
-    border-bottom: 1rpx solid rgba(255, 255, 255, 0.1);
+    border-bottom: 1rpx solid #eee;
     display: flex;
     justify-content: center;
     flex-shrink: 0;
@@ -845,7 +845,7 @@ export default {
 .picker-title {
     font-size: 32rpx;
     font-weight: 600;
-    color: #fff;
+    color: #333;
 }
 
 .search-box {
@@ -865,12 +865,12 @@ export default {
     align-items: center;
     justify-content: space-between;
     padding: 24rpx 0;
-    border-bottom: 1rpx solid rgba(255, 255, 255, 0.08);
+    border-bottom: 1rpx solid #f0f0f0;
 }
 
 .employee-item-name {
     font-size: 28rpx;
-    color: rgba(255, 255, 255, 0.9);
+    color: #333;
 }
 
 .tab-nav {
@@ -882,14 +882,14 @@ export default {
 
 .tab-item {
     font-size: 28rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #999;
     padding-bottom: 8rpx;
     border-bottom: 2rpx solid transparent;
     transition: all 0.3s;
 
      &.active {
-        color: #fff;
-        border-bottom-color: #fff;
+        color: #333;
+        border-bottom-color: #333;
     }
 }
 
@@ -913,7 +913,7 @@ export default {
 
     .empty-text {
         font-size: 28rpx;
-        color: rgba(255, 255, 255, 0.5);
+        color: #999;
     }
 }
 
@@ -924,14 +924,14 @@ export default {
         gap: 32rpx;
         margin-bottom: 32rpx;
         padding-bottom: 24rpx;
-        border-bottom: 1rpx solid rgba(255, 255, 255, 0.1);
+        border-bottom: 1rpx solid #e0e0e0;
     }
 
     .avatar-area {
         width: 120rpx;
         height: 120rpx;
         border-radius: 50%;
-        background: #222;
+        background: #f0f0f0;
         display: flex;
         align-items: center;
         justify-content: center;
@@ -947,7 +947,7 @@ export default {
         .avatar-placeholder {
             font-size: 48rpx;
             font-weight: bold;
-            color: #aaa;
+            color: #999;
         }
     }
 
@@ -957,13 +957,13 @@ export default {
 
         .name-label {
             font-size: 26rpx;
-            color: rgba(255, 255, 255, 0.5);
+            color: #999;
         }
 
         .name-value {
             font-size: 36rpx;
             font-weight: bold;
-            color: #fff;
+            color: #333;
         }
     }
 }
@@ -977,21 +977,21 @@ export default {
     .info-item {
         .info-label {
             font-size: 22rpx;
-            color: rgba(255, 255, 255, 0.5);
+            color: #999;
             margin-bottom: 4rpx;
         }
 
         .info-value {
             font-size: 26rpx;
-            color: #fff;
+            color: #333;
 
             .tag {
                 display: inline-block;
                 padding: 4rpx 16rpx;
                 margin-left: 2rpx;
-                background: rgba(255, 255, 255, 0.15);
+                background: #f0f0f0;
                 border-radius: 8rpx;
-                color: #fff;
+                color: #333;
                 font-size: 22rpx;
             }
         }
@@ -1004,7 +1004,7 @@ export default {
     justify-content: center;
     gap: 48rpx;
     padding-top: 24rpx;
-    border-top: 1rpx solid rgba(255, 255, 255, 0.1);
+    border-top: 1rpx solid #e0e0e0;
 
     .score-circle {
         width: 280rpx;
@@ -1019,13 +1019,13 @@ export default {
 
             .score-label {
                 font-size: 26rpx;
-                color: rgba(255, 255, 255, 0.5);
+                color: #999;
             }
 
             .score-val {
                 font-size: 32rpx;
                 font-weight: bold;
-                color: #fff;
+                color: #333;
             }
         }
     }
@@ -1033,7 +1033,7 @@ export default {
 
 .work-history {
     font-size: 26rpx;
-    color: rgba(255, 255, 255, 0.8);
+    color: #555;
     line-height: 1.8;
 }
 
@@ -1047,7 +1047,7 @@ export default {
         justify-content: space-between;
         align-items: center;
         padding: 16rpx;
-        background: rgba(255, 255, 255, 0.05);
+        background: #f5f5f5;
         border-radius: 12rpx;
 
         .honor-name {
@@ -1055,7 +1055,7 @@ export default {
             align-items: center;
             gap: 12rpx;
             font-size: 26rpx;
-            color: #fff;
+            color: #333;
             flex: 1;
 
             .honor-dot {
@@ -1076,7 +1076,7 @@ export default {
 
     .no-data {
         font-size: 26rpx;
-        color: rgba(255, 255, 255, 0.5);
+        color: #999;
         text-align: center;
         padding: 24rpx 0;
     }
@@ -1095,14 +1095,14 @@ export default {
     .supp-item {
         .supp-label {
             font-size: 22rpx;
-            color: #8675AE;
+            color: #666;
             margin-bottom: 4rpx;
             display: block;
         }
 
         .supp-value {
             font-size: 26rpx;
-            color: #fff;
+            color: #333;
         }
     }
 }
@@ -1114,7 +1114,7 @@ export default {
 
     .warning-tip {
         font-size: 26rpx;
-        color: rgba(255, 255, 255, 0.7);
+        color: #666;
     }
 }
 
@@ -1135,9 +1135,9 @@ export default {
 .warning-panel {
     width: 100%;
     max-height: 80vh;
-    background: linear-gradient(135deg, #1E1B4B 0%, #312E81 100%);
+    background: #fff;
     border-radius: 24rpx;
-    border: 1rpx solid rgba(167, 139, 250, 0.3);
+    border: 1rpx solid #e0e0e0;
     overflow: hidden;
     display: flex;
     flex-direction: column;
@@ -1148,12 +1148,12 @@ export default {
     justify-content: space-between;
     align-items: center;
     padding: 32rpx;
-    border-bottom: 1rpx solid rgba(255, 255, 255, 0.1);
+    border-bottom: 1rpx solid #eee;
 
     .warning-title {
         font-size: 32rpx;
         font-weight: bold;
-        color: #A78BFA;
+        color: #333;
     }
 
     .warning-close {
@@ -1163,9 +1163,9 @@ export default {
         align-items: center;
         justify-content: center;
         font-size: 32rpx;
-        color: rgba(255, 255, 255, 0.6);
+        color: #999;
         border-radius: 50%;
-        background: rgba(255, 255, 255, 0.1);
+        background: #f0f0f0;
     }
 }
 
@@ -1176,7 +1176,7 @@ export default {
 
 .warning-desc {
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.6);
+    color: #666;
     margin-bottom: 32rpx;
 }
 
@@ -1188,12 +1188,12 @@ export default {
         justify-content: space-between;
         align-items: center;
         padding: 24rpx;
-        background: rgba(255, 255, 255, 0.05);
+        background: #f5f5f5;
         border-radius: 16rpx;
 
         .warning-score-label {
             font-size: 28rpx;
-            color: #fff;
+            color: #333;
         }
 
         .warning-score-value {
@@ -1216,7 +1216,7 @@ export default {
 .warning-detail {
     .warning-detail-title {
         font-size: 28rpx;
-        color: #A78BFA;
+        color: #333;
         margin-bottom: 20rpx;
         font-weight: 500;
     }
@@ -1226,7 +1226,7 @@ export default {
         justify-content: space-between;
         align-items: center;
         padding: 16rpx 0;
-        border-bottom: 1rpx solid rgba(255, 255, 255, 0.05);
+        border-bottom: 1rpx solid #f0f0f0;
 
         .detail-left {
             display: flex;
@@ -1235,12 +1235,12 @@ export default {
 
             .detail-dim {
                 font-size: 22rpx;
-                color: rgba(255, 255, 255, 0.5);
+                color: #999;
             }
 
             .detail-name {
                 font-size: 26rpx;
-                color: #fff;
+                color: #333;
             }
         }
 

src/pages/groupProfile/index.vue

@@ -94,7 +94,7 @@
                 </SectionTitle>
 
                 <SectionTitle title="每日查获数量">
-                    <DailySeizureChart :chartsData="dailySeizureData" />
+                    <DailySeizureChart :chartsData="dailySeizureData" :title="'个人对比'"/>
                 </SectionTitle>
 
                 <SectionTitle title="查获工作区域分布">
@@ -761,7 +761,7 @@ export default {
 
 .dept-profile-page {
     min-height: 100vh;
-    background: #0d0d0d;
+    background: #fff;
     padding-bottom: 40rpx;
 }
 
@@ -769,9 +769,9 @@ export default {
     position: sticky;
     top: 0;
     z-index: 100;
-    background: rgba(13, 13, 13, 0.9);
+    background: #fff;
     backdrop-filter: blur(10px);
-    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.2);
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08);
 }
 
 .header-title {
@@ -783,7 +783,7 @@ export default {
     .title-main {
         font-size: 36rpx;
         font-weight: bold;
-        color: #fff;
+        color: #333;
     }
 }
 
@@ -794,7 +794,7 @@ export default {
 
     .current-time {
         font-size: 24rpx;
-        color: rgba(255, 255, 255, 0.6);
+        color: #999;
     }
 }
 
@@ -866,14 +866,14 @@ export default {
 
 .tab-item {
     font-size: 28rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #999;
     padding-bottom: 8rpx;
     border-bottom: 2rpx solid transparent;
     transition: all 0.3s;
 
-     &.active {
-        color: #fff;
-        border-bottom-color: #fff;
+    &.active {
+        color: #333;
+        border-bottom-color: #333;
     }
 }
 
@@ -881,5 +881,6 @@ export default {
     padding: 32rpx;
     display: flex;
     flex-direction: column;
+    background-color: #fff;
 }
 </style>

src/pages/stationProfile/index.vue

@@ -588,7 +588,7 @@ export default {
 <style lang="scss" scoped>
 .station-profile-page {
     min-height: 100vh;
-    background: #0d0d0d;
+    background: #fff;
     padding-bottom: 40rpx;
 }
 
@@ -596,9 +596,9 @@ export default {
     position: sticky;
     top: 0;
     z-index: 100;
-    background: rgba(13, 13, 13, 0.9);
+    background: #fff;
     backdrop-filter: blur(10px);
-    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.2);
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08);
 }
 
 .header-title {
@@ -610,7 +610,7 @@ export default {
     .title-main {
         font-size: 36rpx;
         font-weight: bold;
-        color: #fff;
+        color: #333;
     }
 }
 
@@ -621,12 +621,7 @@ export default {
 
     .current-time {
         font-size: 24rpx;
-        color: rgba(255, 255, 255, 0.6);
-    }
-
-    .menu-icon {
-        display: flex;
-        align-items: center;
+        color: #999;
     }
 }
 
@@ -698,14 +693,14 @@ export default {
 
 .tab-item {
     font-size: 28rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #999;
     padding-bottom: 8rpx;
     border-bottom: 2rpx solid transparent;
     transition: all 0.3s;
 
-     &.active {
-        color: #fff;
-        border-bottom-color: #fff;
+    &.active {
+        color: #333;
+        border-bottom-color: #333;
     }
 }
 
@@ -713,9 +708,10 @@ export default {
     padding: 32rpx;
     display: flex;
     flex-direction: column;
-    /* gap: 32rpx; */
+    background-color: #fff;
 }
 
+
 .two-col-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);

src/pages/teamProfile/index.vue

@@ -94,7 +94,7 @@
                 </SectionTitle>
 
                 <SectionTitle title="每日查获数量">
-                    <DailySeizureChart :chartsData="dailySeizureData" />
+                    <DailySeizureChart :chartsData="dailySeizureData" :title="'小组对比'"/>
                 </SectionTitle>
 
                 <SectionTitle title="查获工作区域分布">