体重
62.60kg
推荐 75-80公斤
diff --git a/employee-app/weight-management/diet-advice.html b/employee-app/weight-management/diet-advice.html
new file mode 100644
index 0000000..e51d805
--- /dev/null
+++ b/employee-app/weight-management/diet-advice.html
@@ -0,0 +1,408 @@
+
+
+
+
+
+
膳食建议 - 员工端 | 健康CQ原型
+
+
+
+
+
+
+
+
+
+
+
+
1950千卡
+
今日已摄入 1086 千卡,还可摄入 864 千卡
+
+
已摄入55.7%剩余44.3%
+
+
+
+
+
+
+
+
+
+
+
+
+
周一08-10
+
周二08-11
+
周三08-12
+
周四08-13
+
周五08-14
+
周六08-15
+
周日08-16
+
+
+
+
+
+
+
膳食注意事项
+
+
+
✓
+
少食多餐:建议每日4-5餐,控制单餐摄入量,避免暴饮暴食。
+
+
+
!
+
低盐低油:每日食盐摄入不超过6g,烹调油控制在25g以内。
+
+
+
i
+
饮水充足:每日饮水量建议1500-2000ml,少量多次饮用。
+
+
+
✓
+
粗细搭配:主食中粗粮占比不低于1/3,增加膳食纤维摄入。
+
+
+
!
+
控糖限酒:减少含糖饮料摄入,男性每日酒精不超过25g。
+
+
+
i
+
食材多样:每日摄入食物种类不少于12种,每周不少于25种。
+
+
+
+
+
+
+
+
+
+
+
diff --git a/employee-app/weight-management/doc/CHANGELOG.md b/employee-app/weight-management/doc/CHANGELOG.md
index f19c3e2..defdf91 100644
--- a/employee-app/weight-management/doc/CHANGELOG.md
+++ b/employee-app/weight-management/doc/CHANGELOG.md
@@ -4,6 +4,52 @@
---
+## [2026-06-12] feat: 体重管理子页面补充—饮食/运动/体重打卡与记录、建议页、排行榜、报告页
+
+**涉及文件(13个):**
+- `employee-app/home/index.html`(修改)
+- `employee-app/weight-management/weight-main.html`(修改)
+- `employee-app/weight-management/diet-advice.html`(新增)
+- `employee-app/weight-management/eat-checkin.html`(新增)
+- `employee-app/weight-management/eat-history.html`(新增)
+- `employee-app/weight-management/exercise-advice.html`(新增)
+- `employee-app/weight-management/exercise-checkin.html`(新增)
+- `employee-app/weight-management/exercise-history.html`(新增)
+- `employee-app/weight-management/weight-checkin.html`(新增)
+- `employee-app/weight-management/weight-history.html`(新增)
+- `employee-app/weight-management/weight-ranking.html`(新增)
+- `employee-app/weight-management/weight-report.html`(新增)
+- `index.html`(修改)
+
+**变更说明:**
+
+**employee-app/home/index.html:**
+- 每日打卡三张卡片(吃/动/体重)添加 cursor:pointer 样式及点击跳转,分别导航至 `eat-checkin.html`、`exercise-checkin.html`、`weight-checkin.html`
+
+**weight-main.html:**
+- 右上角新增三点菜单按钮,支持三种页面类型切换(已参加活动/已设置个人目标/未参加未设置),各类型对应不同的卡片显隐逻辑
+- 排行榜卡片新增缺省占位状态(未参加活动时显示空态提示)
+- 膳食建议/运动建议/体重报告三张卡片添加点击跳转至对应子页面
+- 体重记录"查看历史"添加跳转至 `weight-history.html`
+- 体重报告卡片跳转携带当前页面类型参数(`?type=`)
+
+**新增子页面(10个):**
+- `diet-advice.html` — 膳食建议页
+- `eat-checkin.html` — 饮食打卡页
+- `eat-history.html` — 摄入记录历史页
+- `exercise-advice.html` — 运动建议页
+- `exercise-checkin.html` — 运动打卡页
+- `exercise-history.html` — 消耗记录历史页
+- `weight-checkin.html` — 体重打卡页
+- `weight-history.html` — 体重记录历史页
+- `weight-ranking.html` — 体重排行榜页
+- `weight-report.html` — 体重报告页
+
+**index.html:**
+- SITE_MAP 体重管理模块新增 10 个页面条目(weight-ranking、eat-checkin、eat-history、weight-history、weight-report、diet-advice、exercise-advice、exercise-checkin、exercise-history、weight-checkin)
+
+---
+
## [2026-06-12] feat: 体重管理模块交互完善—多状态卡片显隐、导航链路连通、SITE_MAP 补全
**涉及文件(7个):**
diff --git a/employee-app/weight-management/eat-checkin.html b/employee-app/weight-management/eat-checkin.html
new file mode 100644
index 0000000..c39b67a
--- /dev/null
+++ b/employee-app/weight-management/eat-checkin.html
@@ -0,0 +1,1023 @@
+
+
+
+
+
+
吃打卡 - 体重管理 | 健康CQ原型
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
🌅
+
早餐
+
300千卡
+
推荐450千卡
+
自记
+
+
+
+
+
+
+
☀️
+
午餐
+
480千卡
+
推荐750千卡
+
智记
+
+
+
+
+
+
+
🌙
+
晚餐
+
306千卡
+
推荐550千卡
+
自记
+
+
+
+
+
+
+
🍪
+
加餐
+
推荐200千卡
+
请记录
+
+
+
+
+
+
+
+
+
选择菜品进行自记
+
+
+
+
+
+
+
+
+
+
+
全部
+
主食
+
肉类
+
蔬菜
+
汤品
+
饮品
+
水果
+
小吃
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
🍽️
+
吃~行动记录
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
录入克数
+
+
+
+
+ 克
+
+
+ 热量 0 千卡
+
+
+
+
+
+
+
+
+
diff --git a/employee-app/weight-management/eat-history.html b/employee-app/weight-management/eat-history.html
new file mode 100644
index 0000000..b7a771e
--- /dev/null
+++ b/employee-app/weight-management/eat-history.html
@@ -0,0 +1,518 @@
+
+
+
+
+
+
摄入记录 - 员工端 | 健康CQ原型
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
周
+
月
+
季
+
活动期间
+
全部
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/employee-app/weight-management/exercise-advice.html b/employee-app/weight-management/exercise-advice.html
new file mode 100644
index 0000000..64cddc8
--- /dev/null
+++ b/employee-app/weight-management/exercise-advice.html
@@ -0,0 +1,302 @@
+
+
+
+
+
+
运动建议 - 员工端 | 健康CQ原型
+
+
+
+
+
+
+
+
+
+
+
今日运动目标
+
12586步
+
目标 12000 步 · 已超额完成 586 步
+
+
已完成 104.9%目标达成 ✓
+
+
+
+
+
+
+
+
运动类型推荐
+
+
+
🏃
+
+
有氧运动
+
快走、慢跑、游泳、骑行,提升心肺功能
+
+
30-45分钟/天
+
+
+
💪
+
+
力量训练
+
深蹲、俯卧撑、哑铃推举,增肌提高代谢
+
+
20-30分钟/次
+
+
+
+
🚶
+
+
日常活动
+
步行通勤、爬楼梯、工间操,积少成多
+
+
全天累计
+
+
+
+
+
+
+
+
+
周一08-10
+
周二08-11
+
周三08-12
+
周四08-13
+
周五08-14
+
周六08-15
+
周日08-16
+
+
+
+
+
+
+
运动注意事项
+
+
+
✓
+
热身先行:运动前做5-10分钟动态热身,活动关节、提高心率,预防运动损伤。
+
+
+
!
+
量力而行:根据自身身体状况选择运动强度,避免过度训练导致肌肉酸痛或损伤。
+
+
+
i
+
补水及时:运动前中后少量多次饮水,每15-20分钟补充150-200ml水分。
+
+
+
✓
+
循序渐进:运动强度和时间逐步增加,每周运动量增幅不超过10%。
+
+
+
!
+
身体不适立即停止:运动中如出现胸闷、头晕、关节疼痛等不适,应立即停止并就医。
+
+
+
i
+
拉伸放松:运动后做5-10分钟静态拉伸,帮助肌肉恢复、减少酸痛。
+
+
+
+
+
+
+
+
+
+
+
diff --git a/employee-app/weight-management/exercise-checkin.html b/employee-app/weight-management/exercise-checkin.html
new file mode 100644
index 0000000..fc9e4b2
--- /dev/null
+++ b/employee-app/weight-management/exercise-checkin.html
@@ -0,0 +1,1131 @@
+
+
+
+
+
+
动打卡 - 体重管理 | 健康CQ原型
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 08月12日 周三 · 今日消耗 0 千卡
+
+
+
+
+
+
+
+
+
+
+
周一
+
08-10
+
8500步
+
推荐12000步
+
微信
+
+
+
+
+
+
+
周二
+
08-11
+
10200步
+
推荐12000步
+
穿戴
+
+
+
+
+
+
+
周三
+
今天
+
推荐12000步
+
请记录
+
+
+
+
+
+
+
周四
+
08-13
+
推荐10000步
+
请记录
+
+
+
+
+
+
+
周五
+
08-14
+
推荐12000步
+
请记录
+
+
+
+
+
+
+
周六
+
08-15
+
推荐8000步
+
请记录
+
+
+
+
+
+
+
周日
+
08-16
+
推荐8000步
+
请记录
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
选择运动进行自记
+
+
+
+
+
+
+
+
+
+
+
+
+
全部
+
有氧运动
+
力量训练
+
柔韧性
+
球类运动
+
日常活动
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
🏃
+
动~行动记录
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
运动时长
+
+
+
+
+ 分钟
+
+
+ 消耗热量 0 千卡
+
+
+
+
+
+
+
+
+
diff --git a/employee-app/weight-management/exercise-history.html b/employee-app/weight-management/exercise-history.html
new file mode 100644
index 0000000..5255df6
--- /dev/null
+++ b/employee-app/weight-management/exercise-history.html
@@ -0,0 +1,533 @@
+
+
+
+
+
+
消耗记录 - 员工端 | 健康CQ原型
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
穿戴
+
器械
+
微信
+
自记
+
多途径
+
+
+
+
+
周
+
月
+
季
+
活动期间
+
全部
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/employee-app/weight-management/weight-checkin.html b/employee-app/weight-management/weight-checkin.html
new file mode 100644
index 0000000..8651908
--- /dev/null
+++ b/employee-app/weight-management/weight-checkin.html
@@ -0,0 +1,923 @@
+
+
+
+
+
+
重打卡 - 体重管理 | 健康CQ原型
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 08月12日 周三 · 今日体重 62.6 公斤
+
+
+
+
+
+
+
+
+
+
+
周一
+
08-10
+
62.8kg
+
推荐56-68kg
+
蓝牙
+
+
+
+
+
+
+
周二
+
08-11
+
62.7kg
+
推荐56-68kg
+
体脂仪
+
+
+
+
+
+
+
周三
+
今天
+
62.6kg
+
推荐56-68kg
+
身高秤
+
+
+
+
+
+
+
周四
+
08-13
+
推荐56-68kg
+
请记录
+
+
+
+
+
+
+
周五
+
08-14
+
推荐56-68kg
+
请记录
+
+
+
+
+
+
+
周六
+
08-15
+
推荐56-68kg
+
请记录
+
+
+
+
+
+
+
周日
+
08-16
+
推荐56-68kg
+
请记录
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
选择指标进行自记
+
+
+
+
+
⚖️
+
+
体重
+
最近一次:62.6 kg(08-12)
+
参考范围:56-68 kg
+
+
+
+
+
+
+
+
+
+
🧬
+
+
体脂
+
最近一次:20.0 %(08-12)
+
参考范围:15-25 %
+
+
+
+
+
+
+
+
+
+
📏
+
+
腰围
+
最近一次:76.5 cm(08-12)
+
参考范围:75-85 cm
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
⚖️
+
体重记录确认
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
输入测量值
+
+
+
+
+ kg
+
+
+ 记录值 62.6 kg
+
+
+
+
+
+
+
+
+
diff --git a/employee-app/weight-management/weight-history.html b/employee-app/weight-management/weight-history.html
new file mode 100644
index 0000000..b590394
--- /dev/null
+++ b/employee-app/weight-management/weight-history.html
@@ -0,0 +1,520 @@
+
+
+
+
+
+
体重记录 - 员工端 | 健康CQ原型
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
周
+
月
+
季
+
活动期间
+
全部
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/employee-app/weight-management/weight-main.html b/employee-app/weight-management/weight-main.html
index cb30716..e7b1e0c 100644
--- a/employee-app/weight-management/weight-main.html
+++ b/employee-app/weight-management/weight-main.html
@@ -13,7 +13,26 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
.status-bar .icons { display: flex; gap: 6px; align-items: center; }
.nav-bar { height: 44px; background: #fff; display: flex; align-items: center; padding: 0 16px; flex-shrink: 0; border-bottom: 1px solid #f0f0f0; }
.nav-back { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #1a1a1a; }
-.nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #1a1a1a; margin-right: 28px; }
+.nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #1a1a1a; }
+.nav-more { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #1a1a1a; position: relative; flex-shrink: 0; }
+.nav-more__dots { display: flex; flex-direction: column; gap: 3px; align-items: center; }
+.nav-more__dots span { display: block; width: 4px; height: 4px; border-radius: 50%; background: #333; }
+/* 类型切换下拉菜单 */
+.type-menu { display: none; position: absolute; top: 34px; right: 8px; background: #fff; border-radius: 12px; box-shadow: 0 6px 24px rgba(0,0,0,0.12); z-index: 100; min-width: 170px; overflow: hidden; }
+.type-menu.show { display: block; }
+.type-menu__item { padding: 13px 16px; font-size: 14px; color: #333; cursor: pointer; display: flex; align-items: center; justify-content: space-between; white-space: nowrap; border-bottom: 1px solid #f5f5f5; }
+.type-menu__item:last-child { border-bottom: none; }
+.type-menu__item:hover { background: #f7f8fa; }
+.type-menu__item.active { color: #36cfc9; font-weight: 700; }
+.type-menu__item.active::after { content: '✓'; font-size: 12px; color: #36cfc9; }
+/* 排行榜缺省占位 */
+.rank-card--empty { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 28px 16px; text-align: center; min-height: 180px; }
+.rank-card--empty__icon { width: 56px; height: 56px; border-radius: 50%; background: #f0f2f5; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
+.rank-card--empty__icon svg { width: 28px; height: 28px; color: #ccc; }
+.rank-card--empty__text { font-size: 13px; color: #bbb; line-height: 1.6; }
+/* 遮罩层 */
+.type-mask { display: none; position: fixed; inset: 0; z-index: 50; }
+.type-mask.show { display: block; }
/* 排名副标题栏 */
.rank-sub-bar { background: #fff; padding: 8px 16px 10px; border-bottom: 1px solid #f0f0f0; }
.rank-sub-bar__text { font-size: 13px; color: #666; text-align: center; line-height: 1.5; }
@@ -82,7 +101,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
.daily-date { font-size: 14px; color: #1f1f1f; text-align: center; margin-bottom: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 12px; }
.daily-date::before, .daily-date::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #ff7a6b, transparent); max-width: 90px; }
.daily-checkin { display: flex; gap: 10px; }
-.checkin-card { flex: 1; border-radius: 14px; padding: 14px 8px 12px; text-align: center; color: #fff; position: relative; }
+.checkin-card { flex: 1; border-radius: 14px; padding: 14px 8px 12px; text-align: center; color: #fff; position: relative; cursor: pointer; }
.checkin-card--eat { background: linear-gradient(160deg, #6ee16e 0%, #3ec46a 100%); }
.checkin-card--move { background: linear-gradient(160deg, #ffb066 0%, #ff8a3d 100%); }
.checkin-card--weight { background: linear-gradient(160deg, #b08cff 0%, #8b6cff 100%); }
@@ -251,7 +270,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
.dash-grid__left { flex: 1.5; }
.dash-grid__right { flex: 1; display: flex; flex-direction: column; gap: 8px; }
- .rank-card { background: #fff; border-radius: 16px; padding: 14px 12px 10px; box-shadow: 0 4px 14px rgba(0,0,0,0.04); }
+ .rank-card { background: #fff; border-radius: 16px; padding: 14px 12px 10px; box-shadow: 0 4px 14px rgba(0,0,0,0.04); cursor: pointer; }
.rank-card__title { font-size: 11px; font-weight: 700; color: #36cfc9; margin-bottom: 10px; text-align: center; white-space: nowrap; }
.rank-card__my { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; }
.rank-card__my-label { font-size: 12px; color: #666; white-space: nowrap; }
@@ -322,7 +341,20 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items: