預約管理

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 章）填寫欄位 
 • 『儲存』：草稿可再修改；『本次交易完成』：永久鎖定