1

video-gen-admin/src/pages/AdminUsers.tsx

@@ -3,7 +3,7 @@ import {
   Button, Card, Checkbox, Form, Input, InputNumber, message, Modal, Popconfirm, Progress, Select, Space, Switch, Table, Tabs, Tag, Typography,
 } from 'antd';
 import {
-  UserOutlined, WalletOutlined, SearchOutlined, StopOutlined, CheckCircleOutlined, PlusOutlined, MenuOutlined, LockOutlined, SettingOutlined, SaveOutlined, DatabaseOutlined, TeamOutlined, PictureOutlined,
+  UserOutlined, WalletOutlined, SearchOutlined, StopOutlined, CheckCircleOutlined, PlusOutlined, MenuOutlined, LockOutlined, SettingOutlined, SaveOutlined, DatabaseOutlined, TeamOutlined, PictureOutlined, SecurityScanOutlined,
 } from '@ant-design/icons';
 import {
   adjustCredits,
@@ -23,6 +23,7 @@ import {
   updateUserTeam,
   updateSystemConfig,
   updateUserMenus,
+  updateUserAdminStatus,
 } from '../api';
 import type { AdminTeamOption, AdminUser, AdminUserResourceCapacityOut, PrivatePortraitConfig, ResourceCapacityUnit, ResourceCapacityUsage, SystemConfig } from '../types';
 import { formatDate } from '../utils/formatDate';
@@ -379,6 +380,16 @@ const AdminUsers: React.FC = () => {
     }
   };
 
+  const handleToggleAdminStatus = async (user: AdminUser) => {
+    try {
+      await updateUserAdminStatus(user.id, !user.isAdmin);
+      message.success(user.isAdmin ? '已取消超级管理员' : '已设为超级管理员');
+      load();
+    } catch (e: any) {
+      message.error(e?.message || '设置失败');
+    }
+  };
+
   const isAdminTab = activeTab === 'admin';
 
   const columns = [
@@ -397,7 +408,7 @@ const AdminUsers: React.FC = () => {
           <div>
             <div style={{ fontWeight: 600 }}>
               {r.username}
-              {r.isAdmin && <Tag color="orange" style={{ marginLeft: 6, fontSize: 10 }}>管理员</Tag>}
+              {r.isAdmin && <Tag color="orange" style={{ marginLeft: 6, fontSize: 10 }}>超级管理员</Tag>}
             </div>
             <div style={{ color: '#94a3b8', fontSize: 12 }}>{r.email}</div>
           </div>
@@ -476,7 +487,7 @@ const AdminUsers: React.FC = () => {
       render: (v: string) => <Typography.Text type="secondary" style={{ fontSize: 12 }}>{formatDate(v)}</Typography.Text>,
     },
     {
-      title: '操作', key: 'action', width: 540, fixed: 'right' as const,
+      title: '操作', key: 'action', width: 560, fixed: 'right' as const,
       render: (_: any, r: AdminUser) => (
         <Space size={4} wrap>
           {!isAdminTab && (
@@ -509,6 +520,17 @@ const AdminUsers: React.FC = () => {
           {!isAdminTab && r.frontendUserKind === 'internal' && (
             <Button type="link" size="small" onClick={() => handleUpdateFrontendKind(r, 'external')}>取消内部</Button>
           )}
+          {isAdminTab && (
+            <Popconfirm
+              title={r.isAdmin ? '确定取消该用户的超级管理员权限？' : '确定将该用户设为超级管理员？'}
+              onConfirm={() => handleToggleAdminStatus(r)}
+            >
+              <Button type="link" size="small" style={{ color: r.isAdmin ? '#f59e0b' : '#6366f1' }}
+                icon={<SecurityScanOutlined />}>
+                {r.isAdmin ? '取消超级管理员' : '设为超级管理员'}
+              </Button>
+            </Popconfirm>
+          )}
           <Button type="link" size="small" icon={<MenuOutlined />}
             onClick={() => openMenuModal(r)}>
             菜单权限