// pages-platform.jsx — 平台方 A 層: 總覽 / 機構列表 / 機構詳情 / 成效分析 / 帳號權限 / 設定 const { useState: useP } = React; // ---------- 平台總覽 ---------- function PagePlatformOverview({ go }) { const { INSTITUTIONS, Kicker, SectionTitle, Hero, StatStrip, TrendMark, Row } = window; const totalMembers = INSTITUTIONS.reduce((a, i) => a + i.members, 0); const avgRate = Math.round(INSTITUTIONS.reduce((a, i) => a + i.rate, 0) / INSTITUTIONS.length); return (
平台總覽樂動有感 · 本月
導入機構 · 依市場分層 go('plat.institutions')} style={{ fontSize: 12, color: 'var(--ink-2)', cursor: 'pointer', borderBottom: '1px solid var(--ink-2)', paddingBottom: 1 }}>全部機構 →
機構類型 · 分層長輩參與率趨勢
{INSTITUTIONS.map((inst) => ( go('plat.institution', { instId: inst.id })} pad={13}> {inst.name}{inst.live ? · 已上線 : · 試辦籌備} {inst.type} · {inst.tier}{inst.tierNote ? '（' + inst.tierNote + '）' : ''} {inst.members} {inst.rate}% ))}
); } // ---------- 機構列表 ---------- function PageInstitutions({ go }) { const { INSTITUTIONS, Kicker, PageHeader, FilterRow, TrendMark, Row, Note } = window; const [tier, setTier] = useP('全部'); const list = INSTITUTIONS.filter((i) => tier === '全部' || i.tier === tier); return (
機構類型分層縣市長輩參與率狀態
{list.map((inst) => ( go('plat.institution', { instId: inst.id })} pad={13}> {inst.name} {inst.type} {inst.tier} {inst.county} {inst.members} {inst.rate}% {inst.live ? '已上線' : '籌備'} ))}
渠道為 B2B2B：外聘講師與樂齡團隊作為 seed channel partner，由點到面反向擴散。約跨越 40 家機構達損益兩平。
); } // ---------- 機構詳情 ---------- function PageInstitutionDetail({ go, instId }) { const { INSTITUTIONS, Kicker, PageHeader, StatStrip, SectionTitle, KV, Note, OutlineButton, TrendBars, BackLink } = window; const inst = INSTITUTIONS.find((i) => i.id === instId); return (
go('plat.institutions')}>機構 window.__switchPersona('institution')}>進入機構端視角 → : 試辦籌備中} />
機構資料
參與率趨勢（近六週）
{!inst.live &&
此機構為市場分層中的試辦籌備對象，尚未上線。上線後即可下鑽至班別與學員六力。康寧為目前的示範機構。
}
); } // ---------- 成效分析 ---------- function PagePlatformAnalytics({ go }) { const { INSTITUTIONS, Kicker, PageHeader, SectionTitle, DotRow, Note } = window; const tiers = [['Tier 1', 3], ['Tier 2', 1], ['Tier 3', 1]]; const counties = [['屏東', 2], ['桃園', 1], ['台中', 1], ['高雄', 1]]; return (
各機構參與率 {INSTITUTIONS.map((i) => )}
市場分層分布 {tiers.map(([t, n]) => (
{t}
{n} 家
))}
縣市分布 {counties.map(([c, n]) => (
{c}
{n} 家
))}
長青養護中心（Tier 3，轉型中）參與率偏低、趨勢下降，列為優先扶植；缺乏專業帶課人力是主要結構成因。
); } // ---------- 帳號與權限 ---------- function PageAccounts({ go }) { const { ACCOUNTS, Kicker, PageHeader, FilterRow, Note, Row } = window; const [role, setRole] = useP('全部'); const list = ACCOUNTS.filter((a) => role === '全部' || a.role === role); const roleName = { A: 'A · 平台方', B: 'B · 機構管理者', C: 'C · 機構服務員' }; return (
姓名層級所屬最近登入狀態
{list.map((a) => ( {a.name} {roleName[a.role]} {a.org} {a.last} {a.status} ))}
選擇某帳號可檢視其可見範圍（scope）。廠商端為獨立入口，正式權限規格待定；家屬端未來規劃為極簡 app，不列入當前範圍。
); } // ---------- 平台設定 ---------- function PagePlatformSettings({ go }) { const { Kicker, PageHeader, SectionTitle, KV, Note } = window; const forms = [['屏東縣衛生局', '日間照顧服務評鑑 · 成效面'], ['桃園市衛生局', '社區式服務類評鑑指標 C 構面'], ['高雄市衛生局', '長照機構服務品質 · 個案進展'], ['台中市衛生局', '失智照顧服務 · 個案進展（待校）']]; return (
評鑑轄區格式庫 {forms.map(([n, f]) =>
{n}
{f}
)}
評鑑為地方主管機關辦理（長照服務法第 39 條）；各轄區文件格式不同，報表須能依轄區設定。
服務邊界與資料治理
邊緣緩存、地端 LLM、資料不出機構，回應隱私法遵與機構網路不穩的現實。
); } Object.assign(window, { PagePlatformOverview, PageInstitutions, PageInstitutionDetail, PagePlatformAnalytics, PageAccounts, PagePlatformSettings });