組合器
左邊切產業、選場景, 右邊即時預覽組合後的應用。URL 本身就是組合定義, 可分享 / 書籤。
空狀態引導 · empty-state
＋
還沒有任何 訂房
建立第一筆 訂房 來啟動您的 入住流程。 系統會自動把它放進對應狀態, 並通知旅客。
需要靈感?範例 1範例 2範例 3
Schema 變更 · schema-diff
Schema Diff · v2.3 → v2.4
訂房_tx table · 4 個變更
- +customer_segment : varchar(32)
- +tax_exempt_flag : boolean
- ~amount : decimal(10,2) → decimal(14,2)
- -legacy_customer_code : varchar(16)
應收帳齡 · ar-aging
應收帳款帳齡分析
旅客未收金額 · 共 NT$ 766,500
- 0–30 天18 筆NT$ 480,000
- 31–60 天7 筆NT$ 156,000
- 61–90 天4 筆NT$ 82,000
- > 90 天3 筆NT$ 48,500
總帳明細 · general-ledger
4101 銷貨收入 · 總帳明細
期間 2026/04 · 共 6 筆
| 日期 | 傳票 | 摘要 | 借方 | 貸方 | 餘額 |
|---|---|---|---|---|---|
| 2026-04-01 | JE-1000 | 陳先生 · 豪華山景套房 | 6,800 | — | -6,800 |
| 2026-04-02 | JE-1001 | Tanaka-san · 標準雙人房 | — | 3,200 | -3,600 |
| 2026-04-03 | JE-1002 | 林家庭 · 家庭四人房 | 5,400 | — | -9,000 |
| 2026-04-04 | JE-1003 | 黃小姐 · 行政套房 | — | 8,200 | -800 |
| 2026-04-05 | JE-1004 | Wang Family · 海景三人房 | 4,600 | — | -5,400 |
| 2026-04-06 | JE-1005 | 蘇先生 · 商務單人房 | — | 2,980 | -2,420 |
成績冊 · gradebook
國中英文進階文法 A 班 · 成績冊
4 名學生 · 5 次評量
| 學生 | 小考 1 | 小考 2 | 期中 | 小考 3 | 期末 | 平均 |
|---|---|---|---|---|---|---|
| 王小明 | 88 | 92 | 85 | 90 | 94 | 89.8 |
| 李佳欣 | 76 | 82 | 78 | 85 | 80 | 80.2 |
| 陳大衛 | 95 | 91 | 96 | 88 | 98 | 93.6 |
| 張美玲 | 68 | 72 | 65 | 75 | 70 | 70.0 |