refactor: 整体页面样式升级为浅色主题

1.  重构所有页面组件样式，将深色背景替换为浅色白色主题
2.  统一图表文字颜色为深色系，调整边框和背景色适配浅色模式
3.  新增AI问答页面和画像管理页面，完善底部导航栏配置
4.  优化工作台应用过滤逻辑，隐藏指定画像类应用

src/components/SectionTitle.vue

@@ -26,11 +26,12 @@ export default {
 
 <style lang="scss" scoped>
 .section-wrapper {
-    background: rgba(45, 42, 85, 0.6);
+    background: #fff;
     border-radius: 20rpx;
     padding: 32rpx;
     margin-bottom: 24rpx;
-    border: 1rpx solid rgba(167, 139, 250, 0.2);
+    border: 1rpx solid #e0e0e0;
+    box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
 }
 
 .section-header {
@@ -43,7 +44,7 @@ export default {
 .section-title {
     font-size: 30rpx;
     font-weight: 600;
-    color: #A78BFA;
+    color: #333;
     position: relative;
     padding-left: 16rpx;
 
@@ -55,13 +56,13 @@ export default {
         transform: translateY(-50%);
         width: 4rpx;
         height: 28rpx;
-        background: #A78BFA;
+        background: #60A5FA;
         border-radius: 2rpx;
     }
 }
 
 .section-header-right {
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #666;
 }
 </style>

src/pages.json

@@ -117,6 +117,12 @@
       }
     },
     {
+      "path": "pages/profileManage/index",
+      "style": {
+        "navigationBarTitleText": "画像管理"
+      }
+    },
+    {
       "path": "pages/stationProfile/index",
       "style": {
         "navigationBarTitleText": "站画像"
@@ -134,7 +140,7 @@
         "navigationBarTitleText": "班组画像"
       }
     },
-        {
+    {
       "path": "pages/groupProfile/index",
       "style": {
         "navigationBarTitleText": "小组画像"
@@ -373,18 +379,23 @@
       //   "text": "首页"
       // },
       {
-        "pagePath": "pages/work/index",
-        "iconPath": "static/images/tabbar/work.png",
-        "selectedIconPath": "static/images/tabbar/work_.png",
-        "text": "工作台"
-      },
-      {
         "pagePath": "pages/myToDoList/index",
         "iconPath": "/static/images/tabbar/message.png",
         "selectedIconPath": "/static/images/tabbar/message_.png",
         "text": "消息"
       },
-      
+      {
+        "pagePath": "pages/ai/index",
+        "iconPath": "static/images/tabbar/ai.png",
+        "selectedIconPath": "static/images/tabbar/ai_.png",
+        "text": "AI问答"
+      },
+      {
+        "pagePath": "pages/work/index",
+        "iconPath": "static/images/tabbar/work.png",
+        "selectedIconPath": "static/images/tabbar/work_.png",
+        "text": "工作台"
+      },
       {
         "pagePath": "pages/mine/index",
         "iconPath": "static/images/tabbar/mine.png",

src/pages/components/AreaDistribution.vue

@@ -57,11 +57,11 @@ export default {
           data: this.chartsData.labels,
           axisLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.1)'
+              color: 'rgba(0, 0, 0, 0.1)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#666',
             fontSize: 10,
             // rotate: 30
           }
@@ -76,11 +76,11 @@ export default {
           },
           splitLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.05)'
+              color: 'rgba(0, 0, 0, 0.05)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#666',
             fontSize: 10
           }
         },

src/pages/components/DailySeizureChart.vue

@@ -84,11 +84,11 @@ export default {
           data: this.chartsData.total.labels,
           axisLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.1)'
+              color: 'rgba(0, 0, 0, 0.1)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#666',
             fontSize: 10
           }
         },
@@ -102,11 +102,11 @@ export default {
           },
           splitLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.05)'
+              color: 'rgba(0, 0, 0, 0.05)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#666',
             fontSize: 10
           }
         },
@@ -214,18 +214,18 @@ export default {
 .daily-seizure-chart {
   .chart-section {
     margin-bottom: 32rpx;
-    
+
     &:last-child {
       margin-bottom: 0;
     }
   }
-  
+
   .sub-title {
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #666;
     margin-bottom: 16rpx;
   }
-  
+
   .chart-container {
     height:400rpx;
   }

src/pages/components/DeptStats.vue

@@ -55,11 +55,12 @@ export default {
     align-items: center;
     justify-content: center;
     padding: 24rpx 16rpx;
-    background: linear-gradient(135deg, rgba(33, 33, 58, 0.95), rgba(15, 70, 250, 0.2));
+    background: linear-gradient(135deg, #f5f7fa, #e8ecf1);
     border-radius: 16rpx;
-    border: 1rpx solid rgba(159, 3, 193, 0.3);
+    border: 1rpx solid #e0e0e0;
     position: relative;
     overflow: hidden;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
 
     &::before {
         content: '';
@@ -68,7 +69,7 @@ export default {
         left: 0;
         right: 0;
         height: 2rpx;
-        background: linear-gradient(90deg, #0f46fa, transparent);
+        background: linear-gradient(90deg, #60A5FA, transparent);
     }
 
     &::after {
@@ -78,21 +79,20 @@ export default {
         right: 0;
         left: 0;
         height: 2rpx;
-        background: linear-gradient(90deg, transparent, #9903C1);
+        background: linear-gradient(90deg, transparent, #A78BFA);
     }
 }
 
 .stat-value {
     font-size: 36rpx;
     font-weight: bold;
-    color: #fff;
-    text-shadow: 0 0 12rpx rgba(15, 70, 250, 0.8);
+    color: #333;
     line-height: 1;
 }
 
 .stat-label {
     font-size: 20rpx;
-    color: #a0c4ff;
+    color: #666;
     margin-top: 8rpx;
 }
 
@@ -102,7 +102,7 @@ export default {
     .dept-name {
         font-size: 28rpx;
         font-weight: bold;
-        color: #fff;
+        color: #333;
         text-align: center;
     }
 }

src/pages/components/GroupMemberTable.vue

@@ -52,25 +52,25 @@ export default {
   .table-scroll {
     width: 100%;
   }
-  
+
   .data-table {
     width: 100%;
     font-size: 24rpx;
     border-collapse: collapse;
-    
+
     th, td {
       padding: 16rpx 8rpx;
       text-align: left;
       white-space: nowrap;
     }
-    
+
     th {
-      color: rgba(255, 255, 255, 0.5);
-      border-bottom: 1rpx solid rgba(255, 255, 255, 0.1);
+      color: #666;
+      border-bottom: 1rpx solid #e0e0e0;
     }
-    
+
     td {
-      color: rgba(255, 255, 255, 0.9);
+      color: #333;
     }
   }
 }

src/pages/components/InterceptionDistribution.vue

@@ -57,11 +57,11 @@ export default {
                     axisTick: { show: false },
                     splitLine: {
                         lineStyle: {
-                            color: 'rgba(255, 255, 255, 0.05)'
+                            color: 'rgba(0, 0, 0, 0.05)'
                         }
                     },
                     axisLabel: {
-                        color: 'rgba(255, 255, 255, 0.5)',
+                        color: '#666',
                         fontSize: 9
                     }
                 },
@@ -72,11 +72,11 @@ export default {
                     axisTick: { show: false },
                     splitLine: {
                         lineStyle: {
-                            color: 'rgba(255, 255, 255, 0.05)'
+                            color: 'rgba(0, 0, 0, 0.05)'
                         }
                     },
                     axisLabel: {
-                        color: 'rgba(255, 255, 255, 0.6)',
+                        color: '#666',
                         fontSize: 9,
                         formatter: function (value) {
                             return value.length > 5 ? value.substring(0, 6) + '...' : value

src/pages/components/ItemDistribution.vue

@@ -68,7 +68,7 @@ export default {
           },
           label: {
             show: true,
-            color: 'rgba(255, 255, 255, 0.7)',
+            color: '#333',
             fontSize: 10,
             formatter: '{b}\n{d}%'
           }
@@ -88,28 +88,28 @@ export default {
   .chart-container {
     height: 300rpx;
   }
-  
+
   .legend-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 8rpx;
     margin-top: 16rpx;
   }
-  
+
   .legend-item {
     display: flex;
     align-items: center;
     font-size: 24rpx;
-    
+
     .legend-dot {
       width: 12rpx;
       height: 12rpx;
       border-radius: 50%;
       margin-right: 8rpx;
     }
-    
+
     .legend-text {
-      color: rgba(255, 255, 255, 0.7);
+      color: #666;
     }
   }
 }

src/pages/components/MemberBasicDistribution.vue

@@ -86,7 +86,7 @@ export default {
           },
           label: {
             show: true,
-            color: 'rgba(255, 255, 255, 0.7)',
+            color: '#333',
             fontSize: 10,
             formatter: '{b}\n{d}%'
           }
@@ -168,19 +168,19 @@ export default {
     flex-direction: column;
     gap: 32rpx;
   }
-  
+
   .chart-item {
     display: flex;
     align-items: center;
     gap: 24rpx;
-    
+
     .chart-label {
       width: 160rpx;
       flex-shrink: 0;
       font-size: 24rpx;
-      color: rgba(255, 255, 255, 0.5);
+      color: #666;
     }
-    
+
     .chart-container {
       flex: 1;
       height:250rpx;

src/pages/components/MemberPositionDistribution.vue

@@ -80,11 +80,11 @@ export default {
           data: this.chartsData.qualification.labels,
           axisLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.1)'
+              color: 'rgba(0, 0, 0, 0.1)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#666',
             fontSize: 10
           }
         },
@@ -98,11 +98,11 @@ export default {
           },
           splitLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.05)'
+              color: 'rgba(0, 0, 0, 0.05)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#666',
             fontSize: 10
           }
         },
@@ -145,11 +145,11 @@ export default {
           data: this.chartsData.experience.labels,
           axisLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.1)'
+              color: 'rgba(0, 0, 0, 0.1)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#666',
             fontSize: 10
           }
         },
@@ -163,11 +163,11 @@ export default {
           },
           splitLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.05)'
+              color: 'rgba(0, 0, 0, 0.05)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#666',
             fontSize: 10
           }
         },
@@ -210,11 +210,11 @@ export default {
           data: this.chartsData.position.labels,
           axisLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.1)'
+              color: 'rgba(0, 0, 0, 0.1)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#666',
             fontSize: 10,
             rotate: 30,
             margin: 15
@@ -230,11 +230,11 @@ export default {
           },
           splitLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.05)'
+              color: 'rgba(0, 0, 0, 0.05)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#666',
             fontSize: 10
           }
         },

src/pages/components/PassengerChart.vue

@@ -84,11 +84,11 @@ export default {
           trigger: 'axis',
           backgroundColor: 'rgba(30, 27, 75, 0.95)',
           borderColor: '#A78BFA',
-          textStyle: { color: '#fff' }
+          textStyle: { color: '#666' }
         },
         legend: {
           data: [...areaNames, '人流总数'],
-          textStyle: { color: 'rgba(255, 255, 255, 0.5)', fontSize: 10 },
+          textStyle: { color: '#666', fontSize: 10 },
           top: 0
         },
         grid: {
@@ -100,27 +100,27 @@ export default {
         xAxis: {
           type: 'category',
           data: this.chartsData.labels,
-          axisLabel: { color: 'rgba(255, 255, 255, 0.5)', fontSize: 10 },
-          axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.1)' } }
+          axisLabel: { color: '#666', fontSize: 10 },
+          axisLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.1)' } }
         },
         yAxis: [
           {
             type: 'value',
             name: '人数',
-            nameTextStyle: { color: 'rgba(255, 255, 255, 0.5)', fontSize: 10 },
+            nameTextStyle: { color: '#666', fontSize: 10 },
             position: 'left',
             max: Math.ceil(maxVal * 1.2),
-            axisLabel: { color: 'rgba(255, 255, 255, 0.5)', fontSize: 10 },
+            axisLabel: { color: '#666', fontSize: 10 },
             axisLine: { show: false },
-            splitLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.05)' } }
+            splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.05)' } }
           },
           {
             type: 'value',
             name: '人流总数',
-            nameTextStyle: { color: 'rgba(255, 255, 255, 0.5)', fontSize: 10 },
+            nameTextStyle: { color: '#666', fontSize: 10 },
             position: 'right',
             max: Math.ceil(maxVal * 1.2),
-            axisLabel: { color: 'rgba(255, 255, 255, 0.5)', fontSize: 10 },
+            axisLabel: { color: '#666', fontSize: 10 },
             axisLine: { show: false },
             splitLine: { show: false }
           }

src/pages/components/ProfileRadar.vue

@@ -186,7 +186,7 @@ export default {
         display: flex;
         align-items: center;
         justify-content: center;
-        color: rgba(255, 255, 255, 0.5);
+        color: #999;
         font-size: 28rpx;
     }
 
@@ -208,7 +208,7 @@ export default {
             font-size: 24rpx;
 
             .item-label {
-                color: rgba(160, 196, 255, 0.9);
+                color: #333;
             }
 
             .progress-row {
@@ -219,7 +219,7 @@ export default {
                 .progress-bar {
                     flex: 1;
                     height: 10rpx;
-                    background: rgba(255, 255, 255, 0.1);
+                    background: #f0f0f0;
                     border-radius: 0;
                     overflow: visible;
 
@@ -237,6 +237,7 @@ export default {
                             width: 6rpx;
                             height: 18rpx;
                             background: #fff;
+                            border: 2rpx solid currentColor;
                             border-radius: 4rpx;
                         }
                     }
@@ -245,7 +246,7 @@ export default {
                 .item-value {
                     width: 80rpx;
                     text-align: right;
-                    color: #fff;
+                    color: #333;
                     font-weight: bold;
                     font-size: 24rpx;
                 }

src/pages/components/SecurityTestCharts.vue

@@ -94,7 +94,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

@@ -54,11 +54,11 @@ export default {
                     data: this.chartsData.map(item => item.recordDate),
                     axisLine: {
                         lineStyle: {
-                            color: 'rgba(255, 255, 255, 0.1)'
+                            color: 'rgba(0, 0, 0, 0.1)'
                         }
                     },
                     axisLabel: {
-                        color: 'rgba(255, 255, 255, 0.5)',
+                        color: '#666',
                         fontSize: 9,
                         rotate: 30
                     }
@@ -69,11 +69,11 @@ export default {
                     axisTick: { show: false },
                     splitLine: {
                         lineStyle: {
-                            color: 'rgba(255, 255, 255, 0.05)'
+                            color: 'rgba(0, 0, 0, 0.05)'
                         }
                     },
                     axisLabel: {
-                        color: 'rgba(255, 255, 255, 0.5)',
+                        color: '#666',
                         fontSize: 9
                     }
                 },

src/pages/components/SeizureInfo.vue

@@ -137,14 +137,13 @@ export default {
           data: this.chartsData.depts.labels,
           axisLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.1)'
+              color: 'rgba(0, 0, 0, 0.1)'
             }
           },
-          // axisLabel: {
-          //   color: 'rgba(255, 255, 255, 0.5)',
-          //   fontSize: 9,
-          //   rotate: 30
-          // }
+          axisLabel: {
+            color: '#666',
+            fontSize: 9
+          }
         },
         yAxis: {
           type: 'value',
@@ -156,11 +155,11 @@ export default {
           },
           splitLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.05)'
+              color: 'rgba(0, 0, 0, 0.05)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#666',
             fontSize: 9
           }
         },

src/pages/components/SupervisionDistribution.vue

@@ -54,11 +54,11 @@ export default {
                     data: this.chartsData.map(item => item.name),
                     axisLine: {
                         lineStyle: {
-                            color: 'rgba(255, 255, 255, 0.1)'
+                            color: 'rgba(0, 0, 0, 0.1)'
                         }
                     },
                     axisLabel: {
-                        color: 'rgba(255, 255, 255, 0.5)',
+                        color: '#666',
                         fontSize: 9,
                         rotate: 30
                     }
@@ -67,18 +67,18 @@ export default {
                     type: 'value',
                     name: '人数',
                     nameTextStyle: {
-                        color: 'rgba(255, 255, 255, 0.5)',
+                        color: '#666',
                         fontSize: 9
                     },
                     axisLine: { show: false },
                     axisTick: { show: false },
                     splitLine: {
                         lineStyle: {
-                            color: 'rgba(255, 255, 255, 0.05)'
+                            color: 'rgba(0, 0, 0, 0.05)'
                         }
                     },
                     axisLabel: {
-                        color: 'rgba(255, 255, 255, 0.5)',
+                        color: '#666',
                         fontSize: 9
                     }
                 },

src/pages/components/TeamMemberTable.vue

@@ -48,25 +48,25 @@ export default {
   .table-scroll {
     width: 100%;
   }
-  
+
   .data-table {
     width: 100%;
     font-size: 24rpx;
     border-collapse: collapse;
-    
+
     th, td {
       padding: 16rpx 8rpx;
       text-align: left;
       white-space: nowrap;
     }
-    
+
     th {
-      color: rgba(255, 255, 255, 0.5);
-      border-bottom: 1rpx solid rgba(255, 255, 255, 0.1);
+      color: #666;
+      border-bottom: 1rpx solid #e0e0e0;
     }
-    
+
     td {
-      color: rgba(255, 255, 255, 0.9);
+      color: #333;
     }
   }
 }

src/pages/components/UnsafeItemsChart.vue

@@ -72,7 +72,7 @@ export default {
           },
           label: {
             show: true,
-            color: 'rgba(255, 255, 255, 0.7)',
+            color: '#333',
             fontSize: 10,
             formatter: '{b}\n{d}%'
           }
@@ -92,23 +92,23 @@ export default {
   .chart-container {
     height: 220rpx;
   }
-  
+
   .items-list {
     margin-top: 16rpx;
   }
-  
+
   .list-item {
     display: flex;
     justify-content: space-between;
     font-size: 24rpx;
     padding: 8rpx 0;
-    
+
     .item-name {
-      color: rgba(255, 255, 255, 0.7);
+      color: #666;
     }
-    
+
     .item-value {
-      color: rgba(255, 255, 255, 0.9);
+      color: #333;
     }
   }
 }

src/pages/components/UnsafePositionChart.vue

@@ -63,11 +63,11 @@ export default {
           data: this.chartsData.positions.labels,
           axisLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.1)'
+              color: 'rgba(0, 0, 0, 0.1)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#666',
             fontSize: 10,
             // rotate: 30
           }
@@ -82,11 +82,11 @@ export default {
           },
           splitLine: {
             lineStyle: {
-              color: 'rgba(255, 255, 255, 0.05)'
+              color: 'rgba(0, 0, 0, 0.05)'
             }
           },
           axisLabel: {
-            color: 'rgba(255, 255, 255, 0.5)',
+            color: '#666',
             fontSize: 10
           }
         },
@@ -124,14 +124,14 @@ export default {
   .chart-container {
     height: 240rpx;
   }
-  
+
   .position-info {
     margin-top: 16rpx;
     text-align: center;
-    
+
     .info-text {
       font-size: 24rpx;
-      color: rgba(255, 255, 255, 0.5);
+      color: #666;
     }
   }
 }

src/pages/components/UnsafeTypesChart.vue

@@ -72,7 +72,7 @@ export default {
           },
           label: {
             show: true,
-            color: 'rgba(255, 255, 255, 0.7)',
+            color: '#333',
             fontSize: 10,
             formatter: '{b}\n{d}%'
           }
@@ -92,23 +92,23 @@ export default {
   .chart-container {
     height: 220rpx;
   }
-  
+
   .types-list {
     margin-top: 16rpx;
   }
-  
+
   .list-item {
     display: flex;
     justify-content: space-between;
     font-size: 24rpx;
     padding: 8rpx 0;
-    
+
     .item-name {
-      color: rgba(255, 255, 255, 0.7);
+      color: #666;
     }
-    
+
     .item-value {
-      color: rgba(255, 255, 255, 0.9);
+      color: #333;
     }
   }
 }

src/pages/deptProfile/index.vue

@@ -726,9 +726,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-    .dept-selector {
+.dept-selector {
     padding: 16rpx 32rpx;
-    background: rgba(30, 27, 75, 0.8);
+    background: #fff;
 }
 
 .dept-select-trigger {
@@ -737,8 +737,8 @@ export default {
     justify-content: center;
     gap: 12rpx;
     padding: 16rpx 24rpx;
-    background: rgba(45, 42, 85, 0.8);
-    border: 1rpx solid rgba(167, 139, 250, 0.3);
+    background: #f5f5f5;
+    border: 1rpx solid #e0e0e0;
     border-radius: 50rpx;
 }
 
@@ -749,12 +749,12 @@ export default {
 
 .dept-name-text {
     font-size: 26rpx;
-    color: rgba(255, 255, 255, 0.9);
+    color: #333;
 }
 
 .dept-profile-page {
     min-height: 100vh;
-    background: linear-gradient(135deg, #1E1B4B 0%, #312E81 100%);
+    background: #fff;
     padding-bottom: 40rpx;
 }
 
@@ -762,7 +762,7 @@ export default {
     position: sticky;
     top: 0;
     z-index: 100;
-    background: rgba(30, 27, 75, 0.9);
+    background: #fff;
     backdrop-filter: blur(10px);
     box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.2);
 }
@@ -776,10 +776,7 @@ export default {
     .title-main {
         font-size: 36rpx;
         font-weight: bold;
-        background: linear-gradient(90deg, #A78BFA, #60A5FA);
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-clip: text;
+        color: #fff;
     }
 }
 
@@ -796,7 +793,7 @@ export default {
 
 .time-filter {
     padding: 16rpx 32rpx;
-    background: rgba(30, 27, 75, 0.8);
+    background: #fff;
 }
 
 .time-scroll {
@@ -812,14 +809,14 @@ export default {
 .time-tag {
     padding: 8rpx 10rpx;
     border-radius: 50rpx;
-    background: rgba(45, 42, 85, 0.8);
+    background: #f0f0f0;
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.6);
+    color: #666;
     transition: all 0.3s;
 
     &.active {
-        background: #A78BFA;
-        color: #1E1B4B;
+        background: #60A5FA;
+        color: #fff;
         font-weight: 500;
     }
 }
@@ -830,26 +827,26 @@ export default {
     gap: 16rpx;
     margin-top: 16rpx;
     padding-top: 16rpx;
-    border-top: 1rpx solid rgba(255, 255, 255, 0.1);
+    border-top: 1rpx solid #e0e0e0;
 }
 
 .date-input {
     flex: 1;
     padding: 12rpx 24rpx;
     border-radius: 12rpx;
-    background: rgba(45, 42, 85, 0.8);
+    background: #f5f5f5;
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.4);
+    color: #999;
     text-align: center;
 
     &.filled {
-        color: rgba(255, 255, 255, 0.9);
+        color: #333;
     }
 }
 
 .date-separator {
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #999;
     flex-shrink: 0;
 }
 
@@ -868,8 +865,8 @@ export default {
     transition: all 0.3s;
 
     &.active {
-        color: #A78BFA;
-        border-bottom-color: #A78BFA;
+        color: #fff;
+        border-bottom-color: #fff;
     }
 }
 

src/pages/employeeProfile/index.vue

@@ -702,7 +702,7 @@ export default {
 <style lang="scss" scoped>
 .employee-profile-page {
     min-height: 100vh;
-    background: linear-gradient(135deg, #1E1B4B 0%, #312E81 100%);
+    background: #fff;
     padding-bottom: 40rpx;
 }
 
@@ -710,7 +710,8 @@ export default {
     position: sticky;
     top: 0;
     z-index: 100;
-    background: rgba(30, 27, 75, 0.9);
+    color: black;
+    background: #fff;
     backdrop-filter: blur(10px);
     box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.2);
 }
@@ -724,10 +725,7 @@ export default {
     .title-main {
         font-size: 36rpx;
         font-weight: bold;
-        background: linear-gradient(90deg, #A78BFA, #60A5FA);
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-clip: text;
+        color: black;
     }
 }
 
@@ -744,7 +742,7 @@ export default {
 
 .time-filter {
     padding: 16rpx 32rpx;
-    background: rgba(30, 27, 75, 0.8);
+    background: #fff;
 }
 
 .time-scroll {
@@ -760,14 +758,14 @@ export default {
 .time-tag {
     padding: 8rpx 10rpx;
     border-radius: 50rpx;
-    background: rgba(45, 42, 85, 0.8);
+    background: #f0f0f0;
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.6);
+    color: #666;
     transition: all 0.3s;
 
     &.active {
-        background: #A78BFA;
-        color: #1E1B4B;
+        background: #60A5FA;
+        color: #fff;
         font-weight: 500;
     }
 }
@@ -778,32 +776,32 @@ export default {
     gap: 16rpx;
     margin-top: 16rpx;
     padding-top: 16rpx;
-    border-top: 1rpx solid rgba(255, 255, 255, 0.1);
+    border-top: 1rpx solid #e0e0e0;
 }
 
 .date-input {
     flex: 1;
     padding: 12rpx 24rpx;
     border-radius: 12rpx;
-    background: rgba(45, 42, 85, 0.8);
+    background: #f5f5f5;
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.4);
+    color: #999;
     text-align: center;
 
     &.filled {
-        color: rgba(255, 255, 255, 0.9);
+        color: #333;
     }
 }
 
 .date-separator {
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #999;
     flex-shrink: 0;
 }
 
 .search-selector {
     padding: 16rpx 32rpx;
-    background: rgba(30, 27, 75, 0.8);
+    background: #fff;
 }
 
 .search-select-trigger {
@@ -812,8 +810,8 @@ export default {
     justify-content: center;
     gap: 12rpx;
     padding: 16rpx 24rpx;
-    background: rgba(45, 42, 85, 0.8);
-    border: 1rpx solid rgba(167, 139, 250, 0.3);
+    background: #f5f5f5;
+    border: 1rpx solid #e0e0e0;
     border-radius: 50rpx;
 }
 
@@ -824,11 +822,11 @@ export default {
 
 .search-name-text {
     font-size: 26rpx;
-    color: rgba(255, 255, 255, 0.9);
+    color: #333;
 }
 
 .employee-picker {
-    background: #1E1B4B;
+    background: #0d0d0d;
     display: flex;
     flex-direction: column;
     border-radius: 16rpx 16rpx 0 0;
@@ -889,9 +887,9 @@ export default {
     border-bottom: 2rpx solid transparent;
     transition: all 0.3s;
 
-    &.active {
-        color: #A78BFA;
-        border-bottom-color: #A78BFA;
+     &.active {
+        color: #fff;
+        border-bottom-color: #fff;
     }
 }
 
@@ -933,7 +931,7 @@ export default {
         width: 120rpx;
         height: 120rpx;
         border-radius: 50%;
-        background: #fff;
+        background: #222;
         display: flex;
         align-items: center;
         justify-content: center;
@@ -949,7 +947,7 @@ export default {
         .avatar-placeholder {
             font-size: 48rpx;
             font-weight: bold;
-            color: #6f6c98;
+            color: #aaa;
         }
     }
 
@@ -959,7 +957,7 @@ export default {
 
         .name-label {
             font-size: 26rpx;
-            color: #8675AE;
+            color: rgba(255, 255, 255, 0.5);
         }
 
         .name-value {
@@ -979,7 +977,7 @@ export default {
     .info-item {
         .info-label {
             font-size: 22rpx;
-            color: #8675AE;
+            color: rgba(255, 255, 255, 0.5);
             margin-bottom: 4rpx;
         }
 
@@ -991,9 +989,9 @@ export default {
                 display: inline-block;
                 padding: 4rpx 16rpx;
                 margin-left: 2rpx;
-                background: rgba(167, 139, 250, 0.3);
+                background: rgba(255, 255, 255, 0.15);
                 border-radius: 8rpx;
-                color: #A78BFA;
+                color: #fff;
                 font-size: 22rpx;
             }
         }
@@ -1021,7 +1019,7 @@ export default {
 
             .score-label {
                 font-size: 26rpx;
-                color: #8675AE;
+                color: rgba(255, 255, 255, 0.5);
             }
 
             .score-val {

src/pages/groupProfile/index.vue

@@ -735,7 +735,7 @@ export default {
 <style lang="scss" scoped>
     .dept-selector {
     padding: 16rpx 32rpx;
-    background: rgba(30, 27, 75, 0.8);
+    background: #fff;
 }
 
 .dept-select-trigger {
@@ -744,8 +744,8 @@ export default {
     justify-content: center;
     gap: 12rpx;
     padding: 16rpx 24rpx;
-    background: rgba(45, 42, 85, 0.8);
-    border: 1rpx solid rgba(167, 139, 250, 0.3);
+    background: #f5f5f5;
+    border: 1rpx solid #e0e0e0;
     border-radius: 50rpx;
 }
 
@@ -756,12 +756,12 @@ export default {
 
 .dept-name-text {
     font-size: 26rpx;
-    color: rgba(255, 255, 255, 0.9);
+    color: #333;
 }
 
 .dept-profile-page {
     min-height: 100vh;
-    background: linear-gradient(135deg, #1E1B4B 0%, #312E81 100%);
+    background: #0d0d0d;
     padding-bottom: 40rpx;
 }
 
@@ -769,7 +769,7 @@ export default {
     position: sticky;
     top: 0;
     z-index: 100;
-    background: rgba(30, 27, 75, 0.9);
+    background: rgba(13, 13, 13, 0.9);
     backdrop-filter: blur(10px);
     box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.2);
 }
@@ -783,10 +783,7 @@ export default {
     .title-main {
         font-size: 36rpx;
         font-weight: bold;
-        background: linear-gradient(90deg, #A78BFA, #60A5FA);
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-clip: text;
+        color: #fff;
     }
 }
 
@@ -803,7 +800,7 @@ export default {
 
 .time-filter {
     padding: 16rpx 32rpx;
-    background: rgba(30, 27, 75, 0.8);
+    background: #fff;
 }
 
 .time-scroll {
@@ -819,14 +816,14 @@ export default {
 .time-tag {
     padding: 8rpx 10rpx;
     border-radius: 50rpx;
-    background: rgba(45, 42, 85, 0.8);
+    background: #f0f0f0;
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.6);
+    color: #666;
     transition: all 0.3s;
 
     &.active {
-        background: #A78BFA;
-        color: #1E1B4B;
+        background: #60A5FA;
+        color: #fff;
         font-weight: 500;
     }
 }
@@ -837,26 +834,26 @@ export default {
     gap: 16rpx;
     margin-top: 16rpx;
     padding-top: 16rpx;
-    border-top: 1rpx solid rgba(255, 255, 255, 0.1);
+    border-top: 1rpx solid #e0e0e0;
 }
 
 .date-input {
     flex: 1;
     padding: 12rpx 24rpx;
     border-radius: 12rpx;
-    background: rgba(45, 42, 85, 0.8);
+    background: #f5f5f5;
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.4);
+    color: #999;
     text-align: center;
 
     &.filled {
-        color: rgba(255, 255, 255, 0.9);
+        color: #333;
     }
 }
 
 .date-separator {
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #999;
     flex-shrink: 0;
 }
 
@@ -874,9 +871,9 @@ export default {
     border-bottom: 2rpx solid transparent;
     transition: all 0.3s;
 
-    &.active {
-        color: #A78BFA;
-        border-bottom-color: #A78BFA;
+     &.active {
+        color: #fff;
+        border-bottom-color: #fff;
     }
 }
 

src/pages/profileManage/index.vue

@@ -0,0 +1,105 @@
+<template>
+  <home-container :customStyle="{ background: 'none', backgroundColor: '#f5f5f5' }">
+    <view class="profile-manage-container">
+      <view class="grid-body">
+        <uni-section title="画像管理" type="line" class="uni-section-custom"></uni-section>
+        <uni-grid :column="3" :showBorder="false">
+          <uni-grid-item v-for="(item, index) in items" :key="index">
+            <view class="grid-item-box" @click="handleGridClick(item.appUrl)">
+              <img alt="" :src="item.workbenchIcon">
+              <text class="text">{{ item.appName }}</text>
+            </view>
+          </uni-grid-item>
+        </uni-grid>
+      </view>
+    </view>
+  </home-container>
+</template>
+
+<script>
+import HomeContainer from '@/components/HomeContainer.vue'
+import { getAppList } from '@/api/system/user'
+
+const profileAppNames = ['站画像', '部门画像', '班组画像', '小组画像', '员工画像']
+
+export default {
+  components: { HomeContainer },
+  data() {
+    return {
+      appList: []
+    }
+  },
+  computed: {
+    items() {
+      return this.appList.filter(item => profileAppNames.includes(item.appName))
+    }
+  },
+  onLoad() {
+    this.loadAppList()
+  },
+  methods: {
+    async loadAppList() {
+      try {
+        const res = await getAppList({ homePage: 0 })
+        if (res.code === 200) {
+          this.appList = res.data || []
+        }
+      } catch (error) {
+        console.error('获取画像应用列表失败:', error)
+        this.appList = []
+      }
+    },
+    handleGridClick(url) {
+      if (!url) return
+      uni.navigateTo({ url })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.profile-manage-container {
+  padding: 20rpx;
+  background-color: #f5f5f5;
+}
+
+.grid-body {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 20rpx;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
+
+  .uni-section-custom {
+    ::v-deep .uni-section-header {
+      padding: 12rpx 10rpx !important;
+    }
+  }
+}
+
+.grid-item-box {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 30rpx 0;
+
+  img {
+    display: inline-block;
+    width: 88rpx;
+    height: 88rpx;
+  }
+
+  &:active {
+    background-color: #f5f5f5;
+    border-radius: 12rpx;
+  }
+}
+
+.text {
+  text-align: center;
+  font-size: 25rpx;
+  margin-top: 15rpx;
+  color: #333;
+}
+</style>

src/pages/stationProfile/index.vue

@@ -588,7 +588,7 @@ export default {
 <style lang="scss" scoped>
 .station-profile-page {
     min-height: 100vh;
-    background: linear-gradient(135deg, #1E1B4B 0%, #312E81 100%);
+    background: #0d0d0d;
     padding-bottom: 40rpx;
 }
 
@@ -596,7 +596,7 @@ export default {
     position: sticky;
     top: 0;
     z-index: 100;
-    background: rgba(30, 27, 75, 0.9);
+    background: rgba(13, 13, 13, 0.9);
     backdrop-filter: blur(10px);
     box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.2);
 }
@@ -610,10 +610,7 @@ export default {
     .title-main {
         font-size: 36rpx;
         font-weight: bold;
-        background: linear-gradient(90deg, #A78BFA, #60A5FA);
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-clip: text;
+        color: #fff;
     }
 }
 
@@ -635,7 +632,7 @@ export default {
 
 .time-filter {
     padding: 16rpx 32rpx;
-    background: rgba(30, 27, 75, 0.8);
+    background: #fff;
 }
 
 .time-scroll {
@@ -651,14 +648,14 @@ export default {
 .time-tag {
     padding: 8rpx 10rpx;
     border-radius: 50rpx;
-    background: rgba(45, 42, 85, 0.8);
+    background: #f0f0f0;
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.6);
+    color: #666;
     transition: all 0.3s;
 
     &.active {
-        background: #A78BFA;
-        color: #1E1B4B;
+        background: #60A5FA;
+        color: #fff;
         font-weight: 500;
     }
 }
@@ -669,26 +666,26 @@ export default {
     gap: 16rpx;
     margin-top: 16rpx;
     padding-top: 16rpx;
-    border-top: 1rpx solid rgba(255, 255, 255, 0.1);
+    border-top: 1rpx solid #e0e0e0;
 }
 
 .date-input {
     flex: 1;
     padding: 12rpx 24rpx;
     border-radius: 12rpx;
-    background: rgba(45, 42, 85, 0.8);
+    background: #f5f5f5;
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.4);
+    color: #999;
     text-align: center;
 
     &.filled {
-        color: rgba(255, 255, 255, 0.9);
+        color: #333;
     }
 }
 
 .date-separator {
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #999;
     flex-shrink: 0;
 }
 
@@ -706,9 +703,9 @@ export default {
     border-bottom: 2rpx solid transparent;
     transition: all 0.3s;
 
-    &.active {
-        color: #A78BFA;
-        border-bottom-color: #A78BFA;
+     &.active {
+        color: #fff;
+        border-bottom-color: #fff;
     }
 }
 

src/pages/teamProfile/index.vue

@@ -751,7 +751,7 @@ export default {
 <style lang="scss" scoped>
 .dept-selector {
     padding: 16rpx 32rpx;
-    background: rgba(30, 27, 75, 0.8);
+    background: #fff;
 }
 
 .dept-select-trigger {
@@ -760,8 +760,8 @@ export default {
     justify-content: center;
     gap: 12rpx;
     padding: 16rpx 24rpx;
-    background: rgba(45, 42, 85, 0.8);
-    border: 1rpx solid rgba(167, 139, 250, 0.3);
+    background: #f5f5f5;
+    border: 1rpx solid #e0e0e0;
     border-radius: 50rpx;
 }
 
@@ -772,12 +772,12 @@ export default {
 
 .dept-name-text {
     font-size: 26rpx;
-    color: rgba(255, 255, 255, 0.9);
+    color: #333;
 }
 
 .dept-profile-page {
     min-height: 100vh;
-    background: linear-gradient(135deg, #1E1B4B 0%, #312E81 100%);
+    background: #fff;
     padding-bottom: 40rpx;
 }
 
@@ -785,9 +785,9 @@ export default {
     position: sticky;
     top: 0;
     z-index: 100;
-    background: rgba(30, 27, 75, 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 {
@@ -799,10 +799,7 @@ export default {
     .title-main {
         font-size: 36rpx;
         font-weight: bold;
-        background: linear-gradient(90deg, #A78BFA, #60A5FA);
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-clip: text;
+        color: #333;
     }
 }
 
@@ -813,13 +810,13 @@ export default {
 
     .current-time {
         font-size: 24rpx;
-        color: rgba(255, 255, 255, 0.6);
+        color: #999;
     }
 }
 
 .time-filter {
     padding: 16rpx 32rpx;
-    background: rgba(30, 27, 75, 0.8);
+    background: #fff;
 }
 
 .time-scroll {
@@ -835,14 +832,14 @@ export default {
 .time-tag {
     padding: 8rpx 10rpx;
     border-radius: 50rpx;
-    background: rgba(45, 42, 85, 0.8);
+    background: #f0f0f0;
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.6);
+    color: #666;
     transition: all 0.3s;
 
     &.active {
-        background: #A78BFA;
-        color: #1E1B4B;
+        background: #60A5FA;
+        color: #fff;
         font-weight: 500;
     }
 }
@@ -853,26 +850,26 @@ export default {
     gap: 16rpx;
     margin-top: 16rpx;
     padding-top: 16rpx;
-    border-top: 1rpx solid rgba(255, 255, 255, 0.1);
+    border-top: 1rpx solid #e0e0e0;
 }
 
 .date-input {
     flex: 1;
     padding: 12rpx 24rpx;
     border-radius: 12rpx;
-    background: rgba(45, 42, 85, 0.8);
+    background: #f5f5f5;
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.4);
+    color: #999;
     text-align: center;
 
     &.filled {
-        color: rgba(255, 255, 255, 0.9);
+        color: #333;
     }
 }
 
 .date-separator {
     font-size: 24rpx;
-    color: rgba(255, 255, 255, 0.5);
+    color: #999;
     flex-shrink: 0;
 }
 
@@ -885,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: #A78BFA;
-        border-bottom-color: #A78BFA;
+        color: #333;
+        border-bottom-color: #333;
     }
 }
 

src/pages/work/index.vue

@@ -39,7 +39,7 @@
 import HomeContainer from "@/components/HomeContainer.vue";
 import { checkRolePermission } from "@/utils/common.js";
 import { getUserProfile, getAppListByRoleId,getAppList } from "@/api/system/user";
-
+const profileAppNames = ['站画像', '部门画像', '班组画像', '小组画像', '员工画像']
 export default {
   components: { HomeContainer },
   data() {
@@ -53,7 +53,7 @@ export default {
       return this.$store?.state?.user?.roles[0]
     },
     items() {
-      return this.appList
+      return this.appList.filter(item => !profileAppNames.includes(item.appName))
     }
   },
   onShow() {