From 9c19de5d7392dc607ff1325d1d578744d2013bc3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E4=BC=9F?= <cp3hnu@gmail.com>
Date: Sun, 15 Mar 2026 10:23:51 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=AE=9E=E9=AA=8C?=
 =?UTF-8?q?=E5=AF=B9=E6=AF=94=E7=82=B9=E5=87=BB=E9=9D=A2=E5=8C=85=E5=B1=91?=
 =?UTF-8?q?=E6=8A=A5=E9=94=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 react-ui/config/routes.ts                           |  4 ++--
 react-ui/src/pages/Experiment/Comparison/config.tsx |  4 ++--
 react-ui/src/pages/Experiment/Comparison/index.tsx  | 13 ++++++-------
 react-ui/src/pages/Experiment/index.jsx             |  4 ++--
 react-ui/src/utils/downloadfile.ts                  |  2 ++
 5 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/react-ui/config/routes.ts b/react-ui/config/routes.ts
index 73e61f4f..7a6ed65d 100644
--- a/react-ui/config/routes.ts
+++ b/react-ui/config/routes.ts
@@ -163,7 +163,7 @@ export default [
           },
           {
             name: '实验对比',
-            path: 'compare',
+            path: 'compare/:id/:type',
             routes: [
               {
                 name: '实验对比',
@@ -888,7 +888,7 @@ export default [
                     },
                     {
                       name: '实验对比',
-                      path: 'compare',
+                      path: 'compare/:id/:type',
                       routes: [
                         {
                           name: '实验对比',
diff --git a/react-ui/src/pages/Experiment/Comparison/config.tsx b/react-ui/src/pages/Experiment/Comparison/config.tsx
index c6c53971..0bc19cc5 100644
--- a/react-ui/src/pages/Experiment/Comparison/config.tsx
+++ b/react-ui/src/pages/Experiment/Comparison/config.tsx
@@ -1,6 +1,6 @@
 export enum ComparisonType {
-  Train = 'Train', // 训练
-  Evaluate = 'Evaluate', // 评估
+  Train = 'train', // 训练
+  Evaluate = 'evaluate', // 评估
 }
 
 type ComparisonTypeInfo = {
diff --git a/react-ui/src/pages/Experiment/Comparison/index.tsx b/react-ui/src/pages/Experiment/Comparison/index.tsx
index 607b8a92..66752100 100644
--- a/react-ui/src/pages/Experiment/Comparison/index.tsx
+++ b/react-ui/src/pages/Experiment/Comparison/index.tsx
@@ -14,7 +14,7 @@ import { tableSorter } from '@/utils';
 import { to } from '@/utils/promise';
 import SessionStorage from '@/utils/sessionStorage';
 import tableCellRender, { TableCellValueType } from '@/utils/table';
-import { useNavigate, useSearchParams } from '@umijs/max';
+import { useNavigate, useParams } from '@umijs/max';
 import { App, Button, Table, TablePaginationConfig, TableProps } from 'antd';
 import classNames from 'classnames';
 import { useEffect, useMemo, useState } from 'react';
@@ -35,9 +35,8 @@ type TableData = {
 };
 
 function ExperimentComparison() {
-  const [searchParams] = useSearchParams();
-  const comparisonType = searchParams.get('type') as ComparisonType;
-  const experimentId = searchParams.get('id');
+  const { type, id: experimentId } = useParams();
+  const comparisonType = type as ComparisonType;
   const [tableData, setTableData] = useState<TableData[]>([]);
   const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
   const [total, setTotal] = useState(0);
@@ -152,7 +151,7 @@ function ExperimentComparison() {
             render: ExperimentStatusCell,
           },
           {
-            title: `${config.title}数据集`,
+            title: `${config?.title ?? ''}数据集`,
             dataIndex: 'dataset',
             key: 'dataset',
             width: 180,
@@ -163,7 +162,7 @@ function ExperimentComparison() {
         ],
       },
       {
-        title: `${config.title}参数`,
+        title: `${config?.title ?? ''}参数`,
         align: 'center',
         children: paramsNames.map((name) => ({
           title: <TableColTitle title={name} />,
@@ -177,7 +176,7 @@ function ExperimentComparison() {
         })),
       },
       {
-        title: `${config.title}指标`,
+        title: `${config?.title ?? ''}指标`,
         align: 'center',
         children: metricsNames.map((name) => ({
           title: <TableColTitle title={name} />,
diff --git a/react-ui/src/pages/Experiment/index.jsx b/react-ui/src/pages/Experiment/index.jsx
index 34c5907d..2894b1b4 100644
--- a/react-ui/src/pages/Experiment/index.jsx
+++ b/react-ui/src/pages/Experiment/index.jsx
@@ -468,8 +468,8 @@ function Experiment() {
           key: ComparisonType.Evaluate,
         },
       ],
-      onClick: ({ key }) => {
-        navigateToUrl(`/pipeline/experiment/compare?type=${key}&id=${experimentId}`);
+      onClick: ({ key: type }) => {
+        navigateToUrl(`/pipeline/experiment/compare/${experimentId}/${type}`);
       },
     };
   };
diff --git a/react-ui/src/utils/downloadfile.ts b/react-ui/src/utils/downloadfile.ts
index 4625d677..f8a2cb67 100644
--- a/react-ui/src/utils/downloadfile.ts
+++ b/react-ui/src/utils/downloadfile.ts
@@ -209,12 +209,14 @@ export async function downloadFileWithChunks(
     maxConcurrent: 6,
     onProgress: onProgress,
     onComplete: (blob) => {
+      message.destroy();
       message.success('下载成功');
       onComplete?.();
       saveFile(blob, filename ?? 'file');
     },
     onError: (error) => {
       onError?.();
+      message.destroy();
       message.error(error.message ?? '下载失败');
     },
   });