feature: add data-evaluation

* feature: add evaluation task management function * feature: add evaluation task detail page * fix: delete duplicate definition for table t_model_config * refactor: rename package synthesis to ratio * refactor: add eval file table and refactor related code * fix: calling large models in parallel during evaluation
2025-12-04 09:23:54 +08:00
parent 265e284fb8
commit 1d19cd3a62
52 changed files with 2882 additions and 1244 deletions
--- a/frontend/src/pages/DataEvaluation/Detail/components/Overview.tsx
+++ b/frontend/src/pages/DataEvaluation/Detail/components/Overview.tsx
@@ -0,0 +1,122 @@
+import { useState } from 'react';
+import { Descriptions, Empty, DescriptionsProps, Table, Button, message } from 'antd';
+import { CheckCircle, XCircle, Clock as ClockIcon } from 'lucide-react';
+import { EyeOutlined } from '@ant-design/icons';
+import { EvaluationStatus } from '../../evaluation.model';
+import PreviewPromptModal from "@/pages/DataEvaluation/Create/PreviewPrompt.tsx";
+
+const statusMap = {
+  [EvaluationStatus.PENDING]: { color: 'blue', text: '待处理', icon: <ClockIcon className="mr-1" size={14} /> },
+  [EvaluationStatus.RUNNING]: { color: 'processing', text: '进行中', icon: <ClockIcon className="mr-1" size={14} /> },
+  [EvaluationStatus.COMPLETED]: { color: 'success', text: '已完成', icon: <CheckCircle className="mr-1" size={14} /> },
+  [EvaluationStatus.FAILED]: { color: 'error', text: '失败', icon: <XCircle className="mr-1" size={14} /> },
+  [EvaluationStatus.PAUSED]: { color: 'warning', text: '已暂停', icon: <ClockIcon className="mr-1" size={14} /> },
+};
+
+const Overview = ({ task }) => {
+  const [previewVisible, setPreviewVisible] = useState(false);
+  if (!task) {
+    return <Empty description="未找到评估任务信息" />;
+  }
+
+  const generateEvaluationPrompt = () => {
+    setPreviewVisible(true);
+  };
+
+  const statusInfo = statusMap[task.status] || { color: 'default', text: '未知状态' };
+
+  // 基本信息
+  const items: DescriptionsProps["items"] = [
+    {
+      key: "id",
+      label: "ID",
+      children: task.id,
+    },
+    {
+      key: "name",
+      label: "名称",
+      children: task.name,
+    },
+    {
+      key: "status",
+      label: "状态",
+      children: statusInfo.text || "未知",
+    },
+    {
+      key: "createdBy",
+      label: "创建者",
+      children: task.createdBy || "未知",
+    },
+    {
+      key: "createdAt",
+      label: "创建时间",
+      children: task.createdAt,
+    },
+    {
+      key: "updatedAt",
+      label: "更新时间",
+      children: task.updatedAt,
+    },
+    {
+      key: "description",
+      label: "描述",
+      children: task.description || "无",
+    },
+  ];
+
+  const columns = [
+    {
+      title: '维度',
+      dataIndex: 'dimension',
+      key: 'dimension',
+      width: '30%',
+    },
+    {
+      title: '描述',
+      dataIndex: 'description',
+      key: 'description',
+      width: '60%',
+    },
+  ];
+
+  return (
+    <>
+      <div className=" flex flex-col gap-4">
+        {/* 基本信息 */}
+        <Descriptions
+          title="基本信息"
+          layout="vertical"
+          size="small"
+          items={items}
+          column={5}
+        />
+        <h2 className="text-base font-semibold mt-8">评估维度</h2>
+        <div className="overflow-x-auto">
+          <Table
+            size="middle"
+            rowKey="id"
+            columns={columns}
+            dataSource={task?.evalConfig?.dimensions}
+            scroll={{ x: "max-content", y: 600 }}
+          />
+        </div>
+        <div className="flex items-center gap-2 p-3 bg-blue-50 rounded-lg border border-blue-200">
+          <Button
+            type="link"
+            icon={<EyeOutlined />}
+            onClick={generateEvaluationPrompt}
+          >
+            查看评估提示词
+          </Button>
+        </div>
+        <PreviewPromptModal
+          previewVisible={previewVisible}
+          onCancel={() => setPreviewVisible(false)}
+          evaluationPrompt={task?.evalPrompt}
+        />
+      </div>
+    </>
+  );
+};
+
+export default Overview;