使用 ProjectTask

dashboard-v4/dashboard/src/pages/studio/task/project.tsx

@@ -1,18 +1,12 @@
 import { useNavigate, useParams } from "react-router-dom";
 
 import Project from "../../../components/task/Project";
-import TaskList from "../../../components/task/TaskList";
-import { Tabs } from "antd";
-import TaskTable from "../../../components/task/TaskTable";
-import TaskRelation from "../../../components/task/TaskRelation";
-import { useState } from "react";
-import { ITaskData } from "../../../components/api/task";
+import ProjectTask from "../../../components/task/ProjectTask";
 
 const Widget = () => {
   const { studioname } = useParams();
   const { projectId } = useParams();
   const navigate = useNavigate();
-  const [tasks, setTasks] = useState<ITaskData[]>();
   return (
     <>
       <Project
@@ -22,65 +16,7 @@ const Widget = () => {
           navigate(`/studio/${studioname}/task/project/${id}`);
         }}
       />
-      <Tabs
-        type="card"
-        items={[
-          {
-            label: "列表",
-            key: "list",
-            children: (
-              <TaskList
-                editable
-                studioName={studioname}
-                projectId={projectId}
-                onLoad={(data) => setTasks(data)}
-                onChange={(data: ITaskData[]) =>
-                  setTasks((origin) => {
-                    data.forEach((input) => {
-                      const old = origin?.find(
-                        (value) => value.id === input.id
-                      );
-                      if (old) {
-                        //找到了更新旧的
-                        origin?.forEach(
-                          (
-                            value: ITaskData,
-                            index: number,
-                            array: ITaskData[]
-                          ) => {
-                            if (value.id === input.id) {
-                              array[index] = input;
-                            }
-                          }
-                        );
-                      } else {
-                        //没有找到就添加
-                        if (origin) {
-                          origin = [...origin, input];
-                        } else {
-                          origin = [input];
-                        }
-                      }
-                    });
-
-                    return origin;
-                  })
-                }
-              />
-            ),
-          },
-          {
-            label: "表格",
-            key: "table",
-            children: <TaskTable tasks={tasks} />,
-          },
-          {
-            label: "关系图",
-            key: "relation",
-            children: <TaskRelation tasks={tasks} />,
-          },
-        ]}
-      ></Tabs>
+      <ProjectTask studioName={studioname} projectId={projectId} />
     </>
   );
 };