feat(admin): 管理端 UI/UX 深度优化——错误/加载/空状态、表单快捷键、移动端适配与无障碍
This commit is contained in:
@@ -22,6 +22,7 @@ import {
|
||||
UploadOutlined,
|
||||
} from '@ant-design/icons';
|
||||
import PermissionButton from '../../components/PermissionButton';
|
||||
import { RefreshButton } from '../../components/RefreshButton';
|
||||
import { statusMap } from './StudentColumns';
|
||||
|
||||
export interface StudentsToolbarProps {
|
||||
@@ -60,6 +61,8 @@ export interface StudentsToolbarProps {
|
||||
onExport: () => void;
|
||||
templateLoading?: boolean;
|
||||
exportLoading?: boolean;
|
||||
refreshLoading?: boolean;
|
||||
onRefresh?: () => void;
|
||||
}
|
||||
|
||||
export const StudentsToolbar: React.FC<StudentsToolbarProps> = ({
|
||||
@@ -98,6 +101,8 @@ export const StudentsToolbar: React.FC<StudentsToolbarProps> = ({
|
||||
onExport,
|
||||
templateLoading,
|
||||
exportLoading,
|
||||
refreshLoading,
|
||||
onRefresh,
|
||||
}) => {
|
||||
const { modal } = App.useApp();
|
||||
return (
|
||||
@@ -171,6 +176,7 @@ export const StudentsToolbar: React.FC<StudentsToolbarProps> = ({
|
||||
</Button>
|
||||
</Space>
|
||||
<Space wrap className="responsive-toolbar__group">
|
||||
{onRefresh ? <RefreshButton loading={refreshLoading} onRefresh={onRefresh} /> : null}
|
||||
{showArchived && canEditStudent ? (
|
||||
<>
|
||||
<Popconfirm
|
||||
|
||||
Reference in New Issue
Block a user