feat:概览页面吸顶+结果文件对齐

src/views/Project/ProjectOverview/TaskCard/index.module.css

@@ -120,6 +120,7 @@
 .result {
 	box-sizing: border-box;
 	font-size: 12px;
+	align-items: center;
 	color: #1e2633;
 	cursor: pointer;
 	height: 30px;
@@ -152,6 +153,12 @@
 }
 
 .outputLeftImg {
-	vertical-align: middle;
+	vertical-align: top;
 	margin-right: 8px;
 }
+
+.outputTitle{
+	display: inline-block;
+	height: 22px;
+	line-height: 22px;
+}

src/views/Project/ProjectOverview/TaskCard/index.tsx

@@ -48,7 +48,7 @@ const TaskCard = (props: TaskCardProps) => {
     }, [outputs])
     // 结果文件跳转
     const goToProjectData = (info: any) => {
-        let { path = '' , type = '' } = info
+        let { path = '', type = '' } = info
         const lastIndex = path.lastIndexOf("/");
         // /projectData
         // dataType
@@ -190,7 +190,8 @@ const TaskCard = (props: TaskCardProps) => {
                                 }
                                 alt=""
                             />
-                            {item?.name}</div>
+                            <span className={style.outputTitle}>{item?.name}</span>
+                        </div>
                     })}
                 </div>
             }

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

+.topFixed {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    background-color: #fff;
+}
+
 .basicInformation {
     display: flex;
     justify-content: space-between;
-    margin: 24px 24px 0 24px;
-    padding-bottom: 20px;
+    margin: 0 24px;
+    padding: 20px 0;
     border-bottom: 1px solid #EDEFF2;
 }
 
@@ -39,7 +46,7 @@
     color: #565C66;
 }
 
-.otherInformationBoxRight{
+.otherInformationBoxRight {
     line-height: 22px;
     margin-bottom: 4px;
     color: #565C66;
@@ -63,6 +70,7 @@
     display: flex;
     justify-content: space-between;
     margin: 24px 24px 0 24px;
+    padding-bottom: 20px;
 }
 
 .searchLineLeft {
@@ -85,7 +93,7 @@
 
 .taskDisplay {
     position: relative;
-    margin: 20px 24px;
+    margin: 0 24px 20px;
     padding-bottom: 16px;
     overflow: hidden;
     background: #F7F8FA;

src/views/Project/ProjectOverview/index.tsx

@@ -72,7 +72,7 @@ const ProjectOverview = observer(() => {
         }
     }
 
-    const handleKeyWordChangeBlur=(e:any)=>{
+    const handleKeyWordChangeBlur = (e: any) => {
         setJobName(e.target.value);
     }
 
@@ -100,6 +100,7 @@ const ProjectOverview = observer(() => {
         } else {
             return (
                 <>
+                    <div className={style.topFixed}>
                         <div className={style.basicInformation}>
                             <div>
                                 <div className={style.titleBox}>
@@ -153,6 +154,7 @@ const ProjectOverview = observer(() => {
                                 sx={{ width: 340 }}
                             />
                         </div>
+                    </div>
                     <div className={style.taskDisplay}>
                         {/* 任务列表为空展示 */}
                         {taskList.length === 0 && (