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
@@ -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>