預約管理

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 章）填寫欄位

• 『儲存』：草稿可再修改；『本次交易完成』：永久鎖定