# 預約管理
## 3.1 月曆操作
• 頂部統計卡：本月預約/待確認/已完成/已取消
• 『週』按鈕切換週視圖；『< >』翻頁；『今天』回當月
• 點日期格，右側出現當日預約明細面板
## 3.2 新增預約
點『+ 新增預約』填寫：客戶姓名、服務項目（金額與時長自動帶入）、員工、日期時間、備註。
## 3.3 編輯面板功能
• 延長預約：+15 分鐘、+30 分鐘、+1 小時
• 時段衝突偵測標示
• 結帳（詳見第 4 章）、開啟完整記錄、刪除預約
## 3.4 批次匯入
點『批次匯入』上傳 CSV；點『下載範本』取得格式。
# 4. 結帳與交易紀錄
## 4.1 結帳流程
1. 編輯面板點綠色『結帳』按鈕
2. 原生確認對話框：『確定要為此預約完成結帳嗎？』
3. 點『確定』→ API POST /appointments/checkin/{id} → 儀表板本月營收即時更新
注意：自動化測試（Playwright）需用 page.on('dialog') 預先接管；取消結帳 API：POST /appointments/uncheckin/{id}
## 4.2 交易紀錄填寫
• 點『開啟完整記錄』→ 點『編輯交易紀錄』
• 依模板（第 13 章）填寫欄位
• 『儲存』：草稿可再修改；『本次交易完成』：永久鎖定