DataMate/frontend/src/pages/RatioTask/ratio.const.tsx

import { formatDateTime } from "@/utils/unit";
import { RatioTaskItem, RatioStatus } from "./ratio.model";
import { BarChart3, Calendar, Database } from "lucide-react";
import { Link } from "react-router";

export const ratioTaskStatusMap: Record<
  string,
  {
    value: RatioStatus;
    label: string;
    color: string;
    icon?: React.ReactNode;
  }
> = {
  [RatioStatus.PENDING]: {
    value: RatioStatus.PENDING,
    label: "等待中",
    color: "gray",
  },
  [RatioStatus.RUNNING]: {
    value: RatioStatus.RUNNING,
    label: "运行中",
    color: "blue",
  },
  [RatioStatus.COMPLETED]: {
    value: RatioStatus.COMPLETED,
    label: "已完成",
    color: "green",
  },
  [RatioStatus.FAILED]: {
    value: RatioStatus.FAILED,
    label: "失败",
    color: "red",
  },
  [RatioStatus.PAUSED]: {
    value: RatioStatus.PAUSED,
    label: "已暂停",
    color: "orange",
  },
};

export function mapRatioTask(task: Partial<RatioTaskItem>): RatioTaskItem {
  return {
    ...task,
    status: ratioTaskStatusMap[task.status || RatioStatus.PENDING],
    createdAt: formatDateTime(task.created_at),
    updatedAt: formatDateTime(task.updated_at),
    description: task.description,
    icon: <BarChart3 />,
    iconColor: task.ratio_method === "DATASET" ? "bg-blue-100" : "bg-green-100",
    statistics: [
      {
        label: "目标数量",
        icon: <BarChart3 className="w-4 h-4 text-gray-500" />,
        value: (task.totals ?? 0).toLocaleString(),
      },
      {
        label: "目标数据集",
        icon: <Database className="w-4 h-4 text-gray-500" />,
        value: task.target_dataset_name ? (
          <Link to={`/data/management/detail/${task.target_dataset_id}`}>
            {task.target_dataset_name}
          </Link>
        ) : (
          "无"
        ),
      },
      {
        label: "创建时间",
        icon: <Calendar className="w-4 h-4 text-gray-500" />,
        value: task.created_at || "-",
      },
    ],
  };
}