feat:营养管理小程序新增加餐数据展示

This commit is contained in:
fengpu
2026-07-17 17:45:25 +08:00
parent 486b7880c2
commit e725e69726
3 changed files with 29 additions and 4 deletions
+2 -2
View File
@@ -291,7 +291,7 @@ stateDiagram-v2
**业务规则:**
- 异常指标红色高亮显示
- 重点指标从体检数据中获取,慢性疾病从五类人群数据中获取,在该页面进行手动修改数据时不能影响体检或者是五类人群的原始数据,会新建一张表
单独存放这些自记数据,后续进行查询时,从两来源中取最新值显示
单独存放这些自记数据,后续进行查询时,从两来源中取最新值显示
---
@@ -403,7 +403,7 @@ stateDiagram-v2
- **排名副标题栏:** 显示当前活动标题+排名信息,如"公司机关020411体重管理计划 第8名(共8626人)"
- **体重卡片(核心区):** 左右人物形象插画、中间球形仪显示当前体重/BMI/体脂率、下方三列展示初始体重/BMI、体重变化(含还需减重数值)、目标体重/BMI;右侧"目标承诺"角标
- **每日打卡卡片:** 三色卡片行——吃(今日摄入热量(未打卡显示“今日未行动”)+推荐值+累计天数)、动(今日步数(未运动打卡显示“今日未行动”)+推荐值+累计天数)、体重(今日体重(未体重打卡显示“今日未行动”)+推荐范围+累计天数)
- **每日打卡卡片:** 三色卡片行——吃(今日摄入热量(未打卡显示“今日未行动”)+推荐值+累计天数)、动(只显示今日步数(未运动打卡显示“今日未行动”【注:今日没有步数!=今日未打卡】)+推荐值+累计天数)、体重(今日体重(未体重打卡显示“今日未行动”)+推荐范围+累计天数)
- **减重进度卡片:** 第N天减重(共N天)、当前体重、进度条(渐变填充+跑步小人图标)、初始体重和目标体重标尺
- **吃动平衡卡片(双Tab):** 今日吃动Tab(周视图日历+同心圆环+热量差+摄入/消耗环形图+宏量营养素图例+餐次热量分布)、本月吃动Tab(月历导航+日期圆环+柱状趋势图)
- **体重记录卡片(三Tab):** 体重变化/体脂变化/腰围变化,各含统计行(均值/最高/最低/变化)+折线趋势图含数据点悬浮提示
@@ -167,6 +167,7 @@
<div class="meal-tab">早餐</div>
<div class="meal-tab active">午餐</div>
<div class="meal-tab">晚餐</div>
<div class="meal-tab">加餐</div>
</div>
<!-- 双按钮:手动补录 / 拍照记录(位于餐品列表上方) -->
<div class="record-actions-wrap">
@@ -230,6 +231,11 @@
{ name: '青椒肉丝', weight: 180, cal: 178, source: '员工食堂', time: '2026-06-22 18:15:58' },
{ name: '紫菜蛋花汤', weight: 200, cal: 32, source: '员工食堂', time: '2026-06-22 18:16:22' },
{ name: '馒头', weight: 100, cal: 221, source: '员工食堂', time: '2026-06-22 18:16:45' }
],
'加餐': [
{ name: '苹果', weight: 150, cal: 78, source: '补充记录', sourceClass: 'self', time: '2026-06-22 15:30:12' },
{ name: '原味酸奶', weight: 100, cal: 72, source: '补充记录', sourceClass: 'self', time: '2026-06-22 15:30:38' },
{ name: '混合坚果', weight: 30, cal: 180, source: '补充记录', sourceClass: 'self', time: '2026-06-22 15:31:05' }
]
};
@@ -370,7 +376,7 @@
}
/* 各餐次合理摄入区间(下限/上限 kcal) */
var mealCalRanges = { '早餐': [300, 500], '午餐': [500, 800], '晚餐': [400, 700] };
var mealCalRanges = { '早餐': [300, 500], '午餐': [500, 800], '晚餐': [400, 700], '加餐': [100, 300] };
/* 渲染当餐摄入合计与摄入状态(紧凑色块卡) */
function renderMealSummary(items, mealType) {
@@ -88,7 +88,7 @@
<div class="day-summary">
<div class="ds-title">今日摄入汇总</div>
<div class="ds-grid">
<div class="ds-card"><div class="val" style="color:#fa8c16">1827</div><div class="label">千卡</div></div>
<div class="ds-card"><div class="val" style="color:#fa8c16">2157</div><div class="label">千卡</div></div>
<div class="ds-card"><div class="val" style="color:#52c41a">107g</div><div class="label">蛋白质</div></div>
<div class="ds-card"><div class="val" style="color:#722ed1">69g</div><div class="label">脂肪</div></div>
</div>
@@ -175,6 +175,25 @@
<span class="r-cal">221kcal</span>
</a>
</div>
<!-- 加餐 -->
<div class="meal-section">
<div class="meal-title">🍎 加餐 <span class="cal-total">共 330kcal</span></div>
<a class="record-item" href="eat-dish-detail.html">
<div class="r-icon">🍎</div>
<div class="r-info"><div class="r-name">苹果</div><div class="r-time">15:30</div></div>
<span class="r-cal">78kcal</span>
</a>
<a class="record-item" href="eat-dish-detail.html">
<div class="r-icon">🥛</div>
<div class="r-info"><div class="r-name">原味酸奶</div><div class="r-time">15:30</div></div>
<span class="r-cal">72kcal</span>
</a>
<a class="record-item" href="eat-dish-detail.html">
<div class="r-icon">🥜</div>
<div class="r-info"><div class="r-name">混合坚果</div><div class="r-time">15:31</div></div>
<span class="r-cal">180kcal</span>
</a>
</div>
</div>
<div class="home-indicator"></div>
</div>