From f17e82a3cc8dc3aa30d9b37b61eaafac80eaa3f4 Mon Sep 17 00:00:00 2001
From: chenghh-9609 <1159096025@qq.com>
Date: Wed, 22 Oct 2025 15:19:24 +0800
Subject: [PATCH] feat: add showTime prop to DevelopmentInProgress component
 across multiple pages

---
 .../src/components/DevelopmentInProgress.tsx  | 13 ++---
 .../DataAnnotation/Home/DataAnnotation.tsx    |  2 +-
 .../DataCollection/Create/CreateTask.tsx      |  2 +-
 .../DataCollection/Home/DataCollection.tsx    |  2 +-
 .../DataEvaluation/Home/DataEvaluation.tsx    |  4 +-
 .../Create/KnowledgeBaseCreate.tsx            |  2 +-
 .../FileDetail/KnowledgeBaseFileDetail.tsx    | 24 +++------
 .../Home/KnowledgeGeneration.tsx              |  2 +-
 .../src/pages/RatioTask/CreateRatioTask.tsx   |  4 +-
 frontend/src/pages/RatioTask/RatioTask.tsx    |  2 +-
 .../src/pages/SynthesisTask/CreateTask.tsx    |  2 +-
 .../pages/SynthesisTask/CreateTemplate.tsx    | 49 +++++++++++--------
 .../src/pages/SynthesisTask/DataSynthesis.tsx |  4 +-
 13 files changed, 55 insertions(+), 57 deletions(-)

diff --git a/frontend/src/components/DevelopmentInProgress.tsx b/frontend/src/components/DevelopmentInProgress.tsx
index 6b9a8c4..a0a01d8 100644
--- a/frontend/src/components/DevelopmentInProgress.tsx
+++ b/frontend/src/components/DevelopmentInProgress.tsx
@@ -1,14 +1,15 @@
 import { Button } from "antd";
-
-const DevelopmentInProgress = ({ showHome = true }) => {
+const DevelopmentInProgress = ({ showHome = true, showTime = "" }) => {
   return (
     <div className="mt-40 flex flex-col items-center justify-center">
       <div className="hero-icon">🚧</div>
       <h1 className="text-2xl font-bold">功能开发中</h1>
-      <p className="mt-4">
-        为了给您带来更好的体验，我们计划<b>2025.10.30</b>
-        开放此功能
-      </p>
+      {showTime && (
+        <p className="mt-4">
+          为了给您带来更好的体验，我们计划<b>{showTime}</b>
+          开放此功能
+        </p>
+      )}
       {showHome && (
         <Button
           type="primary"
diff --git a/frontend/src/pages/DataAnnotation/Home/DataAnnotation.tsx b/frontend/src/pages/DataAnnotation/Home/DataAnnotation.tsx
index bc55b8d..cc4d9e5 100644
--- a/frontend/src/pages/DataAnnotation/Home/DataAnnotation.tsx
+++ b/frontend/src/pages/DataAnnotation/Home/DataAnnotation.tsx
@@ -22,7 +22,7 @@ import { ColumnType } from "antd/es/table";
 import DevelopmentInProgress from "@/components/DevelopmentInProgress";
 
 export default function DataAnnotation() {
-  return <DevelopmentInProgress />;
+  return <DevelopmentInProgress showTime="2025.10.30" />;
   const navigate = useNavigate();
   const [viewMode, setViewMode] = useState<"list" | "card">("list");
   const [showCreateDialog, setShowCreateDialog] = useState(false);
diff --git a/frontend/src/pages/DataCollection/Create/CreateTask.tsx b/frontend/src/pages/DataCollection/Create/CreateTask.tsx
index 0b6c357..2a1135b 100644
--- a/frontend/src/pages/DataCollection/Create/CreateTask.tsx
+++ b/frontend/src/pages/DataCollection/Create/CreateTask.tsx
@@ -59,7 +59,7 @@ const defaultTemplates = [
 ];
 
 export default function CollectionTaskCreate() {
-  return <DevelopmentInProgress />;
+  return <DevelopmentInProgress showTime="2025.10.30" />;
 
   const navigate = useNavigate();
   const [form] = Form.useForm();
diff --git a/frontend/src/pages/DataCollection/Home/DataCollection.tsx b/frontend/src/pages/DataCollection/Home/DataCollection.tsx
index 88dbe3f..8cdd66a 100644
--- a/frontend/src/pages/DataCollection/Home/DataCollection.tsx
+++ b/frontend/src/pages/DataCollection/Home/DataCollection.tsx
@@ -10,7 +10,7 @@ export default function DataCollection() {
   const navigate = useNavigate();
   const [activeTab, setActiveTab] = useState("task-management");
 
-  return <DevelopmentInProgress />;
+  return <DevelopmentInProgress showTime="2025.10.30" />;
 
   return (
     <div>
diff --git a/frontend/src/pages/DataEvaluation/Home/DataEvaluation.tsx b/frontend/src/pages/DataEvaluation/Home/DataEvaluation.tsx
index 87e09b1..d589b37 100644
--- a/frontend/src/pages/DataEvaluation/Home/DataEvaluation.tsx
+++ b/frontend/src/pages/DataEvaluation/Home/DataEvaluation.tsx
@@ -180,9 +180,7 @@ export default function DataEvaluationPage() {
     setTasks(tasks.filter((task) => task.id !== taskId));
   };
 
-  return (
-    <DevelopmentInProgress />
-  );
+  return <DevelopmentInProgress showTime="2025.11.30" />;
   // 主列表界面
   return (
     <div>
diff --git a/frontend/src/pages/KnowledgeGeneration/Create/KnowledgeBaseCreate.tsx b/frontend/src/pages/KnowledgeGeneration/Create/KnowledgeBaseCreate.tsx
index c6a6427..ff33f78 100644
--- a/frontend/src/pages/KnowledgeGeneration/Create/KnowledgeBaseCreate.tsx
+++ b/frontend/src/pages/KnowledgeGeneration/Create/KnowledgeBaseCreate.tsx
@@ -37,7 +37,7 @@ const { TextArea } = Input;
 const { Option } = Select;
 
 const KnowledgeBaseCreatePage: React.FC = () => {
-  return <DevelopmentInProgress />;
+  return <DevelopmentInProgress showTime="2025.10.30" />;
   const navigate = useNavigate();
   const [form] = Form.useForm();
   const [knowledgeBases, setKnowledgeBases] =
diff --git a/frontend/src/pages/KnowledgeGeneration/FileDetail/KnowledgeBaseFileDetail.tsx b/frontend/src/pages/KnowledgeGeneration/FileDetail/KnowledgeBaseFileDetail.tsx
index 6a3327c..d97b4a6 100644
--- a/frontend/src/pages/KnowledgeGeneration/FileDetail/KnowledgeBaseFileDetail.tsx
+++ b/frontend/src/pages/KnowledgeGeneration/FileDetail/KnowledgeBaseFileDetail.tsx
@@ -11,22 +11,12 @@ import {
   FileText,
   Download,
 } from "lucide-react";
-import {
-  Card,
-  Button,
-  Badge,
-  Input,
-  Tabs,
-  Modal,
-  Breadcrumb,
-  Tag,
-} from "antd";
-import {
-  mockChunks,
-  mockQAPairs,
-  sliceOperators,
-} from "@/mock/knowledgeBase";
-import type { KnowledgeBase, KBFile } from "@/pages/KnowledgeGeneration/knowledge-base.model";
+import { Card, Button, Badge, Input, Tabs, Modal, Breadcrumb, Tag } from "antd";
+import { mockChunks, mockQAPairs, sliceOperators } from "@/mock/knowledgeBase";
+import type {
+  KnowledgeBase,
+  KBFile,
+} from "@/pages/KnowledgeGeneration/knowledge-base.model";
 import { Link, useNavigate } from "react-router";
 import DetailHeader from "@/components/DetailHeader";
 import DevelopmentInProgress from "@/components/DevelopmentInProgress";
@@ -59,7 +49,7 @@ const getStatusColor = (status: string) => {
 };
 
 const KnowledgeBaseFileDetail: React.FC = () => {
-  return <DevelopmentInProgress />;
+  return <DevelopmentInProgress showTime="2025.10.30" />;
   const navigate = useNavigate();
   // 假设通过 props 或路由参数获取 selectedFile/selectedKB
   const [selectedFile] = useState<KBFile>(
diff --git a/frontend/src/pages/KnowledgeGeneration/Home/KnowledgeGeneration.tsx b/frontend/src/pages/KnowledgeGeneration/Home/KnowledgeGeneration.tsx
index bb9d9d4..c2548b1 100644
--- a/frontend/src/pages/KnowledgeGeneration/Home/KnowledgeGeneration.tsx
+++ b/frontend/src/pages/KnowledgeGeneration/Home/KnowledgeGeneration.tsx
@@ -20,7 +20,7 @@ import CardView from "@/components/CardView";
 import DevelopmentInProgress from "@/components/DevelopmentInProgress";
 
 export default function KnowledgeGenerationPage() {
-  return <DevelopmentInProgress />;
+  return <DevelopmentInProgress showTime="2025.10.30" />;
   const navigate = useNavigate();
   const [knowledgeBases, setKnowledgeBases] =
     useState<KnowledgeBase[]>(mockKnowledgeBases);
diff --git a/frontend/src/pages/RatioTask/CreateRatioTask.tsx b/frontend/src/pages/RatioTask/CreateRatioTask.tsx
index fe9a13b..4353e95 100644
--- a/frontend/src/pages/RatioTask/CreateRatioTask.tsx
+++ b/frontend/src/pages/RatioTask/CreateRatioTask.tsx
@@ -31,8 +31,8 @@ const { TextArea } = Input;
 const { Option } = Select;
 
 export default function CreateRatioTask() {
-  return <DevelopmentInProgress />;
-  
+  return <DevelopmentInProgress showTime="2025.11.30" />;
+
   const navigate = useNavigate();
   const [form] = Form.useForm();
   // 配比任务相关状态
diff --git a/frontend/src/pages/RatioTask/RatioTask.tsx b/frontend/src/pages/RatioTask/RatioTask.tsx
index 03a9e8f..c5e1231 100644
--- a/frontend/src/pages/RatioTask/RatioTask.tsx
+++ b/frontend/src/pages/RatioTask/RatioTask.tsx
@@ -28,7 +28,7 @@ import { SearchControls } from "@/components/SearchControls";
 import DevelopmentInProgress from "@/components/DevelopmentInProgress";
 
 export default function RatioTasksPage() {
-  return <DevelopmentInProgress />;
+  return <DevelopmentInProgress showTime="2025.11.30" />;
   const navigate = useNavigate();
   const [searchQuery, setSearchQuery] = useState("");
   const [filterStatus, setFilterStatus] = useState("all");
diff --git a/frontend/src/pages/SynthesisTask/CreateTask.tsx b/frontend/src/pages/SynthesisTask/CreateTask.tsx
index e243468..6eaf791 100644
--- a/frontend/src/pages/SynthesisTask/CreateTask.tsx
+++ b/frontend/src/pages/SynthesisTask/CreateTask.tsx
@@ -41,7 +41,7 @@ import DevelopmentInProgress from "@/components/DevelopmentInProgress";
 const { TextArea } = Input;
 
 export default function SynthesisTaskCreate() {
-  return <DevelopmentInProgress />;
+  return <DevelopmentInProgress showTime="2025.11.30" />;
   const navigate = useNavigate();
   const [form] = Form.useForm();
   const [searchQuery, setSearchQuery] = useState("");
diff --git a/frontend/src/pages/SynthesisTask/CreateTemplate.tsx b/frontend/src/pages/SynthesisTask/CreateTemplate.tsx
index e80379f..f196a23 100644
--- a/frontend/src/pages/SynthesisTask/CreateTemplate.tsx
+++ b/frontend/src/pages/SynthesisTask/CreateTemplate.tsx
@@ -1,15 +1,15 @@
 import { useState, useRef } from "react";
-import { Card, Select, Input, Button, Badge, Divider, Form, message } from "antd";
 import {
-  Plus,
-  ArrowLeft,
-  Play,
-  Save,
-  RefreshCw,
-  FileText,
-  Code,
-  X,
-} from "lucide-react";
+  Card,
+  Select,
+  Input,
+  Button,
+  Badge,
+  Divider,
+  Form,
+  message,
+} from "antd";
+import { Plus, ArrowLeft, Play, Save, RefreshCw, Code, X } from "lucide-react";
 import { useNavigate } from "react-router";
 import { mockTemplates } from "@/mock/annotation";
 import DevelopmentInProgress from "@/components/DevelopmentInProgress";
@@ -17,9 +17,11 @@ import DevelopmentInProgress from "@/components/DevelopmentInProgress";
 const { TextArea } = Input;
 
 export default function InstructionTemplateCreate() {
-  return <DevelopmentInProgress />;
+  return <DevelopmentInProgress showTime="2025.11.30" />;
   const navigate = useNavigate();
-  const [selectedTemplate, setSelectedTemplate] = useState<Template | null>(null);
+  const [selectedTemplate, setSelectedTemplate] = useState<Template | null>(
+    null
+  );
   const [isTestingTemplate, setIsTestingTemplate] = useState(false);
   const [templates, setTemplates] = useState<Template[]>(mockTemplates);
   const [variables, setVariables] = useState<string[]>([]);
@@ -131,10 +133,7 @@ export default function InstructionTemplateCreate() {
       {/* Header */}
       <div className="flex items-center justify-between mb-2">
         <div className="flex items-center">
-          <Button
-            onClick={() => navigate("/data/synthesis/task")}
-            type="text"
-          >
+          <Button onClick={() => navigate("/data/synthesis/task")} type="text">
             <ArrowLeft className="w-4 h-4 mr-2" />
           </Button>
           <h1 className="text-xl font-bold bg-clip-text">
@@ -177,7 +176,9 @@ export default function InstructionTemplateCreate() {
           <Form.Item label="模板描述" name="description">
             <Input placeholder="简要描述模板的用途和特点" />
           </Form.Item>
-          <h2 className="font-medium text-gray-900 text-lg mt-6 mb-2">Prompt内容</h2>
+          <h2 className="font-medium text-gray-900 text-lg mt-6 mb-2">
+            Prompt内容
+          </h2>
           <Form.Item
             label="Prompt内容"
             name="prompt"
@@ -194,7 +195,9 @@ export default function InstructionTemplateCreate() {
             提示：使用 {"{变量名}"} 格式定义变量，例如 {"{text}"} 或 {"{input}"}
           </p>
           <div className="mb-4">
-            <span className="text-sm font-semibold text-gray-700">变量管理</span>
+            <span className="text-sm font-semibold text-gray-700">
+              变量管理
+            </span>
             <div className="flex flex-wrap gap-2 min-h-[50px] p-3 border rounded-xl bg-gray-50 mt-2">
               {variables.map((variable, index) => (
                 <Badge
@@ -226,13 +229,19 @@ export default function InstructionTemplateCreate() {
                 className="h-8 text-sm"
                 onPressEnter={handleAddVariable}
               />
-              <Button onClick={handleAddVariable} type="default" className="px-4 text-sm">
+              <Button
+                onClick={handleAddVariable}
+                type="default"
+                className="px-4 text-sm"
+              >
                 <Plus className="w-3 h-3 mr-1" />
                 添加
               </Button>
             </div>
           </div>
-          <h2 className="font-medium text-gray-900 text-lg mb-2 pt-2">模板测试</h2>
+          <h2 className="font-medium text-gray-900 text-lg mb-2 pt-2">
+            模板测试
+          </h2>
           <div className="grid grid-cols-2 gap-4">
             <Form.Item label="测试输入" name="testInput">
               <TextArea
diff --git a/frontend/src/pages/SynthesisTask/DataSynthesis.tsx b/frontend/src/pages/SynthesisTask/DataSynthesis.tsx
index 433e932..909fa70 100644
--- a/frontend/src/pages/SynthesisTask/DataSynthesis.tsx
+++ b/frontend/src/pages/SynthesisTask/DataSynthesis.tsx
@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { Tabs, Button, Card } from "antd";
+import { Tabs, Button } from "antd";
 import { Plus, ArrowRight } from "lucide-react";
 import DataAnnotation from "../DataAnnotation/Annotate/components/TextAnnotation";
 import { useNavigate } from "react-router";
@@ -8,7 +8,7 @@ import SynthesisTaskTab from "./components/SynthesisTaskTab";
 import DevelopmentInProgress from "@/components/DevelopmentInProgress";
 
 export default function DataSynthesisPage() {
-  return <DevelopmentInProgress />;
+  return <DevelopmentInProgress showTime="2025.11.30" />;
   const navigate = useNavigate();
 
   const [activeTab, setActiveTab] = useState("tasks");