34 lines
1.2 KiB
Markdown
34 lines
1.2 KiB
Markdown
# Frontend TaskPlan
|
||
|
||
## 目標
|
||
完成 member.ose.tw 前端（Vue3 + JS + Vite + Element Plus + Tailwind），可獨立完成登入、查看個人資料、查看權限、管理授權。
|
||
|
||
## 已完成（依目前程式）
|
||
- [x] Vite + Vue3 專案結構
|
||
- [x] Element Plus + Tailwind 基礎接入
|
||
- [x] Router 與頁面骨架
|
||
- [x] `LoginPage`（token 輸入）
|
||
- [x] `MePage`（`GET /me`）
|
||
- [x] `PermissionSnapshotPage`（`GET /me/permissions/snapshot`）
|
||
- [x] `PermissionAdminPage`（grant/revoke）
|
||
- [x] Pinia store（auth + permission）
|
||
- [x] Axios 分離 user/admin client
|
||
- [x] Production build 可通過
|
||
|
||
## 進行中（建議近期）
|
||
- [ ] 補路由守衛策略（是否限制 `/admin/permissions` 需登入）
|
||
- [ ] 錯誤訊息 i18n 與統一顯示格式
|
||
- [ ] 新增操作完成後自動刷新快照的 UX
|
||
|
||
## 待辦（上線前）
|
||
- [ ] 增加 e2e / UI smoke 測試
|
||
- [ ] 優化 bundle size（目前 main chunk 偏大）
|
||
- [ ] 加入環境切換策略（dev/staging/prod）
|
||
- [ ] 加入登入來源與 token 取得說明頁
|
||
|
||
## 驗收條件
|
||
- [ ] 未登入時導向登入頁行為正確
|
||
- [ ] 登入後可穩定讀取 `/me` 與快照
|
||
- [ ] 管理頁 grant/revoke 成功與錯誤提示完整
|
||
- [ ] 與後端契約文件一致（`FRONTEND_API_CONTRACT.md`）
|