fix: 任务详情结果文件跳转后移动失败修复

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

@@ -34,7 +34,9 @@ const MoveFile = (props: any) => {
   const [moveFileSubmitloading, setMoveFileSubmitloading] = useState(false);
   const [treeData, setTreeData] = useState<any>([]);
   const [renderTreeData, setRenderTreeData] = useState<any>([]);
-  let moveFileDialogRef: any = React.createRef();
+  const [moveFileDialogRef, setMoveFileDialogRef] = useState<any>(
+    React.createRef()
+  );
   // 要移动的文件夹  之后用来隐藏文件夹树中同路径的文件夹
   const [moveFolderPathArr, setMoveFolderPathArr] = useState<Array<string>>([]);
 

src/views/Project/ProjectJobDetail/index.module.css

@@ -99,18 +99,20 @@
   color: rgba(138, 144, 153, 1);
   font-size: 14px;
   line-height: 22px;
+  width: 72px;
+  margin-right: 44px;
 }
 .taskInfoValue {
   color: rgba(30, 38, 51, 1);
   font-size: 14px;
   line-height: 22px;
-  max-width: 210px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
   display: flex;
-  overflow: hidden;
   position: relative;
   align-items: center;
+  text-align: left;
+  word-break: break-all;
+  flex: 1;
+  justify-content: flex-end;
 }
 .taskInfoValueClick {
   cursor: pointer;
@@ -159,6 +161,7 @@
   background: #ffffff;
   box-shadow: 0px 3px 10px 0px rgba(0, 24, 57, 0.14);
   border-radius: 4px;
+  z-index: 1002;
 }
 .option {
   padding: 7px 16px;

src/views/Project/ProjectJobDetail/index.tsx

@@ -75,8 +75,8 @@ const ProjectSubmitWork = observer(() => {
 
   /** 获取模版数据 */
   const { run } = useMyRequest(fetchWorkFlowJob, {
-    pollingInterval:1000 * 60,
-    pollingWhenHidden:false,
+    pollingInterval: 1000 * 60,
+    pollingWhenHidden: false,
     onSuccess: (res: IResponse<ITaskInfo>) => {
       getOutouts(res.data.outputs);
       setWorkFlowJobInfo(res.data);
@@ -85,7 +85,6 @@ const ProjectSubmitWork = observer(() => {
 
   useEffect(() => {
     const locationInfo: any = location?.state;
-    console.log(333)
     run({
       id: locationInfo.taskId,
     });
@@ -98,20 +97,34 @@ const ProjectSubmitWork = observer(() => {
   });
 
   const goToProjectData = (path: string) => {
+    console.log(path);
     path = path.slice(13);
     if (path) {
       navigate(`/product/cadd/projectData`, {
         state: { pathName: path },
       });
+    } else {
+      navigate(`/product/cadd/projectData`, {
+        state: { pathName: "/" },
+      });
     }
   };
 
-/** 返回事件 */
+  // 通过文件路径获取文件所在文件夹路径  如 输入 /home/cloudam/task_a.out  输出/home/cloudam/
+  const getFolderPath = (path: string) => {
+    const lastIndex = path.lastIndexOf("/");
+    if (lastIndex !== -1) {
+      path = path.slice(0, lastIndex + 1);
+    }
+    return path;
+  };
+
+  /** 返回事件 */
   const onBack = useCallback(() => {
-    navigate('/product/cadd/projectWorkbench', {
-      state: {type: 'workbenchList'}
-    })
-  },[navigate])
+    navigate("/product/cadd/projectWorkbench", {
+      state: { type: "workbenchList" },
+    });
+  }, [navigate]);
 
   const outputPathTransform = (path: string) => {
     path = path.slice(13);
@@ -202,7 +215,7 @@ const ProjectSubmitWork = observer(() => {
       if (errorCode === 0) {
         message.success("操作成功！");
       }
-      onBack()
+      onBack();
     },
   });
 
@@ -213,7 +226,7 @@ const ProjectSubmitWork = observer(() => {
       if (errorCode === 0) {
         message.success("操作成功！");
       }
-      onBack()
+      onBack();
     },
   });
 
@@ -327,7 +340,9 @@ const ProjectSubmitWork = observer(() => {
                         <div key={index} className={styles.outputLi}>
                           <MyPopconfirm
                             title="即将跳转至项目数据内该任务的结果目录，确认继续吗？"
-                            onConfirm={() => goToProjectData(item.path)}
+                            onConfirm={() =>
+                              goToProjectData(getFolderPath(item.path))
+                            }
                           >
                             <div className={styles.outputLiLeft}>
                               <img
@@ -499,7 +514,11 @@ const ProjectSubmitWork = observer(() => {
                           return (
                             <div
                               key={index}
-                              className={styles.option}
+                              className={classNames({
+                                [styles.option]: true,
+                                [styles.optionActive]:
+                                  activeFlowIndex === index,
+                              })}
                               onClick={() => setActiveFlowIndex(index)}
                             >
                               {item.title}