员工姓名
diff --git a/src/pages/Users.tsx b/src/pages/Users.tsx
deleted file mode 100644
index 1d11327..0000000
--- a/src/pages/Users.tsx
+++ /dev/null
@@ -1,433 +0,0 @@
-import { useEffect, useState } from 'react';
-import {
- Card,
- Table,
- Button,
- Space,
- Input,
- Select,
- Tag,
- Modal,
- Form,
- message,
- Pagination,
-} from 'antd';
-import {
- UserOutlined,
- PlusOutlined,
- EditOutlined,
- DeleteOutlined,
- KeyOutlined,
-} from '@ant-design/icons';
-import { usersApi, authApi } from '@/services/api';
-import type { User, UserRole, CreateUserRequest, UpdateUserRequest } from '@/types';
-
-const ROLE_LABEL: Record
= {
- admin: '管理员',
- technician: '技术员',
- employee: '员工（不可登录后台）',
- user: '普通用户',
-};
-
-const ROLE_COLOR: Record = {
- admin: 'red',
- technician: 'blue',
- employee: 'green',
- user: 'default',
-};
-
-function UsersPage() {
- const currentUser = authApi.getCurrentUser();
-
- const [users, setUsers] = useState([]);
- const [loading, setLoading] = useState(true);
- const [page, setPage] = useState(1);
- const [limit, setLimit] = useState(10);
- const [total, setTotal] = useState(0);
- const [search, setSearch] = useState('');
- const [roleFilter, setRoleFilter] = useState();
-
- const [createVisible, setCreateVisible] = useState(false);
- const [createLoading, setCreateLoading] = useState(false);
- const [createForm] = Form.useForm();
-
- const [editingUser, setEditingUser] = useState(null);
- const [editLoading, setEditLoading] = useState(false);
- const [editForm] = Form.useForm();
-
- const [resetPasswordUser, setResetPasswordUser] = useState(null);
- const [resetLoading, setResetLoading] = useState(false);
- const [resetForm] = Form.useForm<{ newPassword: string }>();
-
- const loadUsers = async () => {
- setLoading(true);
- try {
- const result = await usersApi.list({
- page,
- limit,
- search: search || undefined,
- role: roleFilter,
- });
- setUsers(result.data || []);
- setTotal(result.pagination?.total || 0);
- } catch (err: any) {
- message.error(err?.response?.data?.message || err.message || '加载用户列表失败');
- setUsers([]);
- } finally {
- setLoading(false);
- }
- };
-
- useEffect(() => {
- loadUsers();
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [page, limit, search, roleFilter]);
-
- const handleCreate = async (values: CreateUserRequest) => {
- setCreateLoading(true);
- try {
- await usersApi.create(values);
- message.success('用户创建成功');
- setCreateVisible(false);
- createForm.resetFields();
- loadUsers();
- } catch (err: any) {
- message.error(err?.response?.data?.message || err.message || '创建失败');
- } finally {
- setCreateLoading(false);
- }
- };
-
- const openEdit = (user: User) => {
- setEditingUser(user);
- editForm.setFieldsValue({
- name: user.name,
- email: user.email,
- role: user.role,
- });
- };
-
- const handleEdit = async (values: UpdateUserRequest) => {
- if (!editingUser) return;
- setEditLoading(true);
- try {
- await usersApi.update(editingUser.id, values);
- message.success('用户更新成功');
- setEditingUser(null);
- loadUsers();
- } catch (err: any) {
- message.error(err?.response?.data?.message || err.message || '更新失败');
- } finally {
- setEditLoading(false);
- }
- };
-
- const handleResetPassword = async (values: { newPassword: string }) => {
- if (!resetPasswordUser) return;
- setResetLoading(true);
- try {
- await usersApi.resetPassword(resetPasswordUser.id, values.newPassword);
- message.success('密码重置成功');
- setResetPasswordUser(null);
- resetForm.resetFields();
- } catch (err: any) {
- message.error(err?.response?.data?.message || err.message || '重置失败');
- } finally {
- setResetLoading(false);
- }
- };
-
- const handleDelete = (user: User) => {
- Modal.confirm({
- title: '确认删除',
- content: `确定要删除用户 "${user.username}" 吗？此操作不可恢复！`,
- okText: '确定',
- okType: 'danger',
- cancelText: '取消',
- onOk: async () => {
- try {
- await usersApi.delete(user.id);
- message.success('删除成功');
- loadUsers();
- } catch (err: any) {
- message.error(err?.response?.data?.message || err.message || '删除失败');
- }
- },
- });
- };
-
- const columns = [
- {
- title: '用户名',
- dataIndex: 'username',
- key: 'username',
- render: (text: string) => {text},
- },
- {
- title: '姓名',
- dataIndex: 'name',
- key: 'name',
- },
- {
- title: '邮箱',
- dataIndex: 'email',
- key: 'email',
- render: (text?: string) => text || '-',
- },
- {
- title: '角色',
- dataIndex: 'role',
- key: 'role',
- width: 100,
- render: (role: UserRole) => {ROLE_LABEL[role]},
- },
- {
- title: '创建时间',
- dataIndex: 'createdAt',
- key: 'createdAt',
- width: 170,
- render: (date: string) => new Date(date).toLocaleString('zh-CN'),
- },
- {
- title: '操作',
- key: 'actions',
- width: 260,
- render: (_: any, record: User) => (
-
- }
- onClick={() => openEdit(record)}
- >
- 编辑
-
- }
- onClick={() => setResetPasswordUser(record)}
- >
- 重置密码
-
- {record.id !== currentUser?.id && (
- }
- onClick={() => handleDelete(record)}
- >
- 删除
-
- )}
-
- ),
- },
- ];
-
- return (
-
-
-
- 用户管理
-
- }
- extra={
- }
- onClick={() => setCreateVisible(true)}
- >
- 新建用户
-
- }
- >
-
- {
- setPage(1);
- setSearch(v);
- }}
- onChange={(e) => {
- if (!e.target.value) {
- setPage(1);
- setSearch('');
- }
- }}
- />
-
-
-
-
-
{
- setPage(newPage);
- setLimit(newLimit);
- }}
- showSizeChanger
- showTotal={(t) => `共计 ${t} 条记录`}
- />
-
-
-
{
- setCreateVisible(false);
- createForm.resetFields();
- }}
- footer={null}
- width={480}
- >
-
-
-
-
setEditingUser(null)}
- footer={null}
- width={480}
- >
-
-
-
-
{
- setResetPasswordUser(null);
- resetForm.resetFields();
- }}
- footer={null}
- width={420}
- >
-
-
-