組合源碼 · 這個應用在程式裡長這樣點擊展開
// src/scenarios/registry.tsx
{
id: 'realestate-crm',
name: '房仲物件 CRM',
industry: 'realestate',
scenarios: [
'kpi-dashboard',
'data-table',
'pipeline-board',
],
description: '物件庫存 + 成交流程 + 業績指標',
}
// 渲染只需:
import { getIndustry } from '@/scenarios/industries';
import { getScenario } from '@/scenarios/registry';
const ctx = getIndustry('realestate');
const kpi_dashboard = getScenario('kpi-dashboard')!.render(ctx);
const data_table = getScenario('data-table')!.render(ctx);
const pipeline_board = getScenario('pipeline-board')!.render(ctx);
沒有 bespoke 元件、沒有複製貼上。換產業只要改
industry 那一行。KPI 指標總覽 · kpi-dashboard
本月業績
即時 KPI · 對比昨日
物件庫存
142件
▲ 6%
本月看房
58組
▲ 15%
成交件數
7件
▲ 2%
成交總額
13,800 萬
▲ 22%
資料表格 · data-table
物件表單檢視
Filter·Sort·Group
| ID | 物件 | 狀態 | 坪數 | 開價 | 行政區 | 金額 |
|---|---|---|---|---|---|---|
| h-501 | 信義 ‧ 象山觀景3房 38 坪 · 電梯大樓 | 看房中 | 葉經理 | 信義區 | — | NT$ 3,680 |
| h-502 | 大安 ‧ 敦南捷運2房 22 坪 · 頂樓邊間 | 待銷售 | 王主任 | 大安區 | — | NT$ 2,180 |
| h-503 | 中山 ‧ 圓山透天 65 坪 · 三層半 | 議價中 | 陳副理 | 中山區 | — | NT$ 7,200 |
| h-504 | 松山 ‧ 小巨蛋商辦 48 坪 · 10 樓 | 待銷售 | 葉經理 | 松山區 | — | NT$ 4,500 |
| h-505 | 內湖 ‧ 科技園區套房 15 坪 · 含車位 | 已成交 | 王主任 | 內湖區 | — | NT$ 1,280 |
| h-506 | 大安 ‧ 永康街老公寓 28 坪 · 三樓 | 看房中 | 陳副理 | 大安區 | — | NT$ 2,980 |
流程看板 · pipeline-board
成交流程
依狀態分組 物件
待銷售
2大安 ‧ 敦南捷運2房
22 坪 · 頂樓邊間
h-502王
松山 ‧ 小巨蛋商辦
48 坪 · 10 樓
h-504葉
看房中
2信義 ‧ 象山觀景3房
38 坪 · 電梯大樓
h-501葉
大安 ‧ 永康街老公寓
28 坪 · 三樓
h-506陳
議價中
1中山 ‧ 圓山透天
65 坪 · 三層半
h-503陳
已成交
1內湖 ‧ 科技園區套房
15 坪 · 含車位
h-505王