# 運動玩轉健康力

## 頁面路由結構

```text
/
├── /login
├── /self-assessment
├── /appointment
├── /checkin
└── /checkin/:code
```

## 路由對應頁面

```text
/
├── /                     首頁 / 市民端主控台
├── /login                登入頁
├── /self-assessment      線上自評頁
├── /appointment          預約場次頁
├── /checkin              現場報到與量測清單頁
└── /checkin/:code        量測子頁面
    ├── /checkin/BloodPressure
    ├── /checkin/BodyFat
    ├── /checkin/GripStrength
    ├── /checkin/Sit5x
    ├── /checkin/Sit30s
    ├── /checkin/StepTest
    ├── /checkin/ArmTest
    ├── /checkin/BackTest
    ├── /checkin/SitReachTest
    ├── /checkin/UpGo8ft
    ├── /checkin/OneLegTest
    └── /checkin/ResultReview
```

## 備註

- `/checkin/:code` 使用同一個 Vue 頁面，透過 route param 顯示不同量測站內容。
- 目前路由來源以 [src/router/index.ts](../health-platform/hp-frontend/src/router/index.ts:1) 為準。

## 預計功能

1. 帳號與身分

- 手機號碼登入
- 基本資料維護：姓名、生日、性別、身高、體重、聯絡方式
- 緊急聯絡人
- 個資同意與資料授權狀態

2. 健康自評

- 3 分鐘線上自評問卷
- 運動頻率、疼痛狀況、跌倒史、慢性病、用藥提醒
- 生活功能自評：走路、上下樓、起身、平衡、柔軟度
- 自評結果分級：低風險 / 需追蹤 / 建議諮詢

3. 活動與預約

- 公益普測活動列表
- 活動詳情：地點、時間、名額、主辦單位、量測項目
- 線上報名 / 取消報名
- QR Code 報到
- 報名紀錄與到場狀態

4. 現場量測結果

- 血壓 BloodPressure
- 體脂 BodyFat
- 握力 GripStrength
- 5 次坐站 Sit5x
- 30 秒椅子坐立 Sit30s
- 原地抬膝踏步 StepTest
- 肱二頭肌手臂屈舉 ArmTest
- 抓背測驗 BackTest
- 坐姿體前彎 SitReachTest
- 2.44 公尺椅子坐立繞物 UpGo8ft
- 開眼單足立 OneLegTest

5. 個人健康力儀表板

- 健康力總分
- 肌力、平衡、柔軟、敏捷、心肺等能力分項
- 與同年齡區間參考值比較
- 風險提示：跌倒風險、血壓異常、肌力不足等
- 最近一次量測摘要
- 歷史趨勢圖

6. 運動處方

- 依量測結果產生建議訓練
- 每週訓練任務
- 動作說明：次數、組數、頻率、注意事項
- 禁忌提醒：血壓過高、疼痛、暈眩時暫停
- 訓練完成回填

7. 追蹤與提醒

- 下次建議量測時間
- 回訪提醒
- 運動任務提醒
- 異常數值提醒
- 報名活動前提醒

8. 健康紀錄

- 每次自評紀錄
- 每次量測紀錄
- 運動任務完成紀錄
- 健康報告下載 / 分享
- 可出示給教練、社區據點或照護人員的摘要頁

9. 家屬 / 照護者協作

- 授權家屬查看摘要
- 家屬提醒通知
- 協助預約活動
- 緊急聯絡資訊更新

10. 無障礙與高齡友善

- 大字模式
- 高對比模式
- 簡化操作流程
- 語音提示 / 朗讀友善
- 明確的下一步按鈕
- 表單錯誤提示清楚可讀

## 使用者流程

登入 / 建檔 → 線上自評 → 預約普測 → QR Code 報到 → 查看量測結果 → 取得運動處方 → 追蹤回訪

訪客進站
→ 點擊「開始自評」
→ 建立帳號 / LINE 登入 / 手機驗證
→ 基本資料與同意書
→ 自評問卷
→ 顯示初步分級
→ 推薦普測或課程
→ 預約場館 / 社區據點
→ 報到 QR Code
→ 完成普測與運動處方
→ 4 週 / 12 週提醒回測
→ 個人報告與獎勵點數

[cloudflare](https://health-platform-8u1.pages.dev/)
