平面圖

平面圖功能讓管理者將桌位拖曳配置於畫布，並提供「即時狀態顏色」與「拖訂位到桌」功能，把訂位指派變成所見即所得的操作。

進入路徑

後台左側 餐飲訂位 → 平面圖。

主要功能

多平面圖　可建立多個樓層 / 區域的平面圖（例如「1F 大廳」「2F 包廂」），下拉切換。

畫布拖曳　按住桌位拖到任意位置，邊界自動 clamp 不會超出畫布。座標自動儲存。

即時狀態顏色（含預訂提醒）　桌位以顏色區分狀態，平面圖會自動加上「今日是否有訂位」的提示：

右側「未指派訂位」面板　預設顯示今日所有 pending/confirmed 但還沒指派桌位的訂位（可換日期）。

拖訂位到桌　將右側面板的訂位卡片直接拖曳到平面圖任意桌位 → 該訂位即指派該桌（自動檢查時段衝突 + 容量）。

從餐飲POS複製擺位　若當前分店同時裝有餐飲 POS，工具列會多出 從餐飲POS複製擺位 按鈕，一鍵把餐飲 POS 的桌位擺放座標複製進訂位平面圖，免得同一間店的桌位要在兩個模組各拖一次（詳見下方操作流程）。

操作流程

設定平面圖

第一步　新增平面圖　點擊上方 新增，填名稱（如「1F 大廳」）、畫布大小（預設 1000×800 px）、可選背景圖 URL。

第二步　加入桌位　右側「未分配桌位」清單顯示未指派平面圖的桌位，點「+ 加入」加到當前平面圖。

第三步　拖曳排版　按住桌位拖到對應位置。座標自動儲存（也可一鍵「儲存所有座標」批次提交）。

拖訂位到桌（指派桌位）

情境：顧客在線上訂位但沒指定桌；前台想趁有空時先分配桌位。

1. 確認頂部日期選擇是當天（或想看的日期）
2. 右側面板列出今日未指派的訂位（顯示時段 / 姓名 / 人數 / 編號）
3. 按住卡片拖到平面圖任意桌位
4. 放開後系統會檢查：

- 同桌同時段是否有其他訂位重疊（90 分鐘預設） - 桌位容量是否 ≥ 訂位人數 - 任一不滿足會跳錯誤訊息

從餐飲POS複製擺位

情境：同一間店同時用「餐飲 POS」與「訂位」，桌位擺放已經在餐飲 POS 排好，不想在訂位平面圖再手動拖一次。

此按鈕只在當前分店有安裝餐飲 POS 時才出現（單店 / 多店都依「當前這間店」判斷）。操作：

1. 先確認訂位模組已建立好對應的桌位（桌號要與餐飲 POS 相同）。
2. 點工具列 從餐飲POS複製擺位，跳出確認：「將以『餐飲POS』的桌位擺放覆蓋目前訂位平面圖的座標（依桌號對齊）。確定？」
3. 確認後，系統依桌號（label）對齊，把餐飲 POS 每張桌的座標覆蓋寫進訂位平面圖對應的同名桌。

即時狀態提示

平面圖自動顯示「今日哪張空桌有預訂」：

• 空桌只要當天有 pending/confirmed 訂位 → 自動變琥珀色 + 角徽顯示最近一筆訂位的時間（例如「18:30」）
• 滑鼠 hover 桌位會顯示完整提示：桌號 / 容量 / 桌型 / 下一筆訂位「時段 + 顧客姓名 + 人數」

常見問題

Q1　拖訂位到桌時跳「容量不符」

該桌容量 < 訂位人數。請選更大的桌或讓客戶分桌。若要強制分配，可進「訂位列表 → 編輯」改桌（不過 backend 還是會檢查容量擋下）。

Q2　已指派桌位的訂位，怎麼撤回讓它重新可拖

進「訂位列表 → 編輯」清空 table_id 後儲存即可。

Q3　如何看其他日期的拖曳介面

平面圖右側面板上方的日期選擇器可切換。預設今天，可改未來日期預先排桌。