feat(admin): 弹窗未保存内容保护与空状态引导扩展

- 新增 useDirtyGuard hook:关闭弹窗时若表单被修改,先确认再关闭
- 接入 17 个弹窗:账号/密码/档案、角色、教室、宿舍/床位/柜子、
  考勤机、机构、班级、教师、考试、排课、入住/退宿/换房、费用
  (子组件弹窗用 useEffect 在回填后快照,时序正确)
- 学生列表空状态带「添加学生」引导动作
- 排课创建成功提示「同步钉钉」,考试创建成功提示「去详情录成绩」

aislop scan: 5 引擎 0 issues
This commit is contained in:
2026-08-07 17:56:13 +08:00
parent bcbf3c8b2e
commit c10476d203
16 changed files with 273 additions and 49 deletions

View File

@@ -32,6 +32,7 @@ import { message } from '../../ui/app-message';
import { usePermission } from '../../hooks/usePermission';
import { QueryErrorState } from '../../components/QueryState';
import { useVisibleRefetch } from '../../hooks/usePageVisible';
import { useDirtyGuard } from '../../hooks/useDirtyGuard';
interface ClassItem {
id: number;
@@ -88,6 +89,7 @@ const ClassesPage: React.FC = () => {
const [filterStatus, setFilterStatus] = useState<string>();
const [filterType, setFilterType] = useState<string>();
const [form] = Form.useForm<ClassFormValues>();
const classFormGuard = useDirtyGuard(form);
const [saving, setSaving] = useState(false);
const [showArchived, setShowArchived] = useState(false);
@@ -178,6 +180,7 @@ const ClassesPage: React.FC = () => {
const handleCreate = () => {
setEditing(null);
form.resetFields();
classFormGuard.snapshot();
setModalOpen(true);
};
@@ -190,9 +193,10 @@ const ClassesPage: React.FC = () => {
startDate: record.startDate ? dayjs(record.startDate) : undefined,
endDate: record.endDate ? dayjs(record.endDate) : undefined,
});
classFormGuard.snapshot();
setModalOpen(true);
},
[form],
[form, classFormGuard],
);
const handleSubmit = async () => {
@@ -457,7 +461,7 @@ const ClassesPage: React.FC = () => {
title={editing ? '编辑班级' : '创建班级'}
open={modalOpen}
onOk={handleSubmit}
onCancel={() => setModalOpen(false)}
onCancel={() => classFormGuard.confirmClose(() => setModalOpen(false))}
confirmLoading={saving}
width={600}
>