flowchart LR
M1[📣 探索
Discovery]:::j --> M2[📅 訂位
Reservation]:::j
M2 --> M3[⏰ 到店前
Pre-arrival]:::j
M3 --> M4[🪑 入座
Seating]:::j
M4 --> M5[📖 點餐
Ordering]:::j
M5 --> M6[🍳 出餐
Kitchen]:::j
M6 --> M7[🔔 用餐服務
Service]:::j
M7 --> M8[💳 結帳
Checkout]:::j
M8 --> M9[🚪 離店
Departure]:::j
M9 --> M10[📊 關帳統計
Settlement]:::j
classDef j fill:#E8F0E1,stroke:#6B8E5C,stroke-width:2px,color:#3A352F
click M1 "javascript:goTo('POS_接待與離店系統架構/POS_接待與離店系統架構.md')"
click M2 "javascript:goTo('POS_訂位系統架構/POS_訂位系統架構.md')"
click M3 "javascript:goTo('POS_訂位系統架構/POS_訂位系統架構.md')"
click M4 "javascript:goTo('POS_入座與出餐系統架構/POS_入座與出餐系統架構.md')"
click M5 "javascript:goTo('POS_點餐系統架構/POS_點餐系統架構.md')"
click M6 "javascript:goTo('POS_入座與出餐系統架構/POS_入座與出餐系統架構.md')"
click M7 "javascript:goTo('POS_通知與聊天系統架構/POS_通知與聊天系統架構.md')"
click M8 "javascript:goTo('POS_結帳系統架構/POS_結帳系統架構.md')"
click M9 "javascript:goTo('POS_接待與離店系統架構/POS_接待與離店系統架構.md')"
click M10 "javascript:goTo('POS_關帳系統架構/POS_關帳系統架構.md')"
flowchart TB
Start([開啟 POS App
Open App]):::o
Auth[登入 + 驗證
Login + Auth]:::o
Resolve[還原餐廳
Restore Restaurant]:::o
Root[PosRootView
根容器]:::o
Root --> Tabs{7 個 POSTab}
Tabs --> T1[📅 訂位
Reservation]:::o
Tabs --> T2[🏠 主控台
Main Control ⭐]:::o
Tabs --> T3[🍳 廚房
Kitchen]:::o
Tabs --> T4[🍽️ 外場
Floor]:::o
Tabs --> T5[📋 菜單
Menu]:::o
Tabs --> T6[📊 戰情室
Reports]:::o
Tabs --> T7[⚙️ 設定
Settings]:::o
T2 --> Banners{Banner / Alert
14+ 個}
Banners --> BA[⚠️ 漏關帳
Missed Close]:::warn
Banners --> BB[💰 零用金不足
Low Petty Cash]:::warn
Banners --> BC[⏸️ 暫停接訂位
Paused]:::warn
Banners --> BD[⏰ 供餐時間
Service Time]:::warn
T2 --> Customer{點客人 → menu
8 個動作}
Customer --> C1[📖 點餐
Order]:::o
Customer --> C2[💳 結帳
Checkout]:::o
Customer --> C3[📋 查訂位
View Rsv]:::o
Customer --> C4[🔔 服務鈴
Service Bell]:::o
Start --> Auth --> Resolve --> Root
classDef o fill:#dbeafe,stroke:#3b82f6,stroke-width:2px,color:#1e3a8a
classDef warn fill:#fef3c7,stroke:#f59e0b,color:#78350f
click Auth "javascript:goTo('POS_權限系統架構/POS_權限系統架構.md')"
click T1 "javascript:goTo('POS_訂位系統架構/POS_訂位系統架構.md')"
click T2 "javascript:goTo('POS_老闆視角.md')"
click T3 "javascript:goTo('POS_入座與出餐系統架構/POS_入座與出餐系統架構.md')"
click T4 "javascript:goTo('POS_入座與出餐系統架構/POS_入座與出餐系統架構.md')"
click T5 "javascript:goTo('POS_菜單與庫存系統架構/POS_菜單與庫存系統架構.md')"
click T6 "javascript:goTo('POS_關帳系統架構/POS_關帳系統架構.md')"
click T7 "javascript:goTo('POS_稽核與設定系統架構/POS_稽核與設定系統架構.md')"
click BA "javascript:goTo('POS_關帳系統架構/L4_關帳_電路圖.md')"
click BB "javascript:goTo('POS_支付與資產系統架構/L4_支付與資產_電路圖.md')"
click C1 "javascript:goTo('POS_點餐系統架構/L4_點餐_電路圖.md')"
click C2 "javascript:goTo('POS_結帳系統架構/L4_結帳_電路圖.md')"
click C3 "javascript:goTo('POS_訂位系統架構/L4_訂位_電路圖.md')"
click C4 "javascript:goTo('POS_通知與聊天系統架構/L4_通知與聊天_電路圖.md')"
🔍 想看主控台 14+ banner / 18+ sheet entry 完整細節 →
POS 老闆視角完整文件