yixiong/platform-prototype
17
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 问卷详情页题目添加频次标签并更新PRD文档

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
liuyunqin
2026-05-28 22:04:07 +08:00
co-authored by Claude Opus 4.6
parent b120bb691c
commit 8b1fb2bb8e
3 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
employee-app/health-monitor/doc/PRD.md
+6 -4
View File
@@ -107,7 +107,7 @@
**主要UI元素：**
- 健康现状入口卡片（渐变背景，含人群分类图标如A/B/C/D/E、分类标签如"A类·大病人群"、更新时间）
- 穿戴监测大卡片（含设备图标、模块名称、最近同步时间、4个指标预览格：步数/心率/血氧/体温，各带状态徽章）
- 穿戴监测大卡片（含设备图标、模块名称、最近同步时间、4个指标预览格：步数/心率/血氧/体温，各带状态徽章。如果员工未绑定手表时，显示缺省样式，提示“未绑定手表，请联系健康管理员”，并且不能点击查看详情）
- 体重监测大卡片（含模块名称、最近测量时间、3个指标预览格：体重/BMI/体脂率，各带状态徽章）
- 环境监测入口卡片（含模块名称、4类状态徽章：室外空气/室内空气/水质/花粉、更新时间）
- 健康排查入口卡片（含模块名称、积分数值、连续记录天数、更新时间）
@@ -189,15 +189,17 @@
![页面截图](screenshots/health-screening/questionnaire-detail.jpg)
**功能说明：** 只读展示已提交的每日健康自查问卷的详细内容和答案。
**功能说明：** 只读展示已提交的每日健康自查问卷的详细内容和答案，每道题目标注填写频率。
**主要UI元素：**
- 问卷信息头（标题、提交时间、积分）
- 分类问题卡片（身体状况、心理状态、生活习惯）
- 题目标题后的频率标签（如"每日"/"每周"/"每月"，灰色小字）
- 已选中的选项（高亮显示）
**业务规则：**
- 纯只读页面，不可修改已提交的答案
- 每个问题标注填写频率，与填写页面保持一致
**交互说明：**
- 点击返回按钮返回打卡记录页面
@@ -243,8 +245,8 @@
- 体温卡片（当前体温、范围值、同步时间）
- 血氧卡片（当前血氧、范围值、同步时间）
- 压力卡片（当前压力值、范围值、同步时间）
- 血压卡片（收缩压/舒张压、状态标签、同步时间）
- 心电图卡片（心率值、分类结果标签、同步时间）
- 血压卡片（收缩压/舒张压、状态标签、同步时间。手表不支持时，隐藏该模块）
- 心电图卡片（心率值、分类结果标签、同步时间。手表不支持时，隐藏该模块）
- 锻炼卡片（锻炼次数/时长/消耗统计、同步时间）
**交互说明：**
employee-app/health-monitor/doc/screenshots/health-screening/questionnaire-detail.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 304 KiB

After

Width:  |  Height:  |  Size: 50 KiB

employee-app/health-monitor/health-screening/questionnaire-detail.html
+9 -8
View File
@@ -26,6 +26,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
.question-card { background: #fff; border-radius: 12px; padding: 16px; margin-bottom: 12px; }
.question-card__header { display: flex; align-items: center; gap: 6px; margin-bottom: 10px; }
.question-card__title { font-size: 14px; font-weight: 600; color: #1a1a1a; line-height: 1.5; flex: 1; }
.question-card__freq { font-size: 11px; color: #999; font-weight: 400; }
.tag-required { font-size: 10px; color: #ff4d4f; background: #fff2f0; padding: 1px 6px; border-radius: 3px; flex-shrink: 0; border: 1px solid #ffccc7; }
.tag-optional { font-size: 10px; color: #999; background: #f5f5f5; padding: 1px 6px; border-radius: 3px; flex-shrink: 0; }
.question-card__options { display: flex; flex-direction: column; gap: 8px; }
@@ -66,7 +67,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
<div class="category-title">身体状况</div>
<div class="question-card">
<div class="question-card__header">
<div class="question-card__title">1. 今天您的整体身体感觉如何？</div>
<div class="question-card__title">1. 今天您的整体身体感觉如何？<span class="question-card__freq">（每日）</span></div>
<span class="tag-required">必填</span>
</div>
<div class="question-card__options">
@@ -78,7 +79,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
</div>
<div class="question-card">
<div class="question-card__header">
<div class="question-card__title">2. 昨晚的睡眠质量如何？</div>
<div class="question-card__title">2. 昨晚的睡眠质量如何？<span class="question-card__freq">（每日）</span></div>
<span class="tag-required">必填</span>
</div>
<div class="question-card__options">
@@ -90,7 +91,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
</div>
<div class="question-card">
<div class="question-card__header">
<div class="question-card__title">3. 是否有头痛、头晕等不适症状？</div>
<div class="question-card__title">3. 是否有头痛、头晕等不适症状？<span class="question-card__freq">（每周）</span></div>
<span class="tag-optional">选填</span>
</div>
<div class="question-card__options">
@@ -104,7 +105,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
<div class="category-title">心理状态</div>
<div class="question-card">
<div class="question-card__header">
<div class="question-card__title">4. 今天的情绪状态如何？</div>
<div class="question-card__title">4. 今天的情绪状态如何？<span class="question-card__freq">（每日）</span></div>
<span class="tag-required">必填</span>
</div>
<div class="question-card__options">
@@ -116,7 +117,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
</div>
<div class="question-card">
<div class="question-card__header">
<div class="question-card__title">5. 近期是否感到工作压力较大？</div>
<div class="question-card__title">5. 近期是否感到工作压力较大？<span class="question-card__freq">（每月）</span></div>
<span class="tag-optional">选填</span>
</div>
<div class="question-card__options">
@@ -130,7 +131,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
<div class="category-title">生活习惯</div>
<div class="question-card">
<div class="question-card__header">
<div class="question-card__title">6. 昨天是否进行了运动锻炼？</div>
<div class="question-card__title">6. 昨天是否进行了运动锻炼？<span class="question-card__freq">（每日）</span></div>
<span class="tag-required">必填</span>
</div>
<div class="question-card__options">
@@ -142,7 +143,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
</div>
<div class="question-card">
<div class="question-card__header">
<div class="question-card__title">7. 昨天的饮食是否规律？</div>
<div class="question-card__title">7. 昨天的饮食是否规律？<span class="question-card__freq">（每日）</span></div>
<span class="tag-required">必填</span>
</div>
<div class="question-card__options">
@@ -154,7 +155,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
</div>
<div class="question-card">
<div class="question-card__header">
<div class="question-card__title">8. 昨天饮水量是否充足（8杯以上）？</div>
<div class="question-card__title">8. 昨天饮水量是否充足（8杯以上）？<span class="question-card__freq">（每周）</span></div>
<span class="tag-optional">选填</span>
</div>
<div class="question-card__options">