P5: 后台独立应用（MUI）- 13 模块/布局/守卫/复用前台基建

2026-08-06 23:10:09 +08:00
parent f7dd4163b2
commit c71f4f0ed6
21 changed files with 2936 additions and 5 deletions
@@ -0,0 +1,21 @@
+import React from 'react';
+import Dialog from '@mui/material/Dialog';
+import DialogTitle from '@mui/material/DialogTitle';
+import DialogContent from '@mui/material/DialogContent';
+import DialogActions from '@mui/material/DialogActions';
+import Button from '@mui/material/Button';
+import Typography from '@mui/material/Typography';
+
+/** 通用确认弹窗 */
+export default function ConfirmDialog({ open, title = '确认操作', message, onClose, onConfirm, confirmText = '确认', danger = true }) {
+  return (
+    <Dialog open={open} onClose={onClose} maxWidth="xs" fullWidth>
+      <DialogTitle>{title}</DialogTitle>
+      <DialogContent><Typography variant="body1">{message}</Typography></DialogContent>
+      <DialogActions>
+        <Button onClick={onClose}>取消</Button>
+        <Button color={danger ? 'error' : 'primary'} variant="contained" onClick={onConfirm}>{confirmText}</Button>
+      </DialogActions>
+    </Dialog>
+  );
+}