feat: tabs切换记住activetab 刷新也保持

src/components/mui/MyTabs/index.tsx

@@ -15,6 +15,7 @@ import { ThemeProvider, createTheme } from "@mui/material/styles";
 import { TabContext, TabList, TabPanel } from "@mui/lab";
 import { Typography } from "@mui/material";
 import classNames from "classnames";
+import { useNavigate } from "react-router-dom";
 
 import styles from "./index.module.css";
 
@@ -46,6 +47,8 @@ interface IProps {
 	tabPanelSx?: any;
 	/**   是否允许空值 */
 	allowNullValue?: boolean;
+	/**   路由地址  配合navigate和MyTabs组件的defaultValue组合使用、F5刷新也可以保存激活的tab */
+	navigateUrl?: string;
 }
 
 const theme = createTheme({
@@ -101,8 +104,11 @@ const Tabs = (props: IProps) => {
 		tabPanelSx = { padding: "20px 0 0 0" },
 		title,
 		titleClass,
+		navigateUrl,
 	} = props;
 
+	const navigate = useNavigate();
+
 	const [tabValue, setTabValue] = useState(
 		defaultValue
 			? defaultValue
@@ -116,6 +122,10 @@ const Tabs = (props: IProps) => {
 	const onTabChange = (val: string) => {
 		setTabValue(val);
 		onChange && onChange(val);
+		navigateUrl &&
+			navigate(navigateUrl, {
+				state: { defaultTab: val },
+			});
 	};
 
 	const getImgSrc = useCallback(

src/views/ResourceCenter/UserResources/WorkflowOperator/components/AddOperator/index.tsx

@@ -499,7 +499,7 @@ const AddOperator = observer((props: IAddOperator) => {
 									style={{
 										position: "absolute",
 										fontSize: "14px",
-										bottom: "7px",
+										top: "96px",
 										right: "12px",
 										color:
 											Number(formData?.description?.length) >= 300

src/views/ResourceCenter/UserResources/index.tsx

@@ -40,6 +40,7 @@ const UserResources = () => {
 				tabList={tabList}
 				defaultValue={location?.state?.defaultTab || "USERRESOURCES_TEMPLATE"}
 				tabPanelSx={{ padding: "0" }}
+				navigateUrl="/utility/resourceCenter/userResources"
 			/>
 			{/* <OperatorDetails /> */}
 		</div>