ModelEngine-Group
diff --git a/‎frontend/src/components/CardView.tsx‎
Lines changed: 3 additions & 1 deletion b/‎frontend/src/components/CardView.tsx‎
Lines changed: 3 additions & 1 deletion
diff --git a/‎frontend/src/mock/mock-apis.cjs‎
Lines changed: 11 additions & 0 deletions b/‎frontend/src/mock/mock-apis.cjs‎
Lines changed: 11 additions & 0 deletions
diff --git a/‎frontend/src/mock/mock-seed/data-cleansing.cjs‎
Lines changed: 0 additions & 1 deletion b/‎frontend/src/mock/mock-seed/data-cleansing.cjs‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎frontend/src/mock/mock-seed/data-ratio.cjs‎
Lines changed: 220 additions & 0 deletions b/‎frontend/src/mock/mock-seed/data-ratio.cjs‎
Lines changed: 220 additions & 0 deletions
diff --git a/‎frontend/src/pages/Layout/Sidebar.tsx‎
Lines changed: 16 additions & 10 deletions b/‎frontend/src/pages/Layout/Sidebar.tsx‎
Lines changed: 16 additions & 10 deletions
@@ -209,7 +209,9 @@ function CardView<T extends BaseCardDataType>(props: CardViewProps<T>) {
                         {item?.status && (
                           <Tag color={item?.status?.color}>
                             <div className="flex items-center gap-2 text-xs py-0.5">
-                              <span>{item?.status?.icon}</span>
+                              {item?.status?.icon && (
+                                <span>{item?.status?.icon}</span>
+                              )}
                               <span>{item?.status?.label}</span>
                             </div>
                           </Tag>
 
@@ -92,6 +92,17 @@ const MockAPI = {
   deleteInstructionTemplateByIdUsingDelete: "/synthesis/templates/:templateId", // 删除指令模板
   instructionTuningUsingPost: "/synthesis/instruction-tuning", // 指令微调
   cotDistillationUsingPost: "/synthesis/cot-distillation", // Cot蒸馏
+  
+  // 数据配比接口
+  createRatioTaskUsingPost: "/synthesis/ratio-task", // 创建配比任务
+  queryRatioTasksUsingGet: "/synthesis/ratio-task", // 获取配比任务列表
+  queryRatioTaskByIdUsingGet: "/synthesis/ratio-task/:taskId", // 根据ID获取配比任务详情
+  deleteRatioTaskByIdUsingDelete: "/synthesis/ratio-task/:taskId", // 删除配比任务
+  updateRatioTaskByIdUsingPut: "/synthesis/ratio-task/:taskId", // 更新配比任务
+  executeRatioTaskByIdUsingPost: "/synthesis/ratio-task/:taskId/execute", // 执行配比任务
+  stopRatioTaskByIdUsingPost: "/synthesis/ratio-task/:taskId/stop", // 停止配比任务
+  queryRatioJobStatusUsingGet: "/synthesis/ratio-task/:taskId/status", // 获取配比任务状态
+  queryRatioModelsUsingGet: "/synthesis/ratio-models", // 获取配比模型列表
 
   // 数据评测接口
   queryEvaluationTasksUsingPost: "/evaluation/tasks", // 获取评测任务列表
 
@@ -443,7 +443,6 @@ module.exports = function (router) {
     const { id } = req.params;
     const operator = operatorList.find((op) => op.id === id);
     console.log("获取算子详情：", id, operator);
-
     if (operator) {
       // 增加浏览次数模拟
       operator.viewCount = (operator.viewCount || 0) + 1;
 
@@ -0,0 +1,220 @@
+
+const Mock = require("mockjs");
+const API = require("../mock-apis.cjs");
+
+function ratioJobItem() {
+	return {
+		id: Mock.Random.guid().replace(/[^a-zA-Z0-9]/g, ""),
+		name: Mock.Random.ctitle(5, 15),
+		description: Mock.Random.csentence(10, 30),
+		status: Mock.Random.pick(["PENDING", "RUNNING", "COMPLETED", "FAILED", "PAUSED"]),
+		totals: Mock.Random.integer(1000, 10000),
+		ratio_method: Mock.Random.pick(["DATASET", "TAG"]),
+		target_dataset_id: Mock.Random.guid().replace(/[^a-zA-Z0-9]/g, ""),
+		target_dataset_name: Mock.Random.ctitle(3, 8),
+		config: [
+			{
+				datasetId: Mock.Random.guid().replace(/[^a-zA-Z0-9]/g, ""),
+				counts: Mock.Random.integer(100, 1000).toString(),
+				filter_conditions: "",
+			},
+			{
+				datasetId: Mock.Random.guid().replace(/[^a-zA-Z0-9]/g, ""),
+				counts: Mock.Random.integer(100, 1000).toString(),
+				filter_conditions: "",
+			},
+		],
+		created_at: Mock.Random.datetime("yyyy-MM-dd HH:mm:ss"),
+		updated_at: Mock.Random.datetime("yyyy-MM-dd HH:mm:ss"),
+	};
+}
+
+const ratioJobList = new Array(20).fill(null).map(ratioJobItem);
+
+
+module.exports = function (router) {
+	// 获取配比任务列表
+	router.get(API.queryRatioTasksUsingGet, (req, res) => {
+		const { page = 0, size = 10, status } = req.query;
+		let filteredJobs = ratioJobList;
+		if (status) {
+			filteredJobs = ratioJobList.filter((job) => job.status === status);
+		}
+		const startIndex = page * size;
+		const endIndex = startIndex + parseInt(size);
+		const pageData = filteredJobs.slice(startIndex, endIndex);
+		res.send({
+			code: "0",
+			msg: "Success",
+			data: {
+				content: pageData,
+				totalElements: filteredJobs.length,
+				totalPages: Math.ceil(filteredJobs.length / size),
+				size: parseInt(size),
+				number: parseInt(page),
+			},
+		});
+	});
+
+	// 创建配比任务
+	router.post(API.createRatioTaskUsingPost, (req, res) => {
+		const newJob = {
+			...ratioJobItem(),
+			...req.body,
+			id: Mock.Random.guid().replace(/[^a-zA-Z0-9]/g, ""),
+			status: "PENDING",
+			createdAt: new Date().toISOString(),
+		};
+		ratioJobList.push(newJob);
+		res.status(201).send({
+			code: "0",
+			msg: "Ratio job created successfully",
+			data: newJob,
+		});
+	});
+
+	// 获取配比任务详情
+	router.get(API.queryRatioTaskByIdUsingGet, (req, res) => {
+		const { taskId } = req.params;
+		const job = ratioJobList.find((j) => j.id === taskId);
+		if (job) {
+			res.send({
+				code: "0",
+				msg: "Success",
+				data: job,
+			});
+		} else {
+			res.status(404).send({
+				code: "1",
+				msg: "Ratio job not found",
+				data: null,
+			});
+		}
+	});
+
+	// 删除配比任务
+	router.delete(API.deleteRatioTaskByIdUsingDelete, (req, res) => {
+		const { taskId } = req.params;
+		const index = ratioJobList.findIndex((j) => j.id === taskId);
+		if (index !== -1) {
+			ratioJobList.splice(index, 1);
+			res.send({
+				code: "0",
+				msg: "Ratio job deleted successfully",
+				data: null,
+			});
+		} else {
+			res.status(404).send({
+				code: "1",
+				msg: "Ratio job not found",
+				data: null,
+			});
+		}
+	});
+
+	// 更新配比任务
+	router.put(API.updateRatioTaskByIdUsingPut, (req, res) => {
+		const { taskId } = req.params;
+		const index = ratioJobList.findIndex((j) => j.id === taskId);
+		if (index !== -1) {
+			ratioJobList[index] = {
+				...ratioJobList[index],
+				...req.body,
+				updatedAt: new Date().toISOString(),
+			};
+			res.send({
+				code: "0",
+				msg: "Ratio job updated successfully",
+				data: ratioJobList[index],
+			});
+		} else {
+			res.status(404).send({
+				code: "1",
+				msg: "Ratio job not found",
+				data: null,
+			});
+		}
+	});
+
+	// 执行配比任务
+	router.post(API.executeRatioTaskByIdUsingPost, (req, res) => {
+		const { taskId } = req.params;
+		const job = ratioJobList.find((j) => j.id === taskId);
+		if (job) {
+			job.status = "RUNNING";
+			job.startedAt = new Date().toISOString();
+			res.send({
+				code: "0",
+				msg: "Ratio job execution started",
+				data: {
+					executionId: Mock.Random.guid().replace(/[^a-zA-Z0-9]/g, ""),
+					status: "RUNNING",
+					message: "Job execution started successfully",
+				},
+			});
+		} else {
+			res.status(404).send({
+				code: "1",
+				msg: "Ratio job not found",
+				data: null,
+			});
+		}
+	});
+
+	// 停止配比任务
+	router.post(API.stopRatioTaskByIdUsingPost, (req, res) => {
+		const { taskId } = req.params;
+		const job = ratioJobList.find((j) => j.id === taskId);
+		if (job) {
+			job.status = "STOPPED";
+			job.finishedAt = new Date().toISOString();
+			res.send({
+				code: "0",
+				msg: "Ratio job stopped successfully",
+				data: null,
+			});
+		} else {
+			res.status(404).send({
+				code: "1",
+				msg: "Ratio job not found",
+				data: null,
+			});
+		}
+	});
+
+	// 获取配比任务状态
+	router.get(API.queryRatioJobStatusUsingGet, (req, res) => {
+		const { taskId } = req.params;
+		const job = ratioJobList.find((j) => j.id === taskId);
+		if (job) {
+			res.send({
+				code: "0",
+				msg: "Success",
+				data: {
+					status: job.status,
+					progress: job.progress,
+				},
+			});
+		} else {
+			res.status(404).send({
+				code: "1",
+				msg: "Ratio job not found",
+				data: null,
+			});
+		}
+	});
+
+	// 获取配比模型列表
+	router.get(API.queryRatioModelsUsingGet, (req, res) => {
+		const models = [
+			{ id: "model1", name: "均匀分配模型", description: "将目标数量均匀分配到各数据集。" },
+			{ id: "model2", name: "标签优先模型", description: "优先满足标签配比需求。" },
+			{ id: "model3", name: "自定义模型", description: "支持自定义分配逻辑。" },
+		];
+		res.send({
+			code: "0",
+			msg: "Success",
+			data: models,
+		});
+	});
+};
@@ -1,5 +1,5 @@
 import { memo, useEffect, useState } from "react";
-import { Button, Menu, Popover } from "antd";
+import { Button, Drawer, Menu, Popover } from "antd";
 import {
   CloseOutlined,
   MenuOutlined,
@@ -9,13 +9,15 @@ import { ClipboardList, Sparkles, X } from "lucide-react";
 import { menuItems } from "@/pages/Layout/menu";
 import { NavLink, useLocation, useNavigate } from "react-router";
 import TaskUpload from "./TaskUpload";
+import SettingsPage from "../SettingsPage/SettingsPage";
 
 const AsiderAndHeaderLayout = () => {
   const { pathname } = useLocation();
   const navigate = useNavigate();
   const [activeItem, setActiveItem] = useState<string>("");
   const [sidebarOpen, setSidebarOpen] = useState(true);
   const [taskCenterVisible, setTaskCenterVisible] = useState(false);
+  const [settingVisible, setSettingVisible] = useState(false);
 
   // Initialize active item based on current pathname
   const initActiveItem = () => {
@@ -137,11 +139,8 @@ const AsiderAndHeaderLayout = () => {
             </Popover>
             <Button
               block
-              color={pathname === "/data/settings" ? "primary" : "default"}
-              variant={pathname === "/data/settings" ? "filled" : "outlined"}
               onClick={() => {
-                setActiveItem("");
-                navigate("/data/settings");
+                setSettingVisible(true);
               }}
             >
               设置
@@ -167,19 +166,26 @@ const AsiderAndHeaderLayout = () => {
             </div>
             <Button
               block
-              color={pathname === "/data/settings" ? "primary" : "default"}
-              variant={pathname === "/data/settings" ? "filled" : "outlined"}
               onClick={() => {
-                setActiveItem("");
-                navigate("/data/settings");
+                setSettingVisible(true);
               }}
             >
               <SettingOutlined />
             </Button>
           </div>
         )}
       </div>
-
+      <Drawer
+        title="设置"
+        placement="bottom"
+        width="100%"
+        height="100%"
+        open={settingVisible}
+        onClose={() => setSettingVisible(false)}
+        bodyStyle={{ padding: 0 }}
+      >
+        <SettingsPage></SettingsPage>
+      </Drawer>
       {/* 添加遮罩层，点击外部区域时关闭 */}
       {taskCenterVisible && (
         <div