From 84fa2b52669abbb6e283c83e1c468fda1776b196 Mon Sep 17 00:00:00 2001
From: vinland100 <wuyanbo5210@qq.com>
Date: Thu, 25 Dec 2025 14:11:30 +0800
Subject: [PATCH] =?UTF-8?q?refactor(frontend):=20=E9=87=87=E7=94=A8?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83=E5=8C=96=E5=B8=B8=E9=87=8F=E5=8A=A8=E6=80=81?=
 =?UTF-8?q?=E6=B8=B2=E6=9F=93=E4=BB=93=E5=BA=93=E5=B9=B3=E5=8F=B0=E9=80=89?=
 =?UTF-8?q?=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/ProjectDetail.tsx          | 29 ++++++++++---------
 frontend/src/pages/Projects.tsx               | 20 +++++++------
 frontend/src/shared/constants/index.ts        |  7 -----
 frontend/src/shared/constants/projectTypes.ts | 18 ++++++++----
 frontend/src/shared/utils/projectUtils.ts     |  9 ++----
 5 files changed, 40 insertions(+), 43 deletions(-)

diff --git a/frontend/src/pages/ProjectDetail.tsx b/frontend/src/pages/ProjectDetail.tsx
index 0d809ed..28ea711 100644
--- a/frontend/src/pages/ProjectDetail.tsx
+++ b/frontend/src/pages/ProjectDetail.tsx
@@ -40,7 +40,7 @@ import CreateTaskDialog from "@/components/audit/CreateTaskDialog";
 import FileSelectionDialog from "@/components/audit/FileSelectionDialog";
 import TerminalProgressDialog from "@/components/audit/TerminalProgressDialog";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "@/components/ui/dialog";
-import { SUPPORTED_LANGUAGES } from "@/shared/constants";
+import { SUPPORTED_LANGUAGES, REPOSITORY_PLATFORMS } from "@/shared/constants";
 
 export default function ProjectDetail() {
   const { id } = useParams<{ id: string }>();
@@ -529,9 +529,9 @@ export default function ProjectDetail() {
                       >
                         <div className="flex items-center space-x-3">
                           <div className={`w-8 h-8 rounded-lg flex items-center justify-center ${task.status === 'completed' ? 'bg-emerald-500/20' :
-                              task.status === 'running' ? 'bg-sky-500/20' :
-                                task.status === 'failed' ? 'bg-rose-500/20' :
-                                  'bg-muted'
+                            task.status === 'running' ? 'bg-sky-500/20' :
+                              task.status === 'failed' ? 'bg-rose-500/20' :
+                                'bg-muted'
                             }`}>
                             {getStatusIcon(task.status)}
                           </div>
@@ -578,9 +578,9 @@ export default function ProjectDetail() {
                   <div className="flex items-center justify-between mb-4 pb-4 border-b border-border">
                     <div className="flex items-center space-x-3">
                       <div className={`w-10 h-10 rounded-lg flex items-center justify-center ${task.status === 'completed' ? 'bg-emerald-500/20' :
-                          task.status === 'running' ? 'bg-sky-500/20' :
-                            task.status === 'failed' ? 'bg-rose-500/20' :
-                              'bg-muted'
+                        task.status === 'running' ? 'bg-sky-500/20' :
+                          task.status === 'failed' ? 'bg-rose-500/20' :
+                            'bg-muted'
                         }`}>
                         {getStatusIcon(task.status)}
                       </div>
@@ -674,9 +674,9 @@ export default function ProjectDetail() {
                   <div className="flex items-start justify-between">
                     <div className="flex items-start space-x-3">
                       <div className={`w-8 h-8 rounded-lg flex items-center justify-center ${issue.severity === 'critical' ? 'bg-rose-500/20 text-rose-600 dark:text-rose-400' :
-                          issue.severity === 'high' ? 'bg-orange-500/20 text-orange-600 dark:text-orange-400' :
-                            issue.severity === 'medium' ? 'bg-amber-500/20 text-amber-600 dark:text-amber-400' :
-                              'bg-sky-500/20 text-sky-600 dark:text-sky-400'
+                        issue.severity === 'high' ? 'bg-orange-500/20 text-orange-600 dark:text-orange-400' :
+                          issue.severity === 'medium' ? 'bg-amber-500/20 text-amber-600 dark:text-amber-400' :
+                            'bg-sky-500/20 text-sky-600 dark:text-sky-400'
                         }`}>
                         <AlertTriangle className="w-4 h-4" />
                       </div>
@@ -779,10 +779,11 @@ export default function ProjectDetail() {
                           <SelectValue />
                         </SelectTrigger>
                         <SelectContent className="cyber-dialog border-border">
-                          <SelectItem value="github">GitHub</SelectItem>
-                          <SelectItem value="gitlab">GitLab</SelectItem>
-                          <SelectItem value="gitea">Gitea</SelectItem>
-                          <SelectItem value="other">其他</SelectItem>
+                          {REPOSITORY_PLATFORMS.map((platform) => (
+                            <SelectItem key={platform.value} value={platform.value}>
+                              {platform.label}
+                            </SelectItem>
+                          ))}
                         </SelectContent>
                       </Select>
                     </div>
diff --git a/frontend/src/pages/Projects.tsx b/frontend/src/pages/Projects.tsx
index 8ad4c30..4e3cb0c 100644
--- a/frontend/src/pages/Projects.tsx
+++ b/frontend/src/pages/Projects.tsx
@@ -44,7 +44,7 @@ import { Link } from "react-router-dom";
 import { toast } from "sonner";
 import CreateTaskDialog from "@/components/audit/CreateTaskDialog";
 import TerminalProgressDialog from "@/components/audit/TerminalProgressDialog";
-import { SUPPORTED_LANGUAGES } from "@/shared/constants";
+import { SUPPORTED_LANGUAGES, REPOSITORY_PLATFORMS } from "@/shared/constants";
 
 export default function Projects() {
   const [projects, setProjects] = useState<Project[]>([]);
@@ -485,10 +485,11 @@ export default function Projects() {
                         <SelectValue />
                       </SelectTrigger>
                       <SelectContent className="cyber-dialog border-border">
-                        <SelectItem value="github">GitHub</SelectItem>
-                        <SelectItem value="gitlab">GitLab</SelectItem>
-                        <SelectItem value="gitea">Gitea</SelectItem>
-                        <SelectItem value="other">其他</SelectItem>
+                        {REPOSITORY_PLATFORMS.map((platform) => (
+                          <SelectItem key={platform.value} value={platform.value}>
+                            {platform.label}
+                          </SelectItem>
+                        ))}
                       </SelectContent>
                     </Select>
                   </div>
@@ -1016,10 +1017,11 @@ export default function Projects() {
                         <SelectValue />
                       </SelectTrigger>
                       <SelectContent className="cyber-dialog border-border">
-                        <SelectItem value="github">GitHub</SelectItem>
-                        <SelectItem value="gitlab">GitLab</SelectItem>
-                        <SelectItem value="gitea">Gitea</SelectItem>
-                        <SelectItem value="other">其他</SelectItem>
+                        {REPOSITORY_PLATFORMS.map((platform) => (
+                          <SelectItem key={platform.value} value={platform.value}>
+                            {platform.label}
+                          </SelectItem>
+                        ))}
                       </SelectContent>
                     </Select>
                   </div>
diff --git a/frontend/src/shared/constants/index.ts b/frontend/src/shared/constants/index.ts
index 2f48818..401ecb2 100644
--- a/frontend/src/shared/constants/index.ts
+++ b/frontend/src/shared/constants/index.ts
@@ -62,13 +62,6 @@ export const PROJECT_SOURCE_TYPES = {
   ZIP: 'zip',
 } as const;
 
-// 仓库平台类型
-export const REPOSITORY_TYPES = {
-  GITHUB: 'github',
-  GITLAB: 'gitlab',
-  OTHER: 'other',
-} as const;
-
 // 分析深度
 export const ANALYSIS_DEPTH = {
   BASIC: 'basic',
diff --git a/frontend/src/shared/constants/projectTypes.ts b/frontend/src/shared/constants/projectTypes.ts
index 55e6d47..4e78e9b 100644
--- a/frontend/src/shared/constants/projectTypes.ts
+++ b/frontend/src/shared/constants/projectTypes.ts
@@ -22,17 +22,23 @@ export const PROJECT_SOURCE_TYPES: Array<{
     }
   ];
 
+// 仓库平台显示名称
+export const REPOSITORY_PLATFORM_LABELS: Record<RepositoryPlatform, string> = {
+  github: 'GitHub',
+  gitlab: 'GitLab',
+  gitea: 'Gitea',
+  other: '其他',
+};
+
 // 仓库平台选项
 export const REPOSITORY_PLATFORMS: Array<{
   value: RepositoryPlatform;
   label: string;
   icon?: string;
-}> = [
-    { value: 'github', label: 'GitHub' },
-    { value: 'gitlab', label: 'GitLab' },
-    { value: 'gitea', label: 'Gitea' },
-    { value: 'other', label: '其他' }
-  ];
+}> = Object.entries(REPOSITORY_PLATFORM_LABELS).map(([value, label]) => ({
+  value: value as RepositoryPlatform,
+  label
+}));
 
 // 项目来源类型的颜色配置
 export const SOURCE_TYPE_COLORS: Record<ProjectSourceType, {
diff --git a/frontend/src/shared/utils/projectUtils.ts b/frontend/src/shared/utils/projectUtils.ts
index 07bc437..df474f4 100644
--- a/frontend/src/shared/utils/projectUtils.ts
+++ b/frontend/src/shared/utils/projectUtils.ts
@@ -4,6 +4,7 @@
  */
 
 import type { Project, ProjectSourceType } from '@/shared/types';
+import { REPOSITORY_PLATFORM_LABELS } from '@/shared/constants/projectTypes';
 
 /**
  * 判断项目是否为仓库类型
@@ -45,13 +46,7 @@ export function getSourceTypeBadge(sourceType: ProjectSourceType): string {
  * 获取仓库平台的显示名称
  */
 export function getRepositoryPlatformLabel(platform?: string): string {
-  const labels: Record<string, string> = {
-    github: 'GitHub',
-    gitlab: 'GitLab',
-    gitea: 'Gitea',
-    other: '其他'
-  };
-  return labels[platform || 'other'] || '其他';
+  return REPOSITORY_PLATFORM_LABELS[platform as keyof typeof REPOSITORY_PLATFORM_LABELS] || REPOSITORY_PLATFORM_LABELS.other;
 }
 
 /**