feat: 算子增加hover效果

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

@@ -25,6 +25,9 @@
 	justify-content: flex-start;
 	align-items: center;
 }
+.goBackIcon {
+	cursor: pointer;
+}
 .swTemplateTitle {
 	margin: 0 19px 0 8px;
 	line-height: 22px;

src/views/Project/ProjectJobDetail/index.tsx

@@ -11,8 +11,6 @@ import { toJS } from "mobx";
 import { observer } from "mobx-react-lite";
 import classNames from "classnames";
 import { useLocation, useNavigate } from "react-router-dom";
-import ArrowBackIosNewIcon from "@mui/icons-material/ArrowBackIosNew";
-import IconButton from "@mui/material/IconButton";
 
 import MyButton from "@/components/mui/MyButton";
 import useMyRequest from "@/hooks/useMyRequest";
@@ -27,6 +25,7 @@ import jobStop from "@/assets/project/jobStop.svg";
 import jobRun from "@/assets/project/jobRun.svg";
 import fullScreen from "@/assets/project/fullScreen.svg";
 import partialScreen from "@/assets/project/partialScreen.svg";
+import goback from "@/assets/project/goback.svg";
 import CloudEController from "@/api/fileserver/CloudEController";
 import jobFail from "@/assets/project/jobFail.svg";
 import fileIcon from "@/assets/project/fileIcon.svg";
@@ -422,21 +421,12 @@ const ProjectSubmitWork = observer(() => {
 			{fullScreenShow ? null : (
 				<div className={styles.swHeader}>
 					<div className={styles.swHeaderLeft}>
-						<IconButton
-							color="primary"
+						<img
 							onClick={onBack}
-							aria-label="upload picture"
-							component="span"
-							size="small"
-						>
-							<ArrowBackIosNewIcon
-								sx={{
-									color: "#C2C6CC",
-									width: "12px",
-									height: "12px",
-								}}
-							/>
-						</IconButton>
+							className={styles.goBackIcon}
+							src={goback}
+							alt=""
+						/>
 
 						<div className={styles.swTemplateTitle}>{name}</div>
 					</div>

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

@@ -3,6 +3,17 @@
 	border-radius: 4px;
 	cursor: grab;
 	padding: 16px 16px 0 24px;
+	background-color: #fff;
+}
+.operatorItemBox:hover {
+	position: relative;
+	z-index: 1;
+	top: -1px;
+	left: 24px;
+	box-shadow: 6px 8px 22px 0px rgba(0, 24, 57, 0.08);
+}
+.operatorItemBox:hover .footerBox {
+	border-bottom: none;
 }
 
 .dragBox {
@@ -62,6 +73,7 @@
 	overflow-y: overlay;
 	height: calc(100% - 48px);
 	position: relative;
+	overflow-x: visible;
 }
 .noData {
 	display: flex;