feat: wire admin workflows to real APIs

src/apps/client/ClientUsersPage.tsx

@@ -11,7 +11,7 @@ import {
   type TableColumn,
 } from '@/components/ui';
 
-type UserRole = 'admin' | 'user';
+type UserRole = 'enterprise_admin' | 'user';
 type UserStatus = 'active' | 'disabled';
 
 type ClientUser = {
@@ -25,12 +25,12 @@ type ClientUser = {
 };
 
 const roleLabelMap: Record<UserRole, string> = {
-  admin: '管理员',
+  enterprise_admin: '企业管理员',
   user: '普通用户',
 };
 
 const usersSeed: ClientUser[] = [
-  { id: 'USER001', name: '张三', email: 'zhangsan@example.com', phone: '13800138000', role: 'admin', status: 'active', lastLoginAt: '2026-03-17 09:15:00' },
+  { id: 'USER001', name: '张三', email: 'zhangsan@example.com', phone: '13800138000', role: 'enterprise_admin', status: 'active', lastLoginAt: '2026-03-17 09:15:00' },
   { id: 'USER002', name: '李四', email: 'lisi@example.com', phone: '13800138001', role: 'user', status: 'active', lastLoginAt: '2026-03-16 16:45:00' },
   { id: 'USER003', name: '王五', email: 'wangwu@example.com', phone: '13800138002', role: 'user', status: 'active', lastLoginAt: '2026-03-15 11:30:00' },
   { id: 'USER004', name: '赵六', email: 'zhaoliu@example.com', phone: '13800138003', role: 'user', status: 'disabled', lastLoginAt: '2026-02-20 14:00:00' },
@@ -51,6 +51,8 @@ export function ClientUsersPage() {
   const [keyword, setKeyword] = useState('');
   const [editingUser, setEditingUser] = useState<ClientUser | null>(null);
   const [draft, setDraft] = useState<ClientUser>(emptyUser);
+  const enterpriseAdmin = usersSeed.find((item) => item.role === 'enterprise_admin');
+  const canSelectEnterpriseAdmin = !enterpriseAdmin || editingUser?.id === enterpriseAdmin.id;
 
   const filteredUsers = usersSeed.filter((item) => {
     const target = `${item.name} ${item.email} ${item.phone}`;
@@ -71,7 +73,7 @@ export function ClientUsersPage() {
       key: 'role',
       title: '角色',
       width: '150px',
-      render: (record) => <Tag tone={record.role === 'admin' ? 'info' : 'success'}>{roleLabelMap[record.role]}</Tag>,
+      render: (record) => <Tag tone={record.role === 'enterprise_admin' ? 'info' : 'success'}>{roleLabelMap[record.role]}</Tag>,
     },
     {
       key: 'status',
@@ -134,10 +136,11 @@ export function ClientUsersPage() {
           <Input label="邮箱 *" onChange={(event) => setDraft({ ...draft, email: event.target.value })} placeholder="请输入邮箱" value={draft.email} />
           <Input label="手机号 *" onChange={(event) => setDraft({ ...draft, phone: event.target.value })} placeholder="请输入手机号" value={draft.phone} />
           <Select
+            hint={canSelectEnterpriseAdmin ? '企业管理员拥有企业空间最高权限。' : `当前企业管理员为 ${enterpriseAdmin?.name}，每个企业仅允许 1 位企业管理员。`}
             label="角色 *"
             onChange={(event) => setDraft({ ...draft, role: event.target.value as UserRole })}
             options={[
-              { label: '管理员', value: 'admin' },
+              ...(canSelectEnterpriseAdmin ? [{ label: '企业管理员', value: 'enterprise_admin' }] : []),
               { label: '普通用户', value: 'user' },
             ]}
             value={draft.role}