+
+
小羚羊 ERP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/frontend/src/pages/usr/UserFormDrawer.tsx b/frontend/src/pages/usr/UserFormDrawer.tsx
new file mode 100644
index 0000000..872eb0c
--- /dev/null
+++ b/frontend/src/pages/usr/UserFormDrawer.tsx
@@ -0,0 +1,171 @@
+import { useEffect, useState } from 'react'
+import {
+ Drawer, Form, Input, Select, Checkbox, Button, message, Table
+} from 'antd'
+import type { ColumnsType } from 'antd/es/table'
+import { getStaffs, getPermissionGroups, createUser, updateUser, StaffVO, PermissionGroupVO, UserCreateReq, UserUpdateReq } from '../../api/usr'
+
+interface InitialData {
+ userType: string
+ language: string
+ canEditDoc: boolean
+ isDisabled: boolean
+ employeeId?: string | null
+ permGroupIds?: string[]
+}
+
+interface Props {
+ open: boolean
+ onClose: () => void
+ onSuccess: () => void
+ userId?: string
+ initialData?: InitialData
+}
+
+export default function UserFormDrawer({ open, onClose, onSuccess, userId, initialData }: Props) {
+ const [form] = Form.useForm()
+ const [staffs, setStaffs] = useState