From 599fa2c550b352ec68a9795b9c0545152f8205e9 Mon Sep 17 00:00:00 2001
From: yuyx <237899745@qq.com>
Date: Thu, 27 Nov 2025 20:47:47 +0800
Subject: [PATCH] =?UTF-8?q?feat(admin):=20=E7=94=A8=E6=88=B7=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E6=B7=BB=E5=8A=A0=E8=A7=92=E8=89=B2=E5=88=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增"角色"列，显示"管理员"或"用户"标签
- 管理员显示紫色渐变背景+皇冠图标
- 普通用户显示灰色背景+用户图标
- 调整列宽适配新增列

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 frontend/app.html | 28 +++++++++++++++++-----------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/frontend/app.html b/frontend/app.html
index 5c2830a..68d407b 100644
--- a/frontend/app.html
+++ b/frontend/app.html
@@ -2029,13 +2029,14 @@
             <thead>
               <tr style="border-bottom: 2px solid #ddd; background: #f5f5f5;">
                 <th style="padding: 10px; text-align: left; width: 5%;">ID</th>
-                <th style="padding: 10px; text-align: left; width: 12%;">用户名</th>
-                <th style="padding: 10px; text-align: left; width: 15%;">邮箱</th>
-                <th style="padding: 10px; text-align: center; width: 10%;">存储权限</th>
-                <th style="padding: 10px; text-align: center; width: 10%;">当前存储</th>
-                <th style="padding: 10px; text-align: center; width: 13%;">配额使用</th>
-                <th style="padding: 10px; text-align: center; width: 10%;">状态</th>
-                <th style="padding: 10px; text-align: center; width: 25%;">操作</th>
+                <th style="padding: 10px; text-align: left; width: 11%;">用户名</th>
+                <th style="padding: 10px; text-align: center; width: 8%;">角色</th>
+                <th style="padding: 10px; text-align: left; width: 14%;">邮箱</th>
+                <th style="padding: 10px; text-align: center; width: 9%;">存储权限</th>
+                <th style="padding: 10px; text-align: center; width: 9%;">当前存储</th>
+                <th style="padding: 10px; text-align: center; width: 12%;">配额使用</th>
+                <th style="padding: 10px; text-align: center; width: 8%;">状态</th>
+                <th style="padding: 10px; text-align: center; width: 24%;">操作</th>
               </tr>
             </thead>
             <tbody>
@@ -2043,12 +2044,17 @@
                 <td style="padding: 10px;">{{ u.id }}</td>
                 <td style="padding: 10px; overflow: hidden;">
                   <div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" :title="u.username">
-                    <span>{{ u.username }}</span>
-                    <span v-if="u.is_admin" style="color: #28a745; margin-left: 5px; white-space: nowrap;" title="管理员">
-                      <i class="fas fa-crown"></i>
-                    </span>
+                    {{ u.username }}
                   </div>
                 </td>
+                <td style="padding: 10px; text-align: center; font-size: 12px;">
+                  <span v-if="u.is_admin" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 3px 10px; border-radius: 4px;">
+                    <i class="fas fa-crown"></i> 管理员
+                  </span>
+                  <span v-else style="background: #e9ecef; color: #495057; padding: 3px 10px; border-radius: 4px;">
+                    <i class="fas fa-user"></i> 用户
+                  </span>
+                </td>
                 <td style="padding: 10px; font-size: 12px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" :title="u.email">{{ u.email }}</td>
                 <td style="padding: 10px; text-align: center; font-size: 12px;">
                   <span v-if="u.storage_permission === 'local_only'" style="background: #667eea; color: white; padding: 3px 8px; border-radius: 4px;">仅本地</span>