一、系統簡介
本系統提供補假日記錄管理功能,可追蹤每筆補休的有效期限(批准日期+180天),並自動計算剩餘使用天數。系統資料儲存在瀏覽器本地,無需網路連線即可使用。
二、快速操作指南
1. 新增補假日記錄
1. 在表單欄位依序輸入:
- 假期名稱(必填):輸入易識別的名稱(例:國慶日補休)
- 假期日期(必填):選擇實際放假日
- 批准日期(必填):選擇主管核准日期
- 備註(選填):可添加補充說明
2. 點擊「新增記錄」藍色按鈕
3. 系統自動計算有效期限並顯示在下方表格
注意:若「假期日期」早於「批准日期」,系統將顯示錯誤提示
2. 編輯現有記錄
1. 在表格中找到要修改的記錄
2. 點擊右側「編輯」黃色按鈕
3. 表單會自動載入原資料,按鈕變為「更新記錄」
4. 修改後點擊「更新記錄」保存變更
5. 如需放棄編輯,點擊右側「取消編輯」按鈕
3. 刪除記錄
1. 在表格中找到要刪除的記錄
2. 點擊右側「刪除」紅色按鈕
3. 確認彈出視窗後完成刪除
4. 查看剩餘天數
- 表格「剩餘天數」欄位顯示:
- 黑色數字:正常狀態
- 紅色「今天到期」:當天為最後使用期限
- 紅色「已過期」:超過有效期限
- 剩餘15天內的記錄會顯示粉色背景提醒
三、重要注意事項
1.日期輸入規則:
- 批准日期不可晚於假期日期
- 日期格式自動採用YYYY-MM-DD
2.資料儲存機制:
- 資料僅儲存在當前電腦瀏覽器
- 更換設備或清除瀏覽資料會導致記錄遺失
- 建議定期備份資料(可導出localStorage資料)
3.有效期限計算:
- 系統以「批准日期+180天」計算
- 計算基準時間為每日00:00:00
- 例:批准日期2024-01-01 → 有效期限2024-06-29
四、常見問題排解
Q1. 編輯時誤操作如何還原?
點擊「取消編輯」按鈕可放棄修改,原記錄保持不變
Q2. 表格出現紅色警告但仍有剩餘天數?
系統採用「自然日」計算,包含週末與假日
Q3. 不同瀏覽器資料是否同步?
否,資料儲存在「當前使用瀏覽器」的本地空間
Q4. 如何確保資料安全?
建議定期執行以下操作:
1. 按F12開啟開發者工具
2. 切換至「Application」分頁
3. 在Local Storage欄位複製所有資料備份
五、操作流程圖解
[新增記錄流程]
開始 → 填寫表單 → 點擊新增 → 資料驗證 → 顯示表格
[編輯記錄流程]
點擊編輯 → 載入表單 → 修改資料 → 點擊更新 → 刷新表格
[緊急狀況處理]
誤編輯 → 點擊取消 → 返回原狀態
註:系統持續自動保存,無需手動儲存操作。建議每季度檢查即將到期補休,避免權益損失。