組合源碼 · 這個應用在程式裡長這樣點擊展開
// src/scenarios/registry.tsx
{
id: 'clinic-front',
name: '診所前台作業',
industry: 'clinic',
scenarios: [
'booking-calendar',
'resource-list',
],
description: '專注今日預約 + 候診隊列',
}
// 渲染只需:
import { getIndustry } from '@/scenarios/industries';
import { getScenario } from '@/scenarios/registry';
const ctx = getIndustry('clinic');
const booking_calendar = getScenario('booking-calendar')!.render(ctx);
const resource_list = getScenario('resource-list')!.render(ctx);
沒有 bespoke 元件、沒有複製貼上。換產業只要改
industry 那一行。時段預約 · booking-calendar
門診排程
2026/04/14 · 星期二
09:00
王大明
上呼吸道感染 · 複診
候診中
林阿嬤
高血壓 · 慢性
看診中
10:00
陳小芳
皮膚過敏 · 初診
已掛號
黃先生
健康檢查
已掛號
吳女士
過敏性鼻炎
候診中
11:00
12:00
13:00
14:00
15:00
16:00
17:00
18:00
資源清單 · resource-list
病歷中心
共 6 筆 掛號
已掛號 2候診中 2看診中 1已完診 1
- p-2301王大明上呼吸道感染 · 複診健保李醫師候診中
- p-2302陳小芳皮膚過敏 · 初診自費張醫師已掛號
- p-2303林阿嬤高血壓 · 慢性健保李醫師看診中
- p-2304黃先生健康檢查自費張醫師已掛號
- p-2305蔡小弟感冒發燒 · 初診健保李醫師已完診
- p-2306吳女士過敏性鼻炎健保張醫師候診中