feat: 切换项目逻辑修改， switch组件样式修改

src/components/mui/MySwitch.tsx

@@ -6,7 +6,7 @@
  * @FilePath: /bkunyun/src/components/mui/MySwitch.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
-import * as React from "react";
+import React, { useMemo } from "react";
 import Switch, { SwitchProps } from "@mui/material/Switch";
 import { ThemeProvider, createTheme } from "@mui/material/styles";
 
@@ -17,43 +17,67 @@ interface IMySwitchProps extends SwitchProps {
 	disabled?: boolean;
 }
 
-const theme = createTheme({
-	components: {
-		MuiSwitch: {
-			styleOverrides: {
-				root: {
-					boxSizing: "border-box",
-					padding: "0",
-				},
-				switchBase: {
-					top: "4px",
-					left: "4px",
-					padding: 0,
-					"&.Mui-checked": {
-						left: "2px",
-						"& + .MuiSwitch-track": {
-							backgroundColor: "#1370ff",
-							opacity: 1,
+const MySwitch = (props: IMySwitchProps) => {
+	const {
+		value,
+		defaultChecked,
+		onChange,
+		disabled = false,
+		size,
+		...other
+	} = props;
+
+	const bgColor = useMemo(() => {
+		if (disabled) {
+			if (value) {
+				return "rgba(166, 211, 255, 1)";
+			} else {
+				return "rgba(221, 225, 230, 1)";
+			}
+		} else {
+			if (value) {
+				return "rgba(19, 112, 255, 1)";
+			} else {
+				return "rgba(221, 225, 230, 1)";
+			}
+		}
+	}, [disabled, value]);
+
+	const theme = createTheme({
+		components: {
+			MuiSwitch: {
+				styleOverrides: {
+					root: {
+						boxSizing: "border-box",
+						padding: "0",
+					},
+					switchBase: {
+						top: "4px",
+						left: "4px",
+						padding: 0,
+						"&.Mui-checked": {
+							left: "2px",
+							"& + .MuiSwitch-track": {
+								backgroundColor: bgColor,
+								opacity: 1,
+							},
 						},
 					},
-				},
-				thumb: {
-					width: "14px",
-					height: "14px",
-					color: "#fff",
-				},
-				track: {
-					borderRadius: "11px",
-					backgroundColor: "#E6E8EB",
-					opacity: 1,
+					thumb: {
+						width: "14px",
+						height: "14px",
+						color: "#fff",
+					},
+					track: {
+						borderRadius: "11px",
+						backgroundColor: "rgba(221, 225, 230, 1)",
+						opacity: 1,
+					},
 				},
 			},
 		},
-	},
-});
+	});
 
-const MySwitch = (props: IMySwitchProps) => {
-	const { value, defaultChecked, onChange, disabled = false, size, ...other } = props;
 	return (
 		<ThemeProvider theme={theme}>
 			<Switch
@@ -64,13 +88,13 @@ const MySwitch = (props: IMySwitchProps) => {
 				sx={
 					size === "medium"
 						? {
-							width: 44,
-							height: 24,
-						}
+								width: 44,
+								height: 24,
+						  }
 						: {
-							width: 40,
-							height: 22,
-						}
+								width: 40,
+								height: 22,
+						  }
 				}
 				{...other}
 			/>

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

@@ -48,6 +48,10 @@
 	font-weight: 600;
 	color: #1e2633;
 	margin-bottom: 8px;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
+	padding-right: 20px;
 }
 
 .tabBoxDesc {

src/views/Project/components/AddProject/index.tsx

@@ -70,7 +70,6 @@ const AddProject = (props: IAddProjectProps) => {
 						project = { ...item };
 					}
 				});
-				currentProjectStore.changeProject(project);
 				setFileServerEndPointLocalStorage(project.zoneId);
 				getFiletokenAccordingToId(project.id).then((res) => {
 					project.filetoken = res;

src/views/Project/components/CurrentProject/index.tsx

@@ -33,7 +33,6 @@ const CurrentProject = observer(() => {
 	const canBeOpen = projectListOpen && Boolean(anchorEl);
 	const id = canBeOpen ? "spring-popper" : undefined;
 	const handleChangeCurrentProject = (project: any) => {
-		currentProjectStore.changeProject(project);
 		setFileServerEndPointLocalStorage(project.zoneId);
 		getFiletokenAccordingToId(project.id).then((res) => {
 			project.filetoken = res;

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

@@ -71,7 +71,6 @@
 	overflow-y: overlay;
 	height: calc(100% - 48px);
 	position: relative;
-	overflow: visible;
 }
 .noData {
 	display: flex;

src/views/WorkFlowEdit/index.module.css

@@ -47,7 +47,6 @@
 	border-right: 1px solid rgba(235, 237, 240, 1);
 	width: 360px;
 	height: 100%;
-	overflow-y: auto;
 	box-sizing: border-box;
 	position: relative;
 }