ER_note_NG

h1. 實作急診病歷輔助系統前端表單

包含病患基本資訊、受傷機轉、症狀/徵象與疼痛評估功能。

h2. Features

h3. 1. UI 元件建置

• 建立 shadcn/ui 元件庫：Button, Input, Label, Textarea, Tabs, Card, Select, RadioGroup, Checkbox, Switch, Form
• 使用 react-hook-form + zod 進行表單管理與驗證
• 所有 Radio/Checkbox 擴大點擊感應區域

h3. 2. 病患基本資訊 (Demographics)

• 年齡、性別（單選 Radio）
• 懷孕選項（僅女性顯示，緊鄰性別選項）
• 過去病史（含「無過去病史」快速填入按鈕）
• 過敏史（含「無過敏史」快速填入 NKA 按鈕）

h3. 3. 受傷機轉 (Mechanism of Injury)

• 機轉類型下拉選單（中文化：機車騎士、機車乘客、汽車駕駛、汽車乘客、行人、腳踏車騎士）

• 條件式欄位：

• 機車/腳踏車：安全帽（有/無/不明/安全帽脫離）
• 汽車：安全帶、安全氣囊
• 汽車乘客：座位位置

• 機轉描述自由輸入欄位（大型 Textarea）
• 切換機轉時自動清除不相關的子選項

h3. 4. Symptoms/Signs

• 意識喪失 (LOC)：Radio [Deny, Yes]，預設 Deny
• 嘔吐：Radio [Deny, Yes]，預設 Deny
• 顱底骨折徵象：多選 Checkbox (Raccoon eyes, Epistaxis, Rhinorrhea, Battle's sign)
• 破傷風疫苗 < 5年
• Deny open wound Checkbox

h3. 5. Pain Assessment

• 頭部、頸部疼痛評估
• 胸部疼痛（含子區域：Left/Mid/Right chest）
• 腹部疼痛（含子區域：Epigastric, Hypogastric, Left/Right abdomen）
• 背部疼痛（含子區域：Upper/Low back, Left/Right flank, Sacrum, Left/Right buttock）
• 四肢疼痛（左右分組，含 Sub-grouping：Shoulder Girdle / Upper Extremity / Lower Extremity）
• 所有疼痛選項預設為 Deny，選擇 Deny 時自動清除子選項

h3. 6. Tab 架構

1. 病史與機轉
2. 骨骼檢查 (placeholder)
3. 檢視與送出（含輸出至主控台功能）

h3. Bug Fixes

• 修正年齡欄位 uncontrolled to controlled input 警告
• 修正機轉切換時子選項未正確重置的問題

h3. Tech Stack

- Next.js 16 (App Router)
- TypeScript
- react-hook-form + @hookform/resolvers
- zod (validation)
- Radix UI primitives
- Tailwind CSS