From daf3d491ea78a1e953a701cabe7a5de3c54f5a0a Mon Sep 17 00:00:00 2001
From: wwwwwwwww <526125649@qq.com>
Date: Thu, 18 Jun 2026 15:35:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=90=8E=E5=8F=B0=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E7=AE=A1=E7=90=86=E7=95=8C=E9=9D=A2=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 video-gen-admin/src/pages/AdminLayout.tsx | 102 +++++++++++++---------
 1 file changed, 60 insertions(+), 42 deletions(-)

diff --git a/video-gen-admin/src/pages/AdminLayout.tsx b/video-gen-admin/src/pages/AdminLayout.tsx
index 8be68ef0..a19f39b1 100644
--- a/video-gen-admin/src/pages/AdminLayout.tsx
+++ b/video-gen-admin/src/pages/AdminLayout.tsx
@@ -261,7 +261,7 @@ const AdminLayout: React.FC = () => {
         </div>
 
         {/* Menu */}
-        <div style={{ overflowY: 'auto', maxHeight: 'calc(100vh - 120px)', paddingRight: 8 }}>
+        <div style={{ overflowY: 'auto', maxHeight: 'calc(100vh - 200px)', paddingRight: 8 }}>
           <Menu
             mode="inline"
             selectedKeys={[activeKey]}
@@ -281,6 +281,65 @@ const AdminLayout: React.FC = () => {
           />
         </div>
 
+        {/* User Actions - moved to bottom of sidebar */}
+        <div style={{ 
+          position: 'absolute', 
+          bottom: 16, 
+          left: 16, 
+          right: 16,
+          padding: 12,
+          background: 'linear-gradient(135deg, rgba(248, 250, 252, 0.9) 0%, rgba(241, 245, 249, 0.9) 100%)',
+          borderRadius: 12,
+          border: '1px solid rgba(0, 0, 0, 0.06)',
+        }}>
+          <Dropdown menu={{
+            items: [
+              { key: 'user', icon: <UserOutlined />, label: user?.username, disabled: true },
+              { type: 'divider' as const },
+              { key: 'changePwd', icon: <LockOutlined />, label: '修改密码' },
+              { key: 'logout', icon: <LogoutOutlined />, label: '退出登录', danger: true },
+            ],
+            onClick: ({ key }) => {
+              if (key === 'logout') { logout(); navigate('/login'); }
+              if (key === 'changePwd') { setPwdModal(true); pwdForm.resetFields(); }
+            },
+          }} placement="topRight" arrow>
+            <div style={{ 
+              display: 'flex', 
+              alignItems: 'center', 
+              gap: 10, 
+              cursor: 'pointer', 
+              padding: '8px 12px', 
+              borderRadius: 12, 
+              transition: 'all 0.25s ease',
+              background: 'transparent',
+            }}
+              onMouseEnter={(e) => {
+                e.currentTarget.style.background = '#ffffff';
+                e.currentTarget.style.boxShadow = '0 4px 12px rgba(0, 0, 0, 0.08)';
+              }}
+              onMouseLeave={(e) => {
+                e.currentTarget.style.background = 'transparent';
+                e.currentTarget.style.boxShadow = 'none';
+              }}
+            >
+              <Avatar size={32} icon={<UserOutlined />}
+                style={{ 
+                  background: 'linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%)',
+                  boxShadow: '0 4px 12px rgba(99, 102, 241, 0.3)',
+                }} />
+              <div style={{ flex: 1, overflow: 'hidden' }}>
+                <Typography.Text style={{ fontSize: 13, fontWeight: 600, color: '#1e293b', display: 'block', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
+                  {user?.username}
+                </Typography.Text>
+                <Typography.Text style={{ fontSize: 11, color: '#94a3b8', display: 'block' }}>
+                  {isAdminUser ? '管理员' : '普通用户'}
+                </Typography.Text>
+              </div>
+            </div>
+          </Dropdown>
+        </div>
+
       </Sider>
 
       <Layout style={{ marginLeft: 272, marginTop: 16, marginRight: 16, marginBottom: 16, background: 'transparent' }}>
@@ -307,47 +366,6 @@ const AdminLayout: React.FC = () => {
               || antMenuItems.flatMap(m => m.children || []).find((c: any) => c.key === activeKey)?.label
               || '管理后台'}
           </Typography.Text>
-          <Dropdown menu={{
-            items: [
-              { key: 'user', icon: <UserOutlined />, label: user?.username, disabled: true },
-              { type: 'divider' as const },
-              { key: 'changePwd', icon: <LockOutlined />, label: '修改密码' },
-              { key: 'logout', icon: <LogoutOutlined />, label: '退出登录', danger: true },
-            ],
-            onClick: ({ key }) => {
-              if (key === 'logout') { logout(); navigate('/login'); }
-              if (key === 'changePwd') { setPwdModal(true); pwdForm.resetFields(); }
-            },
-          }} placement="bottomRight" arrow>
-            <div style={{ 
-              display: 'flex', 
-              alignItems: 'center', 
-              gap: 10, 
-              cursor: 'pointer', 
-              padding: '8px 12px', 
-              borderRadius: 12, 
-              transition: 'all 0.25s ease',
-              background: 'linear-gradient(135deg, rgba(248, 250, 252, 0.9) 0%, rgba(241, 245, 249, 0.9) 100%)',
-            }}
-              onMouseEnter={(e) => {
-                e.currentTarget.style.background = '#ffffff';
-                e.currentTarget.style.boxShadow = '0 4px 12px rgba(0, 0, 0, 0.08)';
-              }}
-              onMouseLeave={(e) => {
-                e.currentTarget.style.background = 'linear-gradient(135deg, rgba(248, 250, 252, 0.9) 0%, rgba(241, 245, 249, 0.9) 100%)';
-                e.currentTarget.style.boxShadow = 'none';
-              }}
-            >
-              <Avatar size={32} icon={<UserOutlined />}
-                style={{ 
-                  background: 'linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%)',
-                  boxShadow: '0 4px 12px rgba(99, 102, 241, 0.3)',
-                }} />
-              <Typography.Text style={{ fontSize: 14, fontWeight: 600, color: '#1e293b' }}>
-                {user?.username}
-              </Typography.Text>
-            </div>
-          </Dropdown>
         </div>
 
         {/* Content */}