A-10 User Management
內容依原始規格呈現 · 查看 Markdown 來源 ↗需具備倉庫查看權限
🎨 Figma: node-698-1739 🔗
含角色選擇畫面A-12 Create User 為本畫面內的 Modal；Batch Grade+1 功能已整合至 A-12
用戶管理
🎯 功能定位
使用者： Admin 可管理本校區用戶；Super Admin 可管理所有校區用戶
A-10 為系統的權限與身份中樞。管理員在此對全平台用戶（學生、老師、管理員）進行全生命週期管理。本頁面側重於高效的「查、改、停」，確保系統帳號的安全與數據整潔，是 A-01 Dashboard 中「User Stats」指標的數據管理深層入口。
🧱 畫面結構
| 區域 | 說明 |
|---|---|
| Header | Logo、搜尋框、[🔔 3]、[👤 Admin] |
| Sidebar | 深色側邊欄導航 |
| Tools & Global Filters | Search by Name/Email, Role Dropdown, Zone Dropdown, School Dropdown |
| Toolbar | [+ Add User], [📥 Import CSV] |
| User Table | Name (Real), Display Name, Role, Grade, School/Zone, Action [A][B] |
📦 區塊說明
| # | 區塊 | 元件 | 行為/交互 | 備註 |
|---|---|---|---|---|
| 1 | Search Bar | Text Input | 模糊搜尋 Name / Display Name / Email，支援 Debounce 防抖 | 數據量大時重要 |
| 2 | Role Filter | Dropdown | 切換過濾 Student / Teacher / Admin | 聯動 API 刷新 |
| 3 | Zone/School Filter | Dropdown | 根據權限顯示可選範圍 | 層級過濾 |
| 4 | [+ Add User] | Button | 跳轉至 A-12 創建用戶 | 所有 Admin 可用 |
| 5 | [📥 Import CSV] | Button | 跳轉至 A-12-A 批量導入 | 三種模板 |
| 6 | User Table | Data Table | 顯示用戶列表，每頁 50 筆 | 支援分頁 |
| 7 | [A] Detail | Button | 進入 A-11 User Detail 編輯頁 | 所有角色皆有 |
| 8 | [B] Error Analytics | Button (Student Only) | 跳轉至 T-21 學生個人錯誤分析頁 | 僅 Student 行顯示 |
| 9 | Checkbox | Batch Selection | 支援批次禁用或批次修改所屬學校 | 表格最左側 |