My Work Item Frontend

以 Vue 3、TypeScript、Vite、Vue Router 與 Pinia 建立，並串接 MyWorkItem_Backend 的 .NET 10 Web API。

功能

• HttpOnly Cookie 登入、CSRF 防護、Session 還原與 Token Refresh
• 依後端 Function 權限限制路由與操作
• Work Item 分頁回應映射、列表、詳情與個人確認狀態
• 批次確認與撤銷確認
• Admin Panel 新增、含 rowversion 的修改及軟刪除
• 依 Users.Manage 權限提供使用者資料查詢與修改
• RFC 7807 ProblemDetails 錯誤顯示

本機啟動

先依後端 README 啟動 API（預設 http://localhost:5080），再執行：

npm ci
npm run dev

Vite 開發伺服器預設為 http://localhost:5173，並透過 Proxy 轉送 /api。若前後端部署在不同來源，建立 .env.local：

VITE_API_BASE_URL=http://localhost:5080/api/v1

Development 帳號

帳號	權限
Admin	全部權限
Manager	Work Item 與使用者管理
Worker	查看及確認 Work Item

密碼由後端 .env 的 SEED_ADMIN_PASSWORD、SEED_MANAGER_PASSWORD、SEED_WORKER_PASSWORD 設定，至少需要 12 個字元；前端不保存或顯示密碼。

驗證

npm run lint
npm run test
npm run build

API 端點、安全模型與欄位映射請參考 串接文件。