一個出勤紀錄管理的 Web app,前端框架使用 vue3,搭配 tailwindCSS,主要樣式為自訂,使用 headless UI 框架作為輔助。
pnpm install
Mac OS
npx pnpm install
npm run dev
- 輸入帳號密碼
- 輸入帳號被驗證過後才可以輸入密碼
- 忘記密碼
- 瀏覽出勤紀錄
- 按鈕打卡
- 掃描 QR code 打卡
- 打卡鐘日曆
- 修改密碼
- 管理者主頁
- 出缺勤帳號列表
- 出缺勤異常列表
- 登入
- 登出
- 錯誤五次鎖碼
- 修改密碼
- Gps 定位僅能於公司範圍 400 公尺內打卡
- 計算出缺勤之日曆
- 未滿 8 小時為缺勤
- 換日時間為上午五點 (GMT+8)
- 多次打卡以當天最後一次打卡為準
- 不計入中午休息時間
- 上班打卡
- 一天的第一次打卡皆為上班
- 下班打卡
- 無上班打卡則無法打下班,下班卡可以打很多次,只記最後一次
- QR code 打卡
- 使用者都有自己的 QR code
- 每天都會變化
- 可以掃碼直接打卡
- 管理員登入
- 使用者出勤列表瀏覽