fix: data collection create task page (#33)

* feat: Update site name to DataMate and refine text for AI data processing

* feat: Refactor settings page and implement model access functionality

- Created a new ModelAccess component for managing model configurations.
- Removed the old Settings component and replaced it with a new SettingsPage component that integrates ModelAccess, SystemConfig, and WebhookConfig.
- Added SystemConfig component for managing system settings.
- Implemented WebhookConfig component for managing webhook configurations.
- Updated API functions for model management in settings.apis.ts.
- Adjusted routing to point to the new SettingsPage component.

* feat: Implement Data Collection Page with Task Management and Execution Log

- Created DataCollectionPage component to manage data collection tasks.
- Added TaskManagement and ExecutionLog components for task handling and logging.
- Integrated task operations including start, stop, edit, and delete functionalities.
- Implemented filtering and searching capabilities in task management.
- Introduced SimpleCronScheduler for scheduling tasks with cron expressions.
- Updated CreateTask component to utilize new scheduling and template features.
- Enhanced BasicInformation component to conditionally render fields based on visibility settings.
- Refactored ImportConfiguration component to remove NAS import section.

* feat: Update task creation API endpoint and enhance task creation form with new fields and validation

frontend/src/pages/DataCollection/Home/DataCollectionPage.tsx

@@ -4,14 +4,11 @@ import { PlusOutlined } from "@ant-design/icons";
 import TaskManagement from "./TaskManagement";
 import ExecutionLog from "./ExecutionLog";
 import { useNavigate } from "react-router";
-import DevelopmentInProgress from "@/components/DevelopmentInProgress";
 
 export default function DataCollection() {
   const navigate = useNavigate();
   const [activeTab, setActiveTab] = useState("task-management");
 
-  // return <DevelopmentInProgress showTime="2025.10.30" />;
-
   return (
     <div className="gap-4 h-full flex flex-col">
       <div className="flex justify-between items-end">
@@ -32,7 +29,7 @@ export default function DataCollection() {
         activeKey={activeTab}
         items={[
           { label: "任务管理", key: "task-management" },
-          { label: "执行日志", key: "execution-log" },
+          // { label: "执行日志", key: "execution-log" },
         ]}
         onChange={(tab) => {
           setActiveTab(tab);

frontend/src/pages/DataCollection/Home/TaskManagement.tsx

@@ -87,15 +87,15 @@ export default function TaskManagement() {
       onClick: () => handleStopTask(record.id),
     };
     const items = [
-      isStopped ? startButton : stopButton,
-      {
-        key: "edit",
-        label: "编辑",
-        icon: <EditOutlined />,
-        onClick: () => {
-          showEditTaskModal(record);
-        },
-      },
+      // isStopped ? startButton : stopButton,
+      // {
+      //   key: "edit",
+      //   label: "编辑",
+      //   icon: <EditOutlined />,
+      //   onClick: () => {
+      //     showEditTaskModal(record);
+      //   },
+      // },
       {
         key: "delete",
         label: "删除",
@@ -119,11 +119,15 @@ export default function TaskManagement() {
       dataIndex: "name",
       key: "name",
       fixed: "left",
+      width: 150,
+      ellipsis: true,
     },
     {
       title: "状态",
       dataIndex: "status",
       key: "status",
+      width: 150,
+      ellipsis: true,
       render: (status: string) => (
         <Badge text={status.label} color={status.color} />
       ),
@@ -132,28 +136,37 @@ export default function TaskManagement() {
       title: "同步方式",
       dataIndex: "syncMode",
       key: "syncMode",
+      width: 150,
+      ellipsis: true,
       render: (text: string) => <span>{SyncModeMap[text]?.label}</span>,
     },
     {
       title: "创建时间",
       dataIndex: "createdAt",
       key: "createdAt",
+      width: 150,
+      ellipsis: true,
     },
     {
       title: "更新时间",
       dataIndex: "updatedAt",
       key: "updatedAt",
+      width: 150,
+      ellipsis: true,
     },
     {
       title: "最近执行ID",
       dataIndex: "lastExecutionId",
       key: "lastExecutionId",
+      width: 150,
+      ellipsis: true,
     },
     {
       title: "描述",
       dataIndex: "description",
       key: "description",
       ellipsis: true,
+      width: 200,
     },
     {
       title: "操作",
@@ -215,6 +228,7 @@ export default function TaskManagement() {
             filters: {},
           }))
         }
+        onReload={fetchData}
       />
 
       {/* Tasks Table */}