# wawa

**Repository Path**: xyzuncle/wawa

## Basic Information

- **Project Name**: wawa
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-09-13
- **Last Updated**: 2026-09-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 新生儿护理病例评估原型

这是一个基于 Taro + React 的纯前端 H5 原型，用于验证“病例选择、病例导入、开始查体、病症表现切换、可点击观察、专家点评”的医学教学婴儿病例流程。当前第一版可进入病例为新生儿黄疸，后端、云数据库和 Coze AI 问答可以在后续接入。

## 本地预览

```bash
nvm use 20.11.0
npm install
npm run dev:h5
```

预览地址：

```text
http://localhost:10086/
```

## 当前已实现

- 病例选择：首页展示新生儿黄疸、低血糖、喂养困难、脐部护理等病例入口。
- 病例导入：点击新生儿黄疸后，展示哭闹婴儿、患儿、主诉、现病史和任务，再点击“开始查体”。
- 查体主页面：展示哭闹中的新生儿教学插画，点击“切换病症表现”后在同一观察区叠加黄疸外观，并可进入观察细节图片。
- 状态逻辑：哭闹是行为状态，黄疸是病症表现，二者分开控制。
- 身体点击热点：脸部、眼睛、胸腹部、四肢。
- 引线标注：在同一观察区内用移动端引线标签指向身体部位。
- 观察反馈：点击身体部位后显示护理观察结果。
- 辅助评估：经皮胆红素仪、体温计、体重、听心音/呼吸音。
- 家长问答：固定问题和固定回答，后续可替换为 Coze。
- 结束评估：根据学生操作生成得分、已完成项和漏评项，后续可接专家智能体点评。
- 测试：评分逻辑和病例数据均有单元测试。

## 推荐工作计划

1. 前端原型验证
   - 先用 H5 预览确认页面流程、按钮、热点位置、评分反馈是否符合教学逻辑。
   - 当前入口流程为：病例选择 -> 病例导入（默认哭闹） -> 开始查体 -> 切换病症并观察细节 -> 观察局部放大 -> 结束评估 -> 专家点评。

2. 美术资产替换
   - 当前已使用哭闹婴儿图，并通过前端叠色表现黄疸病症。
   - 后续可以替换为客户确认的正式 JPG/WebP 图片。
   - 保留同一套透明点击热点，后续病例继续复用。

3. Coze 问答接入
   - 先把当前固定家长问答迁移成 Coze 知识/工作流。
   - 小程序侧只保留问题入口、回答展示和记录状态。
   - 黄疸病例稳定后，再扩展自由问答。

4. 云数据库接入
   - 把病例介绍、热点反馈、工具数值、评分规则从代码迁移到云数据库。
   - 前端根据病例 ID 加载数据。
   - 后续新增低血糖、喂养困难、脐部护理等病例时不改页面结构。

5. 导入 Coze/Taro 小程序
   - H5 原型确认后，再适配 Coze 小程序环境。
   - 检查音频播放、图片资源路径、页面尺寸和小程序审核要求。
   - 先保持纯前端静态数据，再逐步接 Coze 和云数据库。

## 代码结构

```text
src/
  data/newborn-jaundice.ts   病例数据、热点、工具、家长问答
  utils/evaluation.ts        评分逻辑
  utils/diseasePresentation.ts 病症表现开关逻辑
  pages/index/index.tsx      单页交互原型
  pages/index/index.css      页面和婴儿插画样式
```

## 后续建议

- 若后续仍需哭声音效，建议改成病例状态触发的音频文件，不再作为单独评估项目。
- 正式医学教学文案建议由护理老师确认。
- 当前分数只用于教学反馈，不用于医学诊断。