組合器
左邊切產業、選場景, 右邊即時預覽組合後的應用。URL 本身就是組合定義, 可分享 / 書籤。
空狀態引導 · empty-state
＋
還沒有任何 包裹
建立第一筆 包裹 來啟動您的 配送流程。 系統會自動把它放進對應狀態, 並通知收件人。
需要靈感?範例 1範例 2範例 3
多步驟表單 · form-wizard
建立包裹
步驟 2 / 3
選擇收件人填寫包裹資訊確認與送出
包裹 #77301
_________
指令搜尋 · command-search
⌕ESC
最近 包裹
pk-77301包裹 #77301↵
pk-77302包裹 #77302
pk-77303包裹 #77303
快速動作
＋建立包裹⌘N
☰開啟包裹追蹤⌘L
✦查看倉配概況⌘D
↻切換配送流程視圖⌘B
資料表格 · data-table
包裹表單檢視
Filter·Sort·Group
| ID | 包裹 | 狀態 | 追蹤碼 | 重量 (kg) | 配送區 | 金額 |
|---|---|---|---|---|---|---|
| pk-77301 | 包裹 #77301 台北市內湖 → 新竹東區 | 運送中 | 王司機 | 桃竹苗 | — | NT$ 3 |
| pk-77302 | 包裹 #77302 台中南屯 → 台南永康 | 集散中心 | 系統 | 雲嘉南 | — | NT$ 12 |
| pk-77303 | 包裹 #77303 高雄鳳山 → 高雄左營 | 已取件 | 陳司機 | 高屏 | — | NT$ 2 |
| pk-77304 | 包裹 #77304 台北信義 → 台北大安 | 已送達 | 林司機 | 北北基 | — | NT$ 1 |
| pk-77305 | 包裹 #77305 桃園中壢 → 新北板橋 | 運送中 | 張司機 | 北北基 | — | NT$ 5 |
| pk-77306 | 包裹 #77306 彰化員林 → 雲林斗六 | 集散中心 | 系統 | 中彰投 | — | NT$ 8 |