教具品牌總覽{VENDOR.brand} · 本月

各型號表現 go('ven.models')} style={{ fontSize: 12, color: 'var(--ink-2)', cursor: 'pointer', borderBottom: '1px solid var(--ink-2)', paddingBottom: 1 }}>全部型號 →

型號使用次數完成率

{VENDOR.models.map((m) => ( go('ven.model', { modelId: m.id })} pad={9}> {m.name} {m.uses.toLocaleString()} {m.completion}% ))}

機構縣市分佈 {VENDOR.counties.map((c) => (

{c.name}

{c.n} 家

))}

導入機構 go('ven.adopters')} style={{ fontSize: 12, color: 'var(--ink-2)', cursor: 'pointer', borderBottom: '1px solid var(--ink-2)', paddingBottom: 1 }}>全部 →

機構裝置使用完成率趨勢

{VENDOR.adopters.map((a) => ( {a.name} {a.devices} {a.uses} {a.completion}% ))}

); } // ---------- 型號 ---------- function PageModels({ go }) { const { VENDOR, Kicker, PageHeader, TrendMark, Row } = window; return (

型號類型裝置使用次數完成率趨勢

{VENDOR.models.map((m) => ( go('ven.model', { modelId: m.id })} pad={13}> {m.name} {m.type} {m.units} {m.uses.toLocaleString()} {m.completion}% ))}

); } // ---------- 型號詳情 ---------- function PageModelDetail({ go, modelId }) { const { VENDOR, Kicker, PageHeader, StatStrip, SectionTitle, KV, Note, BackLink } = window; const m = VENDOR.models.find((x) => x.id === modelId); const using = VENDOR.adopters.slice(0, 4); return (

go('ven.models')}>型號

量測參數（跨機構均值） {m.sample.map(([k, v]) => )}

參數為 mockup 示意。實際感測規格由 AI 推論需求反推（Minimal-Sensing），追求最小可行感測。

導入機構 {using.map((a) => (

{a.name}{a.devices} 台

))}

); } // ---------- 導入機構 ---------- function PageAdopters({ go }) { const { VENDOR, Kicker, PageHeader, FilterRow, TrendMark, Row, Note } = window; const [county, setCounty] = useV('全部'); const counties = ['全部', ...new Set(VENDOR.adopters.map((a) => a.county))]; const list = VENDOR.adopters.filter((a) => county === '全部' || a.county === county); return (

機構縣市裝置使用完成率導入趨勢

{list.map((a) => ( {a.name} {a.county} {a.devices} {a.uses} {a.completion}% {a.since} ))}

長青養護中心完成率與趨勢偏低，建議搭配機構帶課人力扶植；廠商與平台可共同設計介入。

); } // ---------- 裝置 ---------- function PageVendorDevices({ go }) { const { VENDOR, Kicker, PageHeader, SectionTitle, Note } = window; const rows = VENDOR.models.map((m) => ({ name: m.name, units: m.units, online: Math.max(0, m.units - (m.trend === 'down' ? 2 : m.trend === 'flat' ? 1 : 0)) })); const totalUnits = rows.reduce((a, r) => a + r.units, 0); const totalOnline = rows.reduce((a, r) => a + r.online, 0); return (

{totalUnits}

裝置總數

{totalOnline}

在線

{Math.round(totalOnline / totalUnits * 100)}%

在線率

各型號在線

型號在線／台數

{rows.map((r) => (

{r.name} {r.online} / {r.units}

))}

全程於機構封閉網路運作，邊緣緩存；在線狀態為近端回報，資料不出機構。

); } // ---------- 趨勢分析 ---------- function PageVendorTrends({ go }) { const { VENDOR, Kicker, PageHeader, SectionTitle, TrendBars, TrendLine, Note } = window; const maxUses = Math.max(...VENDOR.models.map((m) => m.uses)); return (

月使用次數（近六月） Math.round(v / 50))} prefix="M" max={Math.round(4210 / 50)} />

數值為次數／50 之示意縮放；近六月累積使用自約 2,980 升至 4,210。

平均完成率走勢

型號使用占比 {VENDOR.models.map((m) => (

{m.name}

{m.uses.toLocaleString()}

))}

); } Object.assign(window, { PageVendorOverview, PageModels, PageModelDetail, PageAdopters, PageVendorDevices, PageVendorTrends });