線框稿 · 三階段範圍

看設計,從這裡開始。

依產品範圍分三階段:Phase 1 取代 BV 電商銷售、Phase 2 取代 Google Sheet 營運管理、Phase 3 多租戶平台化。前台蘋果風極簡、後台 shadcn/ui。

Phase 1 · 取代 BV(電商銷售 + 金流) Phase 2 · 取代 Google Sheet(本公司營運) Phase 3 · 多租戶平台化
HI-FI 設計參考 · v1

首頁高保真設計稿

視覺細節、配色、字型節奏的最終目標 — 與下方 wireframe 對照看。

開啟
PHASE 1 · 取代 BV

電商銷售 + 金流

BV 目前對荒野只是「電商銷售平台」:上架商品、賣、結帳、收款、看訂單。把這套完整搬過來 = Phase 1。

前台 11 + 後台 9 = 20 頁
前台 / Public · 11
後台 / Admin · 9(賣東西 + 看單收錢最小集)
PHASE 2 · 取代 Google Sheet

本公司營運管理

賣完之後 BV 不管、目前靠人工 Google Sheet 的營運層:團控、K單、分房、請款、業績、同業、團號、海外證件、稽核… 全是本公司自用的追加功能。

前台 1 + 後台 17 = 18 頁
前台 / Public · 1(海外模組)
後台 / Admin · 17
A-06

團控面板

/admin/control

以出發日期為軸,全梯次旅客名冊總覽(per-departure 批次處理樞紐)。

含草案:證件效期警示、資料待補 / 資格待審 badge
查看
A-07

業務 K 單

/admin/orders/new

5 步驟導引,自動綁定業績歸屬。

含草案:即時資格審核、登山經歷帶入
查看
A-21

派發 / 資格審核

/admin/orders/review

訂單派發佇列 + 資格審核 tab(能力分 vs 難度、核可 / 駁回)。

含草案:登山分級審核器佇列
查看
A-22

分房詳情

/admin/control/[depId]/rooms

per-departure 分房:性別硬約束、指定房友、自動配房、分房表匯出。

查看
A-23

請款單列表

/admin/payment-requests

對供應商請款,會計工作流(建立 → 核可 → 出納)。

查看
A-24

請款單詳情

/admin/payment-requests/[id]

明細項目、核可流程、防呆雙簽。

查看
A-25

請款單列印

/admin/payment-requests/[id]/print

紙本請款單版面(HTML print stylesheet + window.print)。

查看
A-13

業績排行

/admin/leaderboard

業務排名、抽成試算、月度第一加碼。

查看
A-12

月報表

/admin/reports

當月營收、路線排行、付款方式佔比、轉換漏斗。

查看
A-08

旅客會員

/admin/members

會員名單、VIP / 活躍標籤、累計消費、終止流程(CRM)。

查看
A-09

員工 / 業務

/admin/staff

員工角色、2FA 狀態、權限矩陣。

查看
A-10

嚮導

/admin/guides

合作嚮導名單、專長路線、出團排程。

查看
A-19

同業管理

/admin/agencies

同業公司資料、負責業務歸屬、同業價分類(BV parity)。

查看
A-18

團號 / 代碼表

/admin/group-codes

地區碼 / 航空碼維護,建梯次自動拼團號(YY+地區+航空+MMDD+序號)。

查看
A-15

同意書範本

/admin/consent

同意書版本管理、變數欄位、不可竄改性。

查看
A-17

稽核日誌

/admin/audit

append-only 事件流、hash chain、敏感欄位讀取記錄。

查看
A-26

護照審閱

/admin/travelers/[id]/passport

出國團護照影像審閱 + OCR 辨識存檔;海外模組才解鎖。

海外模組 · 草案
查看
PHASE 3 · 多租戶平台化

開放給其他旅行社

把 ERP 變成可轉售的 SaaS:多租戶架構、模組開啟 / 關閉、訂閱狀態。

獨立租戶面 wireframe 0 頁 — 多為 control-plane / CLI
平台層 · 無獨立租戶面線稿

為什麼這裡沒有頁面卡

Phase 3 是平台 / 控制面工作,操作對象是「平台方」而非單一租戶,目前靠 CLI 與 control_db 完成,沒有租戶會看到的獨立畫面:

  • 多租戶架構control_db(tenant / tenant_domain / subscription)+ proxy host 解析 + per-host better-auth
  • 模組開啟 / 關閉 — 平台授權 tenant.module_climbing / module_overseas / module_lodging,經 proxy 下推 x-tenant-modules(租戶不能自改)
  • 訂閱狀態tenant.status active / suspended,fail-closed gate
  • provisioning CLIbun run tenant create / list / suspend / set-domain

唯一會出現在前端的觸點,是各租戶 /admin/settings 的「方案模組」唯讀面板(顯示平台開了哪些模組,見 A-16)。Super-admin web 後台等 10+ 客戶後再做。