組合源碼 · 這個應用在程式裡長這樣點擊展開
// src/scenarios/registry.tsx
{
id: 'restaurant-ops',
name: '餐飲營運中心',
industry: 'restaurant',
scenarios: [
'kpi-dashboard',
'pipeline-board',
'resource-list',
],
description: '即時掌握訂單流程 + 今日營運 KPI',
}
// 渲染只需:
import { getIndustry } from '@/scenarios/industries';
import { getScenario } from '@/scenarios/registry';
const ctx = getIndustry('restaurant');
const kpi_dashboard = getScenario('kpi-dashboard')!.render(ctx);
const pipeline_board = getScenario('pipeline-board')!.render(ctx);
const resource_list = getScenario('resource-list')!.render(ctx);
沒有 bespoke 元件、沒有複製貼上。換產業只要改
industry 那一行。KPI 指標總覽 · kpi-dashboard
今日營運
即時 KPI · 對比昨日
今日營收
NT$ 84,500
▲ 12%
訂單數
187筆
▲ 8%
客單價
NT$ 452
▲ 4%
平均等待
14分
▼ 6%
流程看板 · pipeline-board
出餐流程
依狀態分組 訂單
新訂單
2#1025 椒麻雞飯 + 蛋花湯
Uber Eats
o-1025自
#1029 紅燒獅子頭飯
外帶
o-1029櫃
製作中
2#1024 宮保雞丁套餐 x2
桌號 A3
o-1024阿
#1028 客家小炒 + 白飯 x2
桌號 A1
o-1028阿
待取餐
1#1026 招牌牛肉麵 x3
桌號 B1
o-1026小
已送達
1#1027 三杯雞便當
foodpanda
o-1027自
資源清單 · resource-list
訂單中心
共 6 筆 訂單
新訂單 2製作中 2待取餐 1已送達 1
- o-1024#1024 宮保雞丁套餐 x2桌號 A3內用阿明製作中
- o-1025#1025 椒麻雞飯 + 蛋花湯Uber Eats外送自動新訂單
- o-1026#1026 招牌牛肉麵 x3桌號 B1內用小美待取餐
- o-1027#1027 三杯雞便當foodpanda外送自動已送達
- o-1028#1028 客家小炒 + 白飯 x2桌號 A1內用阿明製作中
- o-1029#1029 紅燒獅子頭飯外帶外帶櫃檯新訂單