員工登入與打卡系統

本模組讓員工登入後能查看其基本資訊，並生成用於打卡的 QR 碼。

1. 員工登入

員工登入後，系統會自動顯示其基本資訊，包括：

• 員工名稱
• 分店、部門及職位名稱
• 員工編號
• 性別
• 聯絡電話

2. 打卡 QR 碼

登入成功後，系統會生成包含以下資訊的 QR 碼供員工掃描打卡：

• 員工 ID
• 分店縮寫
• 當前時間
• 員工姓名

QR 碼將根據員工 ID 及當前時間生成加密鏈接，確保安全性。

3. 打卡資訊顯示

系統還會顯示員工的當日打卡資訊，包括：

• 上班時間 (Punch In) - 顯示計劃的上班時間以及實際打卡時間（若有記錄）。
• 下班時間 (Punch Out) - 顯示計劃的下班時間以及實際打卡時間（若有記錄）。

打卡狀態會以標籤的形式顯示，並以顏色區分打卡是否成功。

4. 登出功能

員工可以點擊「登出」按鈕退出系統，登出後系統會返回到登入頁面。