fix: 修复部分成功展示

Author: hhhhsc701

frontend/src/pages/DataCleansing/Detail/TaskDetail.tsx

@@ -134,7 +134,7 @@ export default function CleansingTaskDetail() {
   ];
 
   const operations = [
-    ...(task?.status === TaskStatus.RUNNING
+    ...(task?.status?.value === TaskStatus.RUNNING
       ? [
           {
             key: "pause",
@@ -148,7 +148,7 @@ export default function CleansingTaskDetail() {
       ? [
           {
             key: "start",
-            label: t("dataCleansing.actions.retryTask"),
+            label: t("dataCleansing.actions.start"),
             icon: <Play className="w-4 h-4" />,
             onClick: startTask,
           },

frontend/src/pages/DataCleansing/Detail/components/OperatorTable.tsx

@@ -3,6 +3,7 @@ import {useNavigate} from "react-router";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/Card"
 import { GitBranch } from "lucide-react";
 import { useTranslation } from "react-i18next";
+import { TaskStatus } from "@/pages/DataCleansing/cleansing.model";
 
 export default function OperatorTable({ task }: { task: any }) {
   const navigate = useNavigate();
@@ -83,23 +84,27 @@ export default function OperatorTable({ task }: { task: any }) {
       dataIndex: "status",
       key: "status",
       filters: [
-        { text: t("dataCleansing.detail.operatorTable.completed"), value: t("dataCleansing.detail.operatorTable.completed") },
-        { text: t("dataCleansing.detail.operatorTable.failed"), value: t("dataCleansing.detail.operatorTable.failed") },
-        { text: t("dataCleansing.detail.operatorTable.running"), value: t("dataCleansing.detail.operatorTable.running") },
+        { text: t("dataCleansing.detail.operatorTable.completed"), value: "completed" },
+        { text: t("dataCleansing.detail.operatorTable.failed"), value: "failed" },
+        { text: t("dataCleansing.detail.operatorTable.running"), value: "running" },
+        { text: t("dataCleansing.detail.operatorTable.partialSuccess"), value: "partialSuccess" },
       ],
-      onFilter: (value: string, record: any) => record.status === value,
-      render: (status: string) => (
-        <Badge
-          status={
-            status === t("dataCleansing.detail.operatorTable.completed")
-              ? "success"
-              : status === t("dataCleansing.detail.operatorTable.running")
-              ? "processing"
-              : "error"
-          }
-          text={status}
-        />
-      ),
+      onFilter: (value: string, record: any) => record.statusValue === value,
+      render: (statusObj: { label: string; value: TaskStatus }) => {
+        let badgeStatus: "default" | "processing" | "success" | "error" | "warning" = "default";
+        
+        if (statusObj?.value === TaskStatus.COMPLETED) {
+          badgeStatus = "success";
+        } else if (statusObj?.value === TaskStatus.RUNNING) {
+          badgeStatus = "processing";
+        } else if (statusObj?.value === TaskStatus.PARTIAL_SUCCESS) {
+          badgeStatus = "warning";
+        } else if (statusObj?.value === TaskStatus.FAILED) {
+          badgeStatus = "error";
+        }
+        
+        return <Badge status={badgeStatus} text={statusObj?.label} />;
+      },
     },
   ]
 
@@ -114,7 +119,7 @@ export default function OperatorTable({ task }: { task: any }) {
             <CardDescription>{t("dataCleansing.detail.operatorTable.description")}</CardDescription>
           </CardHeader>
           <CardContent>
-            <Table
+             <Table
               columns={operatorColumns}
               dataSource={Object.values(task?.instance).map((item) => ({
                 id: item?.id,
@@ -124,7 +129,8 @@ export default function OperatorTable({ task }: { task: any }) {
                   ? new Date(task.finishedAt).toLocaleTimeString()
                   : '-',
                 duration: task.duration,
-                status: task.status.label,
+                status: task.status,
+                statusValue: task.status.value,
                 processedFiles: task.progress.finishedFileNum,
                 successRate: task?.progress.successRate,
               }))}

frontend/src/pages/DataCleansing/Home/components/TaskList.tsx

@@ -101,37 +101,32 @@ export default function TaskList() {
     const isRunning = record.status?.value === TaskStatus.RUNNING;
     const showStart = [
       TaskStatus.PENDING,
+      TaskStatus.PARTIAL_SUCCESS,
       TaskStatus.FAILED,
       TaskStatus.STOPPED,
     ].includes(record.status?.value);
-    const isComplete = record.status?.value === TaskStatus.COMPLETED;
     const pauseBtn = {
       key: "pause",
       label: t("dataCleansing.actions.pause"),
-      icon: isRunning ? <PauseCircleOutlined /> : <PlayCircleOutlined />,
-      onClick: pauseTask, // implement pause/play logic
+      icon: <PauseCircleOutlined />,
+      onClick: pauseTask,
     };
 
     const startBtn = {
       key: "start",
       label: t("dataCleansing.actions.start"),
-      icon: isRunning ? <PauseCircleOutlined /> : <PlayCircleOutlined />,
-      disabled: isComplete,
-      onClick: startTask, // implement pause/play logic
+      icon: <PlayCircleOutlined />,
+      onClick: startTask,
     };
     return [
-      ...(isRunning
-        ? [ pauseBtn ]
-        : []),
-      ...(showStart || isComplete
-        ? [ startBtn ]
-        : []),
+      ...(isRunning ? [pauseBtn] : []),
+      ...(showStart ? [startBtn] : []),
       {
         key: "delete",
         label: t("dataCleansing.actions.delete"),
         danger: true,
         icon: <DeleteOutlined />,
-        onClick: deleteTask, // implement delete logic
+        onClick: deleteTask,
       },
     ];
   };

frontend/src/pages/DataCleansing/cleansing.const.tsx

@@ -8,53 +8,40 @@ import {
   formatDateTime,
   formatExecutionDuration,
 } from "@/utils/unit";
-import {
-  ClockCircleOutlined,
-  PlayCircleOutlined,
-  CheckCircleOutlined,
-  AlertOutlined,
-  PauseCircleOutlined,
-  WarningOutlined,
-} from "@ant-design/icons";
+
 import { BrushCleaning, Layout } from "lucide-react";
 
 export function getTaskStatusMap(t: (key: string) => string) {
   return {
     [TaskStatus.PENDING]: {
       label: t("dataCleansing.status.pending"),
       value: TaskStatus.PENDING,
-      color: "gray",
-      icon: <ClockCircleOutlined />,
+      color: "default",
     },
     [TaskStatus.RUNNING]: {
       label: t("dataCleansing.status.running"),
       value: TaskStatus.RUNNING,
-      color: "blue",
-      icon: <PlayCircleOutlined />,
+      color: "processing",
     },
     [TaskStatus.COMPLETED]: {
       label: t("dataCleansing.status.completed"),
       value: TaskStatus.COMPLETED,
-      color: "green",
-      icon: <CheckCircleOutlined />,
+      color: "success",
     },
     [TaskStatus.PARTIAL_SUCCESS]: {
       label: t("dataCleansing.status.partialSuccess"),
       value: TaskStatus.PARTIAL_SUCCESS,
-      color: "yellow",
-      icon: <WarningOutlined />,
+      color: "warning",
     },
     [TaskStatus.FAILED]: {
       label: t("dataCleansing.status.failed"),
       value: TaskStatus.FAILED,
-      color: "red",
-      icon: <AlertOutlined />,
+      color: "error",
     },
     [TaskStatus.STOPPED]: {
       label: t("dataCleansing.status.stopped"),
       value: TaskStatus.STOPPED,
-      color: "orange",
-      icon: <PauseCircleOutlined />,
+      color: "default",
     },
   };
 }