Merge branch 'feat-20220801' of http://120.77.149.83/root/bkunyun into feat-20220801

src/assets/style/public.css

 /* 修改滚动条样式 */
 div::-webkit-scrollbar,
 main::-webkit-scrollbar {
-  width: 4px;
+	width: 6px;
 	height: 5px !important;
 }
 
 div::-webkit-scrollbar-track,
 main::-webkit-scrollbar-track {
 	background-color: #fff;
-  -webkit-border-radius: 2em;
-  -moz-border-radius: 2em;
-  border-radius: 2em;
+	-webkit-border-radius: 3em;
+	-moz-border-radius: 3em;
+	border-radius: 3em;
 }
 
 div::-webkit-scrollbar-thumb,
 main::-webkit-scrollbar-thumb {
-  background-color: #C2C6CC;
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
+	background-color: #c2c6cc;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	border-radius: 3px;
 	height: 5px !important;
-  width: 4px!important;
+	width: 6px !important;
 }
 
 body,

src/components/CommonComponents/FullScreenDrawer/index.module.css

@@ -38,7 +38,7 @@
 	background-color: #fff;
 	border-radius: 16px 0 0 0;
 	box-sizing: border-box;
-	overflow: scroll;
+	overflow: overlay;
 	animation: showDrawer 0.31s ease;
 	-webkit-animation: showDrawer 0.31s ease;
 	margin: 0 auto;

src/components/Material.Ui/SearchSelectCheckBox.jsx

@@ -38,7 +38,7 @@ const useStyles = makeStyles({
     contentWrap: {
         padding: "8px 0", height: 0, transition: "all 1s", position: "absolute", zIndex: 9, width: "100%",
         backgroundColor: "#FFFFFF", boxShadow: "0px 2px 3px 0px rgba(0, 0, 0, 0.16)", borderRadius: "4px",
-        overflowY: "scroll",
+        overflowY: "overlay",
         maxHeight: "398px"
     },
     contentWrapOpenPosition:{top:"-400px"},

src/components/Material.Ui/Select.jsx

@@ -32,7 +32,7 @@ const useStyles = makeStyles({
     contentWrap: {
         padding: "8px 0", height: 0, transition: "all 1s", position: "absolute", zIndex: 9, width: "100%",
         backgroundColor: "#FFFFFF", boxShadow: "0px 2px 3px 0px rgba(0, 0, 0, 0.16)", borderRadius: "4px",
-        overflowY: "auto",
+        overflowY: "overlay",
         maxHeight: "400px"
     },
     contentWrapOpen: { height: "auto" },

src/components/Material.Ui/SelectCheckBox.jsx

@@ -42,7 +42,7 @@ const useStyles = makeStyles({
     contentWrap: {
         padding: "8px 0", transition: "all 1s", position: "fixed", zIndex: 9, width: "552px",
         backgroundColor: "#FFFFFF", boxShadow: "0px 2px 3px 0px rgba(0, 0, 0, 0.16)", borderRadius: "4px",
-        overflowY: "scroll",
+        overflowY: "overlay",
         maxHeight: "398px",
         // position: "fixed",
         // width: "552px"

src/components/mui/MyMenu.tsx

@@ -23,7 +23,7 @@ const theme = createTheme({
 		MuiMenu: {
 			styleOverrides: {
 				root: {
-					overflowY: "scroll",
+					overflow: "overlay",
 				},
 			},
 		},

src/components/mui/MyMultipleMenu.tsx

@@ -14,7 +14,7 @@ const theme = createTheme({
 		MuiMenu: {
 			styleOverrides: {
 				root: {
-					overflowY: "scroll",
+					overflow: "overlay",
 				},
 			},
 		},

src/components/mui/Tabs.tsx

@@ -2,7 +2,7 @@
  * @Author: 吴永生#A02208 yongsheng.wu@wholion.com
  * @Date: 2022-05-31 10:18:13
  * @LastEditors: 吴永生 15770852798@163.com
- * @LastEditTime: 2022-08-31 20:25:56
+ * @LastEditTime: 2022-09-01 11:20:24
  * @FilePath: /bkunyun/src/views/Project/ProjectSetting/index.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -28,7 +28,7 @@ interface ITabList {
 
 interface IProps {
 	value?: string;
-	onChange?: (val: string)=> void;
+	onChange?: (val: string) => void;
 	tabList: ITabList[];
 	defaultValue?: string;
 	tabPanelSx?: any;
@@ -88,27 +88,34 @@ const Tabs = (props: IProps) => {
 			: tabList.filter((e) => !e.hide)[0].value
 	);
 
-	const [hoverValue, setHoverValue] = useState('')
+	const [hoverValue, setHoverValue] = useState("");
 
 	const onTabChange = (val: string) => {
-		setTabValue(val)
+		setTabValue(val);
 		onChange && onChange(val);
 	};
 
-	const getImgSrc = useCallback((item: ITabList)=>{
-		let result = item.icon
-		if(value === item.value){
-			result = item.iconed
+	const getImgSrc = useCallback(
+		(item: ITabList) => {
+			let result = item.icon;
+			if (value === item.value || tabValue === item.value) {
+				result = item.iconed;
 			}
-		if(hoverValue === item.value){
-			result = item.iconHover
+			if (hoverValue === item.value) {
+				result = item.iconHover;
 			}
-		return result
-	},[hoverValue, value])
+			return result;
+		},
+		[hoverValue, value, tabValue]
+	);
 
 	const labelRender = (item: ITabList, key: number) => {
 		return (
-			<div style={{ display: "flex", alignItems: "center" }} onMouseOver={()=>setHoverValue(item.value)} onMouseOut={()=>setHoverValue('')}>
+			<div
+				style={{ display: "flex", alignItems: "center" }}
+				onMouseOver={() => setHoverValue(item.value)}
+				onMouseOut={() => setHoverValue("")}
+			>
 				{item.icon ? (
 					<img
 						style={{ width: "16px", marginRight: "8px" }}

src/views/ConsoleLayout/components/TransferList/index.tsx

 /*
  * @Author: 吴永生#A02208 yongsheng.wu@wholion.com
  * @Date: 2022-06-10 18:05:21
- * @LastEditors: 吴永生#A02208 yongsheng.wu@wholion.com
- * @LastEditTime: 2022-07-21 11:28:21
+ * @LastEditors: 吴永生 15770852798@163.com
+ * @LastEditTime: 2022-09-01 14:09:28
  * @FilePath: /bkunyun/src/views/ConsoleLayout/components/TransferList/index.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -43,11 +43,11 @@ const TranSferList = observer(() => {
 					size="small"
 				/>
 			</Box>
-			<Box style={{ height: 400, overflowY: "auto" }}>
+			<div style={{ height: 400, overflow: "overlay" }}>
 				{uploadInfoStore?.fileList.map((item) => {
 					return <FileItem fileItemInfo={item} key={item.id} />;
 				})}
-			</Box>
+			</div>
 		</Box>
 	);
 });

src/views/CustomOperator/components/OperatorList/index.module.css

@@ -32,7 +32,7 @@
 }
 .list {
 	height: calc(100% - 55px);
-	overflow-y: auto;
+	overflow-y: overlay;
 	padding: 15px 20px;
 	box-sizing: border-box;
 }

src/views/MenuLayout/index.module.css

@@ -13,7 +13,7 @@
 .content {
 	flex: 1;
 	height: calc(100vh - 57px);
-	overflow: scroll;
+	overflow: overlay;
 }
 .listItem {
 	padding: 8px 25px;

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

@@ -42,7 +42,7 @@
 }
 .table {
 	flex: 1;
-	overflow-y: auto;
+	overflow-y: overlay;
 	display: flex;
 	flex-direction: column;
 }
@@ -101,7 +101,7 @@
 }
 .datasetLiDataList {
 	flex: 1;
-	overflow: auto;
+	overflow: overlay;
 }
 .noDataList {
 	flex: 1;

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

@@ -50,10 +50,6 @@
 	box-sizing: border-box;
 	position: relative;
 }
-/* .tableBox {
-  height: 300px;
-  overflow: scroll;
-} */
 .fileIconBox {
 	display: flex;
 	justify-content: flex-start;

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

@@ -3,7 +3,7 @@
 	top: 0;
 	width: 100%;
 	height: 100%;
-    background-color: rgba(0, 0, 0, .5);
+	background-color: rgba(0, 0, 0, 0.5);
 	z-index: 1002;
 }
 
@@ -14,8 +14,8 @@
 	transform: translate(-50%, -50%);
 	width: 900px;
 	height: 600px;
-    background: #282C34;
-    box-shadow: 2px 4px 20px 0px rgba(0, 15, 45, 0.1200);
+	background: #282c34;
+	box-shadow: 2px 4px 20px 0px rgba(0, 15, 45, 0.12);
 	border-radius: 8px;
 }
 
@@ -29,17 +29,17 @@
 
 .logViewTop {
 	/* height: 30px; */
-    background-color: #1D2126;
+	background-color: #1d2126;
 	border-radius: 8px 8px 0 0;
 	display: flex;
 	font-size: 12px;
-    color: #8A9099;
-    overflow: auto;
+	color: #8a9099;
+	overflow: overlay;
 }
 
 .logViewTop::-webkit-scrollbar-track {
-    background-color: #282C34;
-  }
+	background-color: #282c34;
+}
 
 .logTitle {
 	display: flex;
@@ -51,12 +51,12 @@
 }
 
 .logTitleSelected {
-    background: #282C34;
-    color: #FFFFFF;
+	background: #282c34;
+	color: #ffffff;
 }
 
-.fileIcon{
-    width: 14px!important;
+.fileIcon {
+	width: 14px !important;
 	margin-right: 4px;
 }
 
@@ -65,18 +65,18 @@
 	box-sizing: border-box;
 	height: 510px;
 	padding: 16px 24px 0;
-    color: #D1D6DE;
-    white-space:pre-wrap;
+	color: #d1d6de;
+	white-space: pre-wrap;
 	word-break: break-word;
-    overflow: auto;
+	overflow: overlay;
 	font-size: 14px;
 	line-height: 22px;
 }
 
-.logViewContentMask{
+.logViewContentMask {
 	height: 16px;
 	width: 852px;
-    background-color: #282C34;
+	background-color: #282c34;
 	position: absolute;
 	top: 30px;
 	left: 24px;
@@ -84,7 +84,7 @@
 }
 
 .logViewContent::-webkit-scrollbar-track {
-  background-color: #282C34;
+	background-color: #282c34;
 }
 
 .logViewBottom {

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

@@ -6,7 +6,7 @@
 	width: 100vw;
 	height: 100vh;
 	background-color: RGBA(247, 248, 250, 1);
-	overflow-y: auto;
+	overflow-y: overlay;
 }
 .swHeader {
 	z-index: 1001;
@@ -41,7 +41,7 @@
 	background-color: #fff;
 	border-right: 1xp solid rgba(235, 237, 240, 1);
 	width: 360px;
-	overflow-y: scroll;
+	overflow-y: overlay;
 	box-sizing: border-box;
 	padding: 24px;
 }
@@ -74,7 +74,7 @@
 	color: rgba(19, 112, 255, 1);
 	font-size: 14px;
 }
-.outputItemName{
+.outputItemName {
 	max-width: 172px;
 	white-space: nowrap;
 	display: block;
@@ -164,7 +164,7 @@
 	position: absolute;
 	top: 33px;
 	max-height: 230px;
-	overflow-y: scroll;
+	overflow-y: overlay;
 	padding: 8px 0px;
 	background: #ffffff;
 	box-shadow: 0px 3px 10px 0px rgba(0, 24, 57, 0.14);

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

@@ -2,14 +2,14 @@
 	display: flex;
 	margin: 16px 16px 0;
 	height: 156px;
-    background: #FFFFFF;
-    box-shadow: 2px 2px 6px 0px rgba(0, 25, 57, 0.0300);
+	background: #ffffff;
+	box-shadow: 2px 2px 6px 0px rgba(0, 25, 57, 0.03);
 	border-radius: 4px;
 }
 
 .dividingLine {
 	height: 156px;
-    border-left: 1px solid #EBEDF0;
+	border-left: 1px solid #ebedf0;
 	position: relative;
 }
 
@@ -20,8 +20,8 @@
 	width: 26px;
 	height: 26px;
 	background-color: #fff;
-    border-top: 1px solid #EBEDF0;
-    border-right: 1px solid #EBEDF0;
+	border-top: 1px solid #ebedf0;
+	border-right: 1px solid #ebedf0;
 	transform: rotate(45deg);
 }
 
@@ -43,8 +43,8 @@
 	cursor: pointer;
 }
 
-.taskName:hover{
-    color: #1370FF;
+.taskName:hover {
+	color: #1370ff;
 }
 
 .taskStatus {
@@ -66,7 +66,7 @@
 .taskCreator {
 	font-size: 12px;
 	line-height: 20px;
-    color: #1E2633;
+	color: #1e2633;
 	margin-top: 4px;
 }
 
@@ -80,13 +80,13 @@
 	justify-content: space-between;
 	margin-bottom: 8px;
 	font-size: 12px;
-    color: #565C66;
+	color: #565c66;
 }
 
 .bottomLine {
 	display: flex;
 	font-size: 12px;
-    color: #565C66;
+	color: #565c66;
 }
 
 .bottomInfo {
@@ -97,7 +97,7 @@
 	flex: 1;
 	display: flex;
 	position: relative;
-    overflow: auto;
+	overflow: overlay;
 }
 
 .noResult {
@@ -106,7 +106,7 @@
 	left: 50%;
 	transform: translate(-50%, -50%);
 	font-size: 14px;
-    color: #8A9099;
+	color: #8a9099;
 }
 
 .resultBox {
@@ -120,7 +120,7 @@
 .result {
 	box-sizing: border-box;
 	font-size: 12px;
-    color: #1E2633;
+	color: #1e2633;
 	cursor: pointer;
 	height: 30px;
 	overflow: hidden;
@@ -129,26 +129,26 @@
 	padding-right: 8px;
 }
 
-@media screen and (max-width:1220px) {
+@media screen and (max-width: 1220px) {
 	.result {
 		width: 100%;
 	}
 }
 
-@media screen and (min-width:1220px) and (max-width:1600px) {
+@media screen and (min-width: 1220px) and (max-width: 1600px) {
 	.result {
 		width: 50%;
 	}
 }
 
-@media screen and (min-width:1600px) {
+@media screen and (min-width: 1600px) {
 	.result {
 		width: 33.33%;
 	}
 }
 
 .result:hover {
-    color: #1370FF;
+	color: #1370ff;
 }
 
 .outputLeftImg {

src/views/Project/ProjectSetting/ProjectMembers/components/AddMember.tsx

@@ -2,7 +2,7 @@
  * @Author: 吴永生#A02208 yongsheng.wu@wholion.com
  * @Date: 2022-05-31 10:18:13
  * @LastEditors: 吴永生 15770852798@163.com
- * @LastEditTime: 2022-08-31 18:27:26
+ * @LastEditTime: 2022-09-01 14:09:34
  * @FilePath: /bkunyun/src/views/Project/ProjectSetting/index.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -160,9 +160,9 @@ const AddMember = observer((props: IProps) => {
 						placeholder="搜索项目成员"
 						sx={{ mb: 2 }}
 					/>
-					<div style={{ overflowY: "scroll", maxHeight: 400 }}>
+					<div style={{ overflow: "overlay", maxHeight: 400 }}>
 						<MyTable
-							tableContainerStyle={{height: 346}}
+							tableContainerStyle={{ height: 346 }}
 							checkboxData={(val: string[]) => setCheckData(val)}
 							param="username"
 							disabledParam={"enabled"}

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

@@ -6,7 +6,7 @@
 	width: 100vw;
 	height: 100vh;
 	background-color: RGBA(247, 248, 250, 1);
-	overflow-y: auto;
+	overflow-y: overlay;
 }
 .swHeader {
 	z-index: 1001;
@@ -53,7 +53,7 @@
 	background-color: #fff;
 	border-right: 1xp solid rgba(235, 237, 240, 1);
 	width: 608px;
-	overflow-y: scroll;
+	overflow-y: overlay;
 	box-sizing: border-box;
 	padding: 36px;
 }

src/views/Project/ProjectWorkbench/index.tsx

@@ -2,7 +2,7 @@
  * @Author: rocosen
  * @Date: 2022-06-12 10:05:13
  * @LastEditors: 吴永生 15770852798@163.com
- * @LastEditTime: 2022-09-01 09:31:56
+ * @LastEditTime: 2022-09-01 11:51:16
  * @FilePath: /bkunyun/src/views/Project/ProjectSetting/index.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -50,7 +50,7 @@ const ProjectWorkbench = observer(() => {
 	}, [isPass]);
 
 	return (
-		<div style={{ padding: "28px 24px 24px", height: "100%" }}>
+		<div style={{ padding: "28px 24px 24px" }}>
 			<div style={{ display: "flex", alignItems: "center" }}>
 				<span
 					style={{

src/views/Project/ProjectWorkbench/workbenchList/index.module.css

 /* .headerBox { */
-    /* margin-bottom: 20px; */
+/* margin-bottom: 20px; */
 /* } */
 
 .tabHeader {
@@ -14,9 +14,9 @@
 
 .body {
 	margin-top: 24px;
-    border-top: 1px solid #F0F2F5;
+	border-top: 1px solid #f0f2f5;
 	overflow: hidden;
-    overflow-y: auto;
+	overflow-y: overlay;
 	height: calc(100vh - 325px);
 }
 
@@ -25,11 +25,11 @@
 	display: flex;
 	align-items: center;
 	width: 100%;
-    border-bottom: 1px solid #F0F2F5;
+	border-bottom: 1px solid #f0f2f5;
 }
 
 .tabBox:hover {
-    background-color: #F5F6F7;
+	background-color: #f5f6f7;
 }
 
 .tabBoxInfo {
@@ -41,12 +41,11 @@
 	display: flex;
 }
 
-
 .tabBoxTitle {
 	font-size: 14px;
 	line-height: 22px;
 	font-weight: 600;
-    color: #1E2633;
+	color: #1e2633;
 	margin-bottom: 8px;
 }
 
@@ -55,14 +54,14 @@
 	line-height: 20px;
 	white-space: nowrap;
 	font-weight: 400;
-    color: #8A9099;
+	color: #8a9099;
 }
 
 .tabBoxTime {
 	font-size: 12px;
 	line-height: 20px;
 	font-weight: 400;
-    color: #565C66;
+	color: #565c66;
 	margin-left: 8px;
 }
 
@@ -85,7 +84,7 @@
 	font-size: 12px;
 	line-height: 20px;
 	font-weight: 400;
-    color: #1E2633;
+	color: #1e2633;
 	margin: 0px 16px 0px 8px;
 	white-space: nowrap;
 }
@@ -106,6 +105,6 @@
 }
 
 .tabUpdate:hover {
-    background: #F0F2F5;
+	background: #f0f2f5;
 	border-radius: 4px;
 }

src/views/Project/ProjectWorkbench/workbenchTemplate/components/AddTemplate/index.module.css

@@ -11,13 +11,13 @@
 }
 
 .headerBoxShadow {
-	box-shadow: 0 5px 4px -4px rgb(0, 0, 0, .15);
+	box-shadow: 0 5px 4px -4px rgb(0, 0, 0, 0.15);
 }
 
 .templateBox {
 	padding: 0 32px;
 	height: calc(100vh - 168px);
-	overflow: auto;
+	overflow: overlay;
 }
 
 .templateList {

src/views/Project/ProjectWorkbench/workbenchTemplate/index.module.css

@@ -16,6 +16,14 @@
 	margin-bottom: 24px;
 }
 
+.templateBox {
+	display: flex;
+	flex-wrap: wrap;
+	/* max-height: calc(100vh - 276px); */
+	margin: 0 -8px;
+	overflow-y: overlay;
+}
+
 .template {
 	padding: 0 8px;
 	box-sizing: border-box;
@@ -24,7 +32,7 @@
 .templateBlock {
 	height: 194px;
 	background: #ffffff;
-	box-shadow: 0px 3px 10px 0px rgba(0, 24, 57, 0.0400);
+	box-shadow: 0px 3px 10px 0px rgba(0, 24, 57, 0.04);
 	border-radius: 4px;
 	border: 1px solid #ebedf0;
 	padding: 16px 20px;
@@ -36,19 +44,19 @@
 	box-sizing: border-box;
 }
 
-@media screen and (max-width:1220px) {
+@media screen and (max-width: 1220px) {
 	.template {
 		width: 50%;
 	}
 }
 
-@media screen and (min-width:1220px) and (max-width:1600px) {
+@media screen and (min-width: 1220px) and (max-width: 1600px) {
 	.template {
 		width: 33.33333%;
 	}
 }
 
-@media screen and (min-width:1600px) {
+@media screen and (min-width: 1600px) {
 	.template {
 		width: 25%;
 	}

src/views/Project/ProjectWorkbench/workbenchTemplate/index.tsx

@@ -2,7 +2,7 @@
  * @Author: 吴永生#A02208 yongsheng.wu@wholion.com
  * @Date: 2022-05-31 10:18:13
  * @LastEditors: 吴永生 15770852798@163.com
- * @LastEditTime: 2022-08-18 10:01:36
+ * @LastEditTime: 2022-09-01 10:49:46
  * @FilePath: /bkunyun/src/views/Project/ProjectSetting/index.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -141,7 +141,7 @@ const ProjectMembers = observer(() => {
 				</Box>
 			)}
 			{templateList.length > 0 && (
-				<Box sx={{ display: "flex", flexWrap: "wrap", margin: "0 -8px" }}>
+				<Box className={styles.templateBox}>
 					{templateList &&
 						templateList.length > 0 &&
 						templateList.map((item, key) => {

src/views/Project/components/ProjectListPopper/index.module.css

 .projectBox {
 	width: calc(100vw - 220px);
 	height: calc(100vh - 57px);
-	background-color: rgba(0, 0, 0, .5);
+	background-color: rgba(0, 0, 0, 0.5);
 	/* width: 260px;
 	height: calc(100vh - 57px); */
 	/* width: 260px;
@@ -12,14 +12,14 @@
 	flex-direction: column; */
 }
 
-.mainBox{
+.mainBox {
 	width: 260px;
 	height: calc(100vh - 57px);
 	background-color: #fff;
 	border-right: 1px solid #ebedf0;
 	display: flex;
 	flex-direction: column;
-	border-left:  1px solid #DDE1E6;;
+	border-left: 1px solid #dde1e6;
 }
 
 .searchBox {
@@ -56,7 +56,7 @@
 }
 .projectlist {
 	flex: 1;
-	overflow-y: scroll;
+	overflow-y: overlay;
 	border-top: 1px solid #f0f2f5;
 }
 .projectli {

src/views/WorkFlowEdit/components/OperatorList/index.module.css

@@ -34,11 +34,11 @@
 
 .versionBox {
 	display: inline-block;
-	color: #1E2633;
+	color: #1e2633;
 	border-radius: 2px;
 	font-size: 12px;
 	padding: 2px 8px;
-	background-color: #F0F2F5;
+	background-color: #f0f2f5;
 }
 
 .searchBox {
@@ -57,7 +57,7 @@
 }
 
 .listBox {
-	overflow-y: scroll;
+	overflow-y: overlay;
 	height: calc(100% - 48px);
 	position: relative;
 }

src/views/WorkFlowEdit/components/ParameterSetting/index.module.css

@@ -3,7 +3,7 @@
 	height: calc(100vh - 140px);
 	width: 360px;
 	box-sizing: border-box;
-	overflow-y: scroll;
+	overflow-y: overlay;
 	padding: 0 24px;
 }
 .taskInfo {
@@ -129,10 +129,10 @@
 	line-height: 20px;
 	color: rgba(255, 78, 78, 1);
 }
-.noParameters{
+.noParameters {
 	font-size: 12px;
 	text-align: center;
-	color: #C2C6CC;
+	color: #c2c6cc;
 	line-height: 84px;
 }
 

src/views/WorkFlowEdit/index.module.css

@@ -6,7 +6,7 @@
 	width: 100vw;
 	height: 100vh;
 	background-color: RGBA(247, 248, 250, 1);
-	overflow-y: auto;
+	overflow-y: overlay;
 }
 .swHeader {
 	z-index: 1001;