feat: 除下载外联调完成

src/api/api_manager.ts

@@ -18,8 +18,11 @@ const RESTAPI = {
   API_PROJECT_GET: `${BACKEND_API_URI_PREFIX}/cpp/project/get`, //获取项目信息
   API_CPCE_HPCZONE: `${BACKEND_API_URI_PREFIX}/cpp/cpce/hpczone`, //获取计算区列表
   API_DATA_FILETOKEN: `${BACKEND_API_URI_PREFIX}/cpp/data/filetoken`, //获取项目目录的filetoken
-  API_USER_PERMISSION_LIST: `${BACKEND_API_URI_PREFIX}/uaa/routes/privilege/list`,//获取用户包含的权限列表
-}
-
+  API_DATA_FIND: `${BACKEND_API_URI_PREFIX}/cpp/data/find`, //查询某路径下数据集
+  API_DATA_SEARCH: `${BACKEND_API_URI_PREFIX}/cpp/data/search`, //搜索项目中某路径下的数据集
+  API_DATA_MOVE: `${BACKEND_API_URI_PREFIX}/cpp/data/move`, //移动到
+  API_DATA_DEL: `${BACKEND_API_URI_PREFIX}/cpp/data/del`, //删除项目中的数据集
+  API_USER_PERMISSION_LIST: `${BACKEND_API_URI_PREFIX}/uaa/routes/privilege/list`, //获取用户包含的权限列表
+};
 
 export default RESTAPI;

src/api/project_api.ts

@@ -99,6 +99,74 @@ const getDataFileToken = (params: getDataFileTokenParams) => {
   });
 };
 
+type getDataFindParams = {
+  projectId: string;
+  path: string;
+};
+
+// 查询某路径下数据集
+const getDataFind = (params: getDataFindParams) => {
+  return request({
+    url: Api.API_DATA_FIND,
+    method: "get",
+    params,
+  });
+};
+
+type getDataFileSearchParams = {
+  projectId: string;
+  name: string;
+  path?: string;
+};
+
+// 搜索项目中某路径下的数据集
+const getDataFileSearch = (params: getDataFileSearchParams) => {
+  return request({
+    url: Api.API_DATA_SEARCH,
+    method: "get",
+    params,
+  });
+};
+
+type getDataFileMoveParams = {
+  projectId: string;
+  names: string;
+  spath?: string; // 原路径
+  dpath?: string; // 目标路径
+};
+
+// Content-Type	application/x-www-form-urlencoded
+// 移动到
+const getDataFileMove = (params: getDataFileMoveParams) => {
+  return request({
+    url: Api.API_DATA_MOVE,
+    method: "put",
+    data: params,
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded",
+    },
+  });
+};
+
+type getDataFileDelParams = {
+  projectId: string;
+  names: string;
+  path?: string;
+};
+
+// Content-Type	application/x-www-form-urlencoded
+// 删除项目中的数据集
+const getDataFileDel = (params: getDataFileDelParams) => {
+  return request({
+    url: Api.API_DATA_DEL,
+    method: "delete",
+    params,
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded",
+    },
+  });
+};
+
 export {
   current,
   menu,
@@ -109,4 +177,8 @@ export {
   updateProject,
   deleteProject,
   getDataFileToken,
+  getDataFind,
+  getDataFileSearch,
+  getDataFileMove,
+  getDataFileDel,
 };

src/components/Material.Ui/Table.jsx

@@ -15,6 +15,7 @@ import EnhancedTableHeadComponent from "./Table/EnhancedTableHead"
 import { getComparator, stableSort, useStyles } from "./Table/function";
 import ActionsComponent from "./Table/ActionsComponent"
 import { useEffect } from "react";
+import { useImperativeHandle } from "react";
 
 export default function EnhancedTable(props) {
   const classes = useStyles;
@@ -27,6 +28,17 @@ export default function EnhancedTable(props) {
   // const [spin, setSpin] = React.useState(false)
   const [onRow, setOnRow] = React.useState('')
 
+  // 重置复选框选中选项
+  const initSelectedFunc = (e) => {
+    setSelected(e)
+  }
+
+  useImperativeHandle(props.onRef, () => {
+    return {
+      initSelectedFunc: initSelectedFunc,
+    };
+  });
+
   useEffect(() => {
     setOnRow(defaultRow)
   }, [defaultRow])

src/views/Project/ProjectData/MoveFile/index.module.css

@@ -10,6 +10,9 @@
   justify-content: flex-start;
   align-items: center;
 }
+.rootTitleActive {
+  background-color: rgba(25, 118, 210, 0.2);
+}
 .bigFolderIcon {
   margin: 0 9px;
 }

src/views/Project/ProjectData/MoveFile/index.tsx

-import React, {
-  useState,
-  useImperativeHandle,
-  useCallback,
-} from "react";
+import React, { useState, useImperativeHandle, useCallback } from "react";
 
 import style from "./index.module.css";
 import MyDialog from "@/components/mui/MyDialog";
@@ -11,11 +7,31 @@ import bigFolderIcon from "@/assets/project/bigFolderIcon.svg";
 import { useMessage } from "@/components/MySnackbar";
 import MyTreeView from "@/components/mui/MyTreeView";
 import CloudEController from "@/api/fileserver/CloudEController";
+import { getDataFileMove } from "@/api/project_api";
+import useMyRequest from "@/hooks/useMyRequest";
+import classNames from "classnames";
 
 const MoveFile = (props: any) => {
-  const { path, projectId, fileToken, currentOperateFile, selectIds, refresh } = props;
+  const {
+    path,
+    projectId,
+    fileToken,
+    currentOperateFile,
+    selectIds,
+    refresh,
+    activeTab,
+    showList,
+  } = props;
   const Message = useMessage();
-  const [newPath, setNewPath] = useState("");
+  const { run: getDataFileMoveRun } = useMyRequest(getDataFileMove, {
+    onSuccess: (res: any) => {
+      Message.success("移动成功！");
+      moveFileDialogRef.current.handleClose();
+      refresh();
+    },
+  });
+  const [newPath, setNewPath] = useState("/");
+  const [rootActive, setRootActive] = useState(true);
 
   const [treeData, setTreeData] = useState<any>([]);
 
@@ -53,36 +69,86 @@ const MoveFile = (props: any) => {
     if (newPath) {
       if (!currentOperateFile) {
         // 批量移动
-        const oldPaths = selectIds.map((name: any) => {
-          return `${path}${path === "/" ? "" : "/"}${name}`;
-        });
-        CloudEController.JobFileBatchMove(
-          newPath,
-          oldPaths,
-          "",
-          fileToken,
-          projectId
-        )?.then((res) => {
-          Message.success('移动成功！')
-          refresh()
-        });
+        if (activeTab === 1) {
+          const oldPaths = selectIds.map((name: any) => {
+            return `${path}${path === "/" ? "" : "/"}${name}`;
+          });
+          CloudEController.JobFileBatchMove(
+            newPath,
+            oldPaths,
+            "",
+            fileToken,
+            projectId
+          )?.then((res) => {
+            Message.success("移动成功！");
+            moveFileDialogRef.current.handleClose();
+            refresh();
+          });
+        } else {
+          const datSetMoveList = showList.filter((item: any) => {
+            return (
+              selectIds.indexOf(item.name) !== -1 && item.type === "dataSet"
+            );
+          });
+          const otherMoveList = showList.filter((item: any) => {
+            return (
+              selectIds.indexOf(item.name) !== -1 && item.type !== "dataSet"
+            );
+          });
+          if (datSetMoveList.length > 0) {
+            const oldPaths = `${path}${path === "/" ? "" : "/"}`;
+            getDataFileMoveRun({
+              projectId: projectId as string,
+              names: datSetMoveList.map((item: any) => item.name).join(","),
+              spath: oldPaths,
+              dpath: newPath === "/" ? "/" : `${newPath}/`,
+            });
+          }
+          if (otherMoveList.length > 0) {
+            const oldPaths = otherMoveList.map((item: any) => {
+              return `${path}${path === "/" ? "" : "/"}${item.name}`;
+            });
+            CloudEController.JobFileBatchMove(
+              newPath,
+              oldPaths,
+              "",
+              fileToken,
+              projectId
+            )?.then((res) => {
+              Message.success("移动成功！");
+              moveFileDialogRef.current.handleClose();
+              refresh();
+            });
+          }
+        }
       } else {
-        const oldPath = `${path}${path === "/" ? "" : "/"}${
-          currentOperateFile.name
-        }`;
-        if (oldPath === newPath) {
-          Message.info("当前目录和目标目录一致，请重新选择目标目录");
-          return;
+        if (currentOperateFile.type === "dataSet") {
+          const oldPaths = `${path}${path === "/" ? "" : "/"}`;
+          getDataFileMoveRun({
+            projectId: projectId as string,
+            names: currentOperateFile.name,
+            spath: oldPaths,
+            dpath: newPath === "/" ? "/" : `${newPath}/`,
+          });
+        } else {
+          const oldPath = `${path}${path === "/" ? "" : "/"}${
+            currentOperateFile.name
+          }`;
+          if (oldPath === newPath) {
+            Message.info("当前目录和目标目录一致，请重新选择目标目录");
+            return;
+          }
+          CloudEController.JobFileMove(
+            newPath,
+            oldPath,
+            "",
+            fileToken,
+            projectId
+          )?.then((res) => {
+            Message.success("移动成功！");
+            moveFileDialogRef.current.handleClose();
+          });
         }
-        CloudEController.JobFileMove(
-          newPath,
-          oldPath,
-          "",
-          fileToken,
-          projectId
-        )?.then((res) => {
-          console.log(res);
-        });
       }
     } else {
       Message.error("请选择移动到哪个目录");
@@ -99,8 +165,13 @@ const MoveFile = (props: any) => {
   };
 
   const onNodeSelect = (a: any, b: any) => {
-    console.log("onNodeSelect", a, b);
     setNewPath(b);
+    setRootActive(false);
+  };
+
+  const handleRoot = () => {
+    setNewPath("/");
+    setRootActive(true);
   };
 
   const moveFileSubmitloading = false;
@@ -116,7 +187,13 @@ const MoveFile = (props: any) => {
       title="移动至"
       submitloading={moveFileSubmitloading}
     >
-      <div className={style.rootTitle}>
+      <div
+        className={classNames({
+          [style.rootTitle]: true,
+          [style.rootTitleActive]: rootActive,
+        })}
+        onClick={handleRoot}
+      >
         <img className={style.bigFolderIcon} src={bigFolderIcon} alt="" />
         ProjectData
       </div>

src/views/Project/ProjectData/index.tsx

@@ -31,6 +31,11 @@ import DialogContent from "@mui/material/DialogContent";
 import DialogContentText from "@mui/material/DialogContentText";
 import DialogTitle from "@mui/material/DialogTitle";
 import usePass from "@/hooks/usePass";
+import {
+  getDataFind,
+  getDataFileSearch,
+  getDataFileDel,
+} from "@/api/project_api";
 
 const theme = createTheme({
   palette: {
@@ -58,62 +63,111 @@ declare module "@mui/material/Button" {
 
 const ProjectData = observer(() => {
   const isPass = usePass();
-  const Message = useMessage()
+  const Message = useMessage();
   const { currentProjectStore } = useStores();
+  const projectId = useMemo(() => {
+    return toJS(currentProjectStore.currentProjectInfo.id);
+  }, [currentProjectStore]);
   const [tableLoadding, setTableLoadding] = useState(false);
   const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
   const [currentOperateFile, setCurrentOperateFile] = useState<any>(null);
   const [deleteloading, setDeleteloading] = useState(false);
   const [path, setPath] = useState("/");
-  const showPath = useMemo(() => {
-    if (path === "/") {
-      // return "ProjectData";
-      return <span className={style.showPathSpan}>ProjectData</span>
-    } else {
-      console.log(path)
-      console.log(path.split('/'))
-      const pathArr = path.split('/')
-      if (pathArr.length <= 4) {
-        return (pathArr.map((item, index) => {
-          return (<span onClick={()=>setPath(pathArr.slice(0, index + 1).join('/') === '' ? '' : pathArr.slice(0, index + 1).join('/'))} className={classnames({
-            [style.showPathSpan]: true,
-            [style.showPathSpanActive]: index === pathArr.length - 1
-          })}>{index === 0 ? 'ProjectData' :item} {index === pathArr.length - 1 ? null : <i className={style.showPathI}>{'>'}</i>}</span>)
-        }))
-      } else {
-        return (pathArr.map((item, index) => {
-          return (<span onClick={()=>setPath(pathArr.slice(0, index + 1).join('/') === '' ? '' : pathArr.slice(0, index + 1).join('/'))} className={classnames({
-            [style.showPathSpan]: true,
-            [style.showPathSpanActive]: index === pathArr.length - 1
-          })}>
-            {index === 0 ? 'ProjectData' : index > pathArr.length - 4 ? item : '' }
-            {/* && index > pathArr.length - 4 */}
-            {index === pathArr.length - 1 || (index <= pathArr.length - 4 && index > 0) ? null : <i className={style.showPathI}>{'>'}</i>}
-            {index === 1 && '...'}{index === 1 && <i className={style.showPathI}>{'>'}</i>}
-          </span>)
-        }))
-      }
-    }
-  }, [path]);
   const [activeTab, setActiveTab] = useState(1);
+  const [selectIds, setSelectIds] = useState<Array<string>>([]);
+  let tableRef: any = React.createRef();
+  useEffect(() => {
+    setSelectIds([]);
+  }, [activeTab]);
   const [keyWord, setKeyWord] = useState("");
   const [fileToken, setFileToken] = useState("");
 
+  // 文件列表
   const [list, setList] = useState<any>([]);
+  // 数据集列表  不带文件
+  const [dataSetList, setDataSetList] = useState<any>([]);
+
+  const showList = useMemo(() => {
+    if (activeTab === 1) {
+      return list;
+    } else {
+      const folderList = list.filter((item: any) => {
+        return item.type === "directory";
+      });
+      return [...folderList, ...dataSetList];
+    }
+  }, [list, dataSetList, activeTab]);
 
   const { run: getDataFileTokenRun } = useMyRequest(getDataFileToken, {
     onSuccess: (res: any) => {
-      console.log("res", res);
       setFileToken(res.data);
     },
   });
 
-  const projectId = useMemo(() => {
-    return toJS(currentProjectStore.currentProjectInfo.id);
-  }, [currentProjectStore]);
+  const { run: getDataFileSearchRun } = useMyRequest(getDataFileSearch, {
+    onSuccess: (res: any) => {
+      const dataSetList = res.data.map((item: any) => {
+        return {
+          ...item,
+          type: "dataSet",
+        };
+      });
+      setDataSetList(dataSetList);
+      setSelectIds([]);
+      tableRef?.current?.initSelectedFunc([]);
+    },
+  });
+
+  // useEffect(() => {
+  //   if (activeTab === 2) {
+  //     getDataFileSearchRun()
+  //   }
+  // }, [activeTab, getDataFileSearchRun]);
+
+  const { run: getDataFindRun } = useMyRequest(getDataFind, {
+    onSuccess: (res: any) => {
+      const dataSetList = res.data.map((item: any) => {
+        return {
+          ...item,
+          type: "dataSet",
+        };
+      });
+      setDataSetList(dataSetList);
+      setSelectIds([]);
+      tableRef?.current?.initSelectedFunc([]);
+    },
+  });
+
+  const getDataSetList = useCallback(() => {
+    if (keyWord) {
+      return;
+    } else {
+      return getDataFindRun({
+        projectId: projectId as string,
+        path: path === "/" ? "/" : `${path}/`,
+      });
+    }
+  }, [keyWord, path, projectId, getDataFindRun]);
+
+  const getDataSetListSearch = useCallback(() => {
+    if (keyWord) {
+      return getDataFileSearchRun({
+        projectId: projectId as string,
+        name: keyWord,
+      });
+    } else {
+      return getDataSetList();
+    }
+  }, [keyWord, projectId, getDataFileSearchRun, getDataSetList]);
+
+  useEffect(() => {
+    getDataSetList();
+  }, [getDataSetList]);
 
   const getList = useCallback(() => {
-    if (fileToken && projectId) {
+    if (keyWord) {
+      return;
+    } else if (fileToken && projectId) {
       setTableLoadding(true);
       return CloudEController.JobOutFileList(
         path,
@@ -127,20 +181,26 @@ const ProjectData = observer(() => {
         } else {
           setList([]);
         }
+        setSelectIds([]);
       });
     }
-  }, [fileToken, path, projectId]);
+  }, [fileToken, path, projectId, keyWord]);
+
   useEffect(() => {
     getList();
   }, [getList]);
-  
+
   // 全局搜索文件列表
-  const searchFileList =  useCallback(() => {
-    if (fileToken && projectId) {
-      setTableLoadding(true);
+  const searchFileList = useCallback(() => {
+    if (!keyWord) {
+      getList();
+    } else {
+      if (fileToken && projectId) {
+        setTableLoadding(true);
+        setPath("/");
         return CloudEController.JobSearchFileList(
           keyWord,
-          path,
+          "/",
           fileToken,
           projectId,
           false
@@ -151,17 +211,22 @@ const ProjectData = observer(() => {
           } else {
             setList([]);
           }
+          setSelectIds([]);
         });
+      }
     }
-  }, [fileToken, path, projectId, keyWord]);
+  }, [fileToken, projectId, keyWord, getList]);
 
   const handleRefresh = () => {
+    tableRef?.current?.initSelectedFunc([]);
+    setSelectIds([]);
     if (keyWord) {
-      searchFileList()
+      searchFileList();
+      getDataSetListSearch();
     } else {
       getList();
+      getDataSetList();
     }
-    setSelectIds([])
   };
 
   useEffect(() => {
@@ -172,19 +237,17 @@ const ProjectData = observer(() => {
 
   const handleKeyWordChange = (e: any) => {
     if (e.target.value.length > 30) {
-      return
+      return;
     }
     setKeyWord(e.target.value);
   };
 
   const handleKeyWordChangeKeyUp = (e: any) => {
     if (e.keyCode === 13) {
-      searchFileList()
-      console.log('搜索')
+      searchFileList();
+      getDataSetListSearch();
     }
-  }
-
-  const [selectIds, setSelectIds] = useState([]);
+  };
 
   const versionsHeadCells = [
     { id: "checkbox" },
@@ -202,8 +265,8 @@ const ProjectData = observer(() => {
   const handleViewFolders = (item: any) => {
     console.log("handleViewFolders");
     console.log(item);
-    if (path === '/') {
-      setPath(`/${item.name}`)
+    if (path === "/") {
+      setPath(`/${item.name}`);
     } else {
       setPath(`${path}/${item.name}`);
     }
@@ -225,6 +288,13 @@ const ProjectData = observer(() => {
           {item.name}
         </span>
       );
+    } else if (item.type === "dataSet") {
+      return (
+        <span className={style.folderIconBox}>
+          <img className={style.folderIcon} src={dataSetIcon} alt="" />
+          {item.name}
+        </span>
+      );
     } else {
       return (
         <span className={style.folderIconBox}>
@@ -236,6 +306,9 @@ const ProjectData = observer(() => {
   };
 
   const renderSize = (item: any) => {
+    if (item.type === "dataSet") {
+      return <span>{item.size}条</span>;
+    }
     return <span>{item.size ? `${item.size}b` : "-"}</span>;
   };
 
@@ -300,28 +373,98 @@ const ProjectData = observer(() => {
     setDeleteDialogOpen(false);
   };
 
+  const { run: getDataFileDelRun } = useMyRequest(getDataFileDel, {
+    onSuccess: (res: any) => {
+      Message.success("删除成功");
+      setDeleteloading(false);
+      setDeleteDialogOpen(false);
+      handleRefresh();
+    },
+  });
+
   const handleDelete = () => {
-    let deletePath = ''
+    let deletePath = "";
     if (currentOperateFile) {
       deletePath =
         path === "/"
           ? `${path}${currentOperateFile.name}`
           : `${path}/${currentOperateFile.name}`;
     } else {
-      deletePath = selectIds.map((name: any) => {
-        return `${path}${path === "/" ? "" : "/"}${name}`;
-      }).join(' ');
+      deletePath = selectIds
+        .map((name: any) => {
+          return `${path}${path === "/" ? "" : "/"}${name}`;
+        })
+        .join(" ");
+    }
+    if (activeTab === 2) {
+      deletePath = path === "/" ? "/" : `${path}/`;
+      if (currentOperateFile) {
+        if (currentOperateFile.type === "dataSet") {
+          getDataFileDelRun({
+            projectId: projectId as string,
+            names: currentOperateFile.name,
+            path: deletePath,
+          });
+        } else {
+          deletePath =
+            path === "/"
+              ? `${path}${currentOperateFile.name}`
+              : `${path}/${currentOperateFile.name}`;
+          CloudEController.JobOutFileDel(
+            deletePath,
+            fileToken,
+            projectId as string
+          )?.then((res) => {
+            Message.success("删除成功");
+            setDeleteloading(false);
+            setDeleteDialogOpen(false);
+            handleRefresh();
+          });
+        }
+      } else {
+        const datSetDeleteList = showList.filter((item: any) => {
+          return selectIds.indexOf(item.name) !== -1 && item.type === "dataSet";
+        });
+        const otherDeleteList = showList.filter((item: any) => {
+          return selectIds.indexOf(item.name) !== -1 && item.type !== "dataSet";
+        });
+        if (datSetDeleteList.length > 0) {
+          getDataFileDelRun({
+            projectId: projectId as string,
+            names: datSetDeleteList.map((item: any) => item.name).join(","),
+            path: deletePath,
+          });
+        }
+        if (otherDeleteList.length > 0) {
+          deletePath = otherDeleteList
+            .map((item: any) => {
+              return `${path}${path === "/" ? "" : "/"}${item.name}`;
+            })
+            .join(" ");
+          CloudEController.JobOutFileDel(
+            deletePath,
+            fileToken,
+            projectId as string
+          )?.then((res) => {
+            Message.success("删除成功");
+            setDeleteloading(false);
+            setDeleteDialogOpen(false);
+            handleRefresh();
+          });
+        }
+      }
+    } else {
+      CloudEController.JobOutFileDel(
+        deletePath,
+        fileToken,
+        projectId as string
+      )?.then((res) => {
+        Message.success("删除成功");
+        setDeleteloading(false);
+        setDeleteDialogOpen(false);
+        handleRefresh();
+      });
     }
-    CloudEController.JobOutFileDel(
-      deletePath,
-      fileToken,
-      projectId as string
-    )?.then((res) => {
-      Message.success('删除成功')
-      setDeleteloading(false);
-      setDeleteDialogOpen(false);
-      handleRefresh();
-    });
   };
 
   const handleBatchMove = () => {
@@ -331,8 +474,73 @@ const ProjectData = observer(() => {
 
   const handleBatchDelete = () => {
     setCurrentOperateFile(null);
-    setDeleteDialogOpen(true)
-  }
+    setDeleteDialogOpen(true);
+  };
+
+  const showPath = useMemo(() => {
+    if (path === "/") {
+      return <span className={style.showPathSpan}>ProjectData</span>;
+    } else {
+      const pathArr = path.split("/");
+      if (pathArr.length <= 4) {
+        return pathArr.map((item, index) => {
+          return (
+            <span
+              key={index}
+              onClick={() =>
+                setPath(
+                  pathArr.slice(0, index + 1).join("/") === ""
+                    ? "/"
+                    : pathArr.slice(0, index + 1).join("/")
+                )
+              }
+              className={classnames({
+                [style.showPathSpan]: true,
+                [style.showPathSpanActive]: index === pathArr.length - 1,
+              })}
+            >
+              {index === 0 ? "ProjectData" : item}{" "}
+              {index === pathArr.length - 1 ? null : (
+                <i className={style.showPathI}>{">"}</i>
+              )}
+            </span>
+          );
+        });
+      } else {
+        return pathArr.map((item, index) => {
+          return (
+            <span
+              key={index}
+              onClick={() =>
+                setPath(
+                  pathArr.slice(0, index + 1).join("/") === ""
+                    ? "/"
+                    : pathArr.slice(0, index + 1).join("/")
+                )
+              }
+              className={classnames({
+                [style.showPathSpan]: true,
+                [style.showPathSpanActive]: index === pathArr.length - 1,
+              })}
+            >
+              {index === 0
+                ? "ProjectData"
+                : index > pathArr.length - 4
+                ? item
+                : ""}
+              {/* && index > pathArr.length - 4 */}
+              {index === pathArr.length - 1 ||
+              (index <= pathArr.length - 4 && index > 0) ? null : (
+                <i className={style.showPathI}>{">"}</i>
+              )}
+              {index === 1 && "..."}
+              {index === 1 && <i className={style.showPathI}>{">"}</i>}
+            </span>
+          );
+        });
+      }
+    }
+  }, [path]);
 
   return (
     <ThemeProvider theme={theme}>
@@ -348,7 +556,9 @@ const ProjectData = observer(() => {
                   size="small"
                   style={{ marginRight: "12px" }}
                   onClick={hanleShowUpLoaderFileDialog}
-                  disabled={selectIds.length !== 0 || !isPass("PROJECT_DATA_UPLOAD")}
+                  disabled={
+                    selectIds.length !== 0 || !isPass("PROJECT_DATA_UPLOAD")
+                  }
                 >
                   {/* todo 项目权限 */}
                   上传文件
@@ -358,8 +568,10 @@ const ProjectData = observer(() => {
                   variant="outlined"
                   size="small"
                   onClick={hanleShowAddFolderDialog}
-                  disabled={selectIds.length !== 0 || !isPass("PROJECT_DATA_ADDDIR")}
-                  >
+                  disabled={
+                    selectIds.length !== 0 || !isPass("PROJECT_DATA_ADDDIR")
+                  }
+                >
                   {/* todo 项目权限 */}
                   新建文件夹
                 </Button>
@@ -380,6 +592,7 @@ const ProjectData = observer(() => {
                   aria-label="search"
                   size="small"
                   style={{ padding: "4px" }}
+                  onClick={searchFileList}
                 >
                   <SearchIcon
                     className={style.searchIcon}
@@ -428,7 +641,7 @@ const ProjectData = observer(() => {
             // param="name"
             rowHover={true}
             stickyheader={true}
-            rows={list.map((item: any) => ({
+            rows={showList.map((item: any) => ({
               ...item,
               id: item.name,
               name: renderName(item),
@@ -441,6 +654,8 @@ const ProjectData = observer(() => {
             headCells={versionsHeadCells}
             nopadding={true}
             footer={false}
+            initSelected={selectIds}
+            onRef={tableRef}
           ></Table>
         </div>
         {selectIds.length > 1 && (
@@ -474,7 +689,10 @@ const ProjectData = observer(() => {
           <DialogTitle id="alert-dialog-title">{"提示"}</DialogTitle>
           <DialogContent>
             <DialogContentText id="alert-dialog-description">
-              确认要删除“{currentOperateFile ? currentOperateFile.name : selectIds.join('”，“')}
+              确认要删除“
+              {currentOperateFile
+                ? currentOperateFile.name
+                : selectIds.join("”，“")}
               ”吗？
             </DialogContentText>
           </DialogContent>
@@ -520,6 +738,8 @@ const ProjectData = observer(() => {
           currentOperateFile={currentOperateFile}
           selectIds={selectIds}
           refresh={handleRefresh}
+          activeTab={activeTab}
+          showList={showList}
         ></MoveFile>
       </div>
     </ThemeProvider>