feat: 样式优化

src/components/BusinessComponents/QueueSelect/index.tsx

@@ -293,6 +293,17 @@ const QueueSelect = (props: IQueueSelectProps) => {
 							</span>
 						</div>
 					}
+					sx={{
+						zIndex: 1600,
+						// 让提示文案在弹窗下
+						"& .MuiDialog-container": {
+							"& .MuiPaper-root": {
+								// 设置最大宽度， 实际宽度让子元素撑大
+								maxWidth: "1920px",
+								borderRadius: "8px",
+							},
+						},
+					}}
 				>
 					<div className={style.queueSelectContentBox}>
 						<RadioGroupOfButtonStyle

src/components/mui/MyDialog.tsx

@@ -5,13 +5,14 @@ import {
 	DialogActions,
 	DialogContent,
 	DialogTitle,
+	DialogProps,
 } from "@mui/material";
 import CloseIcon from "@mui/icons-material/Close";
 import { ThemeProvider, createTheme } from "@mui/material/styles";
 
 import MyButton from "./MyButton";
 
-export interface IDialogProps {
+export interface IDialogProps extends DialogProps {
 	/** 自定义类名 */
 	className?: string;
 	/** 自定义样式 */
@@ -101,6 +102,7 @@ const MyDialog: React.FunctionComponent<IDialogProps> = (props) => {
 		okColor = "primary",
 		isText = false,
 		leftSideOfButtonContent = null,
+		...other
 	} = props;
 
 	const handelClose = (
@@ -184,6 +186,7 @@ const MyDialog: React.FunctionComponent<IDialogProps> = (props) => {
 						},
 					},
 				}}
+				{...other}
 			>
 				{isHideHeader ? null : (
 					<DialogTitle id="alert-dialog-title" sx={{ padding: "20px 24px" }}>