T-02 Class Switch Panel

教師端班級概覽設計規格

文字規格原型待補，先閱讀畫面說明

畫面用途

管理與切換教師所屬班級。教師可以在此面板快速切換查看不同班級的 Dashboard 數據。

此畫面尚未提供原型配圖，完整規格見下方正文。

閱讀完整規格 ↓

內容依原始規格呈現 · 查看 Markdown 來源 ↗需具備倉庫查看權限

🎯 功能定位

管理與切換教師所屬班級。教師可以在此面板快速切換查看不同班級的 Dashboard 數據。

🧱 畫面結構

內嵌於 T-01 Dashboard，以 Dropdown 形式呈現於 Header [Class 3A ▾] 元件及 Sidebar 底部 Class Switcher。

• Header Dropdown:
  • [Class 3A ▾] — 顯示當前班級，點擊展開所有管轄班級列表
  • 選擇新班級後觸發 Dashboard 全局數據刷新
• Sidebar Class Switcher:
  • 列出教師所管轄的所有班級（深色背景）
  • 點擊切換即時同步 Header Dropdown 狀態

📦 區塊說明

#	區塊	元件	行為/交互	備註
1	班級下拉選單	Dropdown	顯示當前選中班級，點擊展開所有管轄班級列表	與 T-02 數據一致
2	班級列表項	List Item	點擊切換至該班級的 Dashboard 視圖	觸發全域數據刷新

🔁 交互流程圖

流程圖

正在載入流程圖…

⚙️ 狀態管理

狀態	觸發條件	畫面表現
正常	顯示當前班級	Dropdown 顯示班級名稱
切換中	選擇新班級	Dashboard 顯示 Skeleton Loading
空狀態	無管轄班級	顯示「尚無班級」引導提示

🔎 邏輯自我檢查

• 權限驗證： 下拉列表僅顯示該教師有權限管理的班級，數據與 A-10 User Management 一致。
• 緩存策略： 切換班級時重新請求數據，不復用緩存。

---