refactor: 修复标签管理功能、优化数据选择项显示、屏蔽开发中功能 (#12)

* refactor: clean up tag management and dataset handling, update API endpoints

* feat: add showTime prop to DevelopmentInProgress component across multiple pages

* refactor: update component styles and improve layout with new utility classes

frontend/src/pages/DataAnnotation/Annotate/components/ImageAnnotation.tsx

@@ -429,7 +429,7 @@ export default function ImageAnnotationWorkspace({
               }`}
               onClick={() => setSelectedImageIndex(index)}
             >
-              <div className="w-8 h-8 bg-gray-200 rounded flex items-center justify-center text-sm font-medium mr-3">
+              <div className="w-8 h-8 bg-gray-200 rounded flex-center text-sm font-medium mr-3">
                 {index + 1}
               </div>
               <img
@@ -462,7 +462,7 @@ export default function ImageAnnotationWorkspace({
               </div>
             </div>
 
-            <div className="flex-1 border rounded-lg overflow-hidden bg-gray-100 relative">
+            <div className="flex-1 border-card overflow-hidden bg-gray-100 relative">
               <canvas
                 ref={canvasRef}
                 width={800}

frontend/src/pages/DataAnnotation/Create/CreateTask.tsx

@@ -123,7 +123,7 @@ export default function AnnotationTaskCreate() {
   };
 
   return (
-    <div className="h-full flex flex-col overflow-auto">
+    <div className="flex-overflow-auto">
       {/* Header */}
       <div className="flex items-center mb-2">
         <Link to="/data/annotation">
@@ -134,7 +134,7 @@ export default function AnnotationTaskCreate() {
         <h1 className="text-xl font-bold bg-clip-text">创建标注任务</h1>
       </div>
 
-      <div className="h-full flex-1 overflow-y-auto flex flex-col bg-white rounded-lg shadow-sm">
+      <div className="flex-overflow-auto bg-white rounded-lg shadow-sm">
         <div className="flex-1 overflow-y-auto p-6">
           <Form
             form={form}

frontend/src/pages/DataAnnotation/Create/components/CreateAnnptationTaskDialog.tsx

@@ -1,5 +1,8 @@
 import { queryDatasetsUsingGet } from "@/pages/DataManagement/dataset.api";
-import { datasetTypeMap } from "@/pages/DataManagement/dataset.const";
+import {
+  datasetTypeMap,
+  mapDataset,
+} from "@/pages/DataManagement/dataset.const";
 import { Button, Form, Input, Modal, Select } from "antd";
 import TextArea from "antd/es/input/TextArea";
 import { Database } from "lucide-react";
@@ -26,7 +29,7 @@ export default function CreateAnnotationTask({
         page: 0,
         size: 1000,
       });
-      setDatasets(data.content || []);
+      setDatasets(data.content.map(mapDataset) || []);
     };
     fetchDatasets();
   }, [open]);
@@ -74,22 +77,20 @@ export default function CreateAnnotationTask({
         >
           <Select
             placeholder="请选择数据集"
-            options={datasets.map((dataset) => ({
-              label: (
-                <div className="flex items-center justify-between gap-3 py-2">
-                  <div className="flex items-center font-sm text-gray-900">
-                    <span>
-                      {dataset.icon || <Database className="w-4 h-4 mr-2" />}
-                    </span>
-                    <span>{dataset.name}</span>
+            options={datasets.map((dataset) => {
+              return {
+                label: (
+                  <div className="flex items-center justify-between gap-3 py-2">
+                    <div className="flex items-center font-sm text-gray-900">
+                      <span className="mr-2">{dataset.icon}</span>
+                      <span>{dataset.name}</span>
+                    </div>
+                    <div className="text-xs text-gray-500">{dataset.size}</div>
                   </div>
-                  <div className="text-xs text-gray-500">
-                    {datasetTypeMap[dataset?.datasetType]?.label}
-                  </div>
-                </div>
-              ),
-              value: dataset.id,
-            }))}
+                ),
+                value: dataset.id,
+              };
+            })}
           />
         </Form.Item>
       </Form>

frontend/src/pages/DataAnnotation/Home/DataAnnotation.tsx

@@ -19,8 +19,10 @@ import {
 import { mapAnnotationTask } from "../annotation.const";
 import CreateAnnotationTask from "../Create/components/CreateAnnptationTaskDialog";
 import { ColumnType } from "antd/es/table";
+import DevelopmentInProgress from "@/components/DevelopmentInProgress";
 
 export default function DataAnnotation() {
+  return <DevelopmentInProgress showTime="2025.10.30" />;
   const navigate = useNavigate();
   const [viewMode, setViewMode] = useState<"list" | "card">("list");
   const [showCreateDialog, setShowCreateDialog] = useState(false);

frontend/src/pages/DataAnnotation/annotation.api.ts

@@ -2,7 +2,7 @@ import { get, post, put, del, download } from "@/utils/request";
 
 // 标注任务管理相关接口
 export function queryAnnotationTasksUsingGet(params?: any) {
-  return get("/api/project/mappings/list", params);
+  return get("/project/mappings/list", params);
 }
 
 export function createAnnotationTaskUsingPost(data: any) {