Merge branch 'feat-20220705-customTemplate' into 'release'

Feat 20220705 custom template

See merge request sunyihao/bkunyun!83

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

@@ -102,7 +102,20 @@ const ProjectSubmitWork = observer(() => {
       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;
   };
 
   /** 返回事件 */
@@ -326,7 +339,7 @@ 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
@@ -498,7 +511,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}