From ea8239debf965c7dcb5541dae20aed48faa1e4ea Mon Sep 17 00:00:00 2001 From: fengpu <18691763612@163.com> Date: Thu, 23 Jul 2026 16:49:25 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E7=AE=A1=E7=90=86=E7=AB=AF=E5=9C=BA?= =?UTF-8?q?=E6=89=80/=E5=88=86=E7=B1=BB=E7=AE=A1=E7=90=86=E5=A2=9E?= =?UTF-8?q?=E5=BC=BA=E5=8F=8A=E5=B0=8F=E7=A8=8B=E5=BA=8F=E7=AB=AF=E4=BA=A4?= =?UTF-8?q?=E4=BA=92=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 后台营养管理：场所新增/编辑页重构（营业时段/图片/资质）、食材及餐品分类管理弹窗、从已有食材复制 - 营养管理小程序：净菜包订单按状态差异化展示、时间选择器交互重构、新增收货地址页、移除营养目标分区 - CHANGELOG 更新至 2026-07-23 Co-Authored-By: Claude Opus 4.7 --- .claude/memory/MEMORY.md | 4 +- .claude/memory/lint_report.md | 12 +- .claude/memory/project_progress.md | 1 + CLAUDE.md | 2 - employee-app/weight-management/doc/PRD.md | 9 +- index.html | 1 + .../nutrition/eat-order-confirm.html | 151 ++++-- .../mini-program/nutrition/eat-order.html | 41 +- .../mini-program/nutrition/me-address.html | 426 ++++++++++++++++ .../mini-program/nutrition/me-health.html | 56 +-- .../mini-program/nutrition/me-home.html | 1 + .../nutrition/me-order-detail.html | 131 ++++- .../mini-program/nutrition/me-orders.html | 4 +- web-admin/nutrition/din-canteen-add.html | 466 ++++++++++++++++-- web-admin/nutrition/din-canteen.html | 145 +++++- web-admin/nutrition/din-dish-all.html | 184 +++++++ web-admin/nutrition/din-ingredient-add.html | 220 ++++++++- web-admin/nutrition/din-ingredient.html | 227 ++++++++- web-admin/nutrition/doc/CHANGELOG.md | 20 + 19 files changed, 1911 insertions(+), 190 deletions(-) create mode 100644 other-module/mini-program/nutrition/me-address.html diff --git a/.claude/memory/MEMORY.md b/.claude/memory/MEMORY.md index d32a60f..0dbe568 100644 --- a/.claude/memory/MEMORY.md +++ b/.claude/memory/MEMORY.md @@ -1,10 +1,10 @@ -_Last synced: 2026-07-20 | Base commit: `5c518cb`_ +_Last synced: 2026-07-21 | Base commit: `f671764`_ # 记忆索引 | 文件 | 描述 | 类型 | 最后更新 | |------|------|------|----------| | project_overview.md | 项目技术栈、架构与模块结构 | project | 2026-05-14 | -| project_progress.md | 各模块原型开发进度 | project | 2026-07-20 | +| project_progress.md | 各模块原型开发进度 | project | 2026-07-21 | | decisions.md | 关键设计决策与架构约定 | project | 2026-06-15 | | feedback.md | 协作规范与用户纠正记录 | feedback | 2026-06-15 | | user_profile.md | 用户角色与偏好 | user | 2026-04-21 | diff --git a/.claude/memory/lint_report.md b/.claude/memory/lint_report.md index 71bb60d..9db7594 100644 --- a/.claude/memory/lint_report.md +++ b/.claude/memory/lint_report.md @@ -2,12 +2,12 @@ name: 记忆健康检查报告 description: memory-lint 最新一次执行的检查结果与待处理项 type: lint -last_updated: 2026-07-20 +last_updated: 2026-07-21 --- # 记忆健康检查报告 -> _执行时间: 2026-07-20 | Base commit: `5c518cb` | Last synced: 2026-07-20_ +> _执行时间: 2026-07-21 | Base commit: `f671764` | Last synced: 2026-07-21_ ## 健康概览 @@ -35,17 +35,17 @@ last_updated: 2026-07-20 ### [ERROR] 过期记忆 -- **文件**：`user_profile.md`（last_updated: 2026-04-21，已过期 90 天） +- **文件**：`user_profile.md`（last_updated: 2026-04-21，已过期 91 天） - **建议**：若用户角色或协作偏好发生变化，执行 `/memory-update` 更新；否则可忽略 ### [WARN] 过期记忆 -- **文件**：`project_overview.md`（last_updated: 2026-05-14，已过期 67 天） +- **文件**：`project_overview.md`（last_updated: 2026-05-14，已过期 68 天） - 自上次更新后项目新增净菜贴标秤、净菜组配秤重构、营养边缘服务、西安应急大屏 v2/v3、蓝牙体重秤小程序等模块 - **建议**：若需同步技术栈/架构变化，执行 `/memory-update` 或手动补充模块结构说明 -- **文件**：`decisions.md`（last_updated: 2026-06-15，已过期 35 天） +- **文件**：`decisions.md`（last_updated: 2026-06-15，已过期 36 天） - **建议**：若期间产生新的关键决策，执行 `/memory-update` 补充；否则可忽略 -- **文件**：`feedback.md`（last_updated: 2026-06-15，已过期 35 天） +- **文件**：`feedback.md`（last_updated: 2026-06-15，已过期 36 天） - **建议**：若期间产生新的协作规范纠正，执行 `/memory-update` 补充；否则可忽略 --- diff --git a/.claude/memory/project_progress.md b/.claude/memory/project_progress.md index b0808c4..7a6c20c 100644 --- a/.claude/memory/project_progress.md +++ b/.claude/memory/project_progress.md @@ -89,6 +89,7 @@ Web 管理端和员工端 APP 的其余模块（系统管理、运动管理、 - 覆盖模块：18 个（含三端+其他终端） ## 近期里程碑 +- 2026-07-21：导航页 popover 事件冒泡回归再次修复（同一根因第二次出现）——0603113 提交将 popover 重构为延迟渲染模式（首次点击"X 页"才动态构建 DOM），但 `togglePop` 函数内 `insertAdjacentHTML` 模板漏加 `onclick="event.stopPropagation()"`，导致同样的双 tab 打开回归。修复方式：在延迟构建模板中补上 stopPropagation（commit f671764）。系统性教训：嵌套 onclick 结构中子容器的 stopPropagation 在代码重构时极易遗漏，后续涉及 popover/弹层 DOM 创建位置变更时需检查事件冒泡拦截。 - 2026-07-20：导航页 popover 事件冒泡回归修复——8a96ead 提交重构 popover 关闭逻辑时误删 `
` 上的 `onclick="event.stopPropagation()"`，导致 popover 内 `` 点击事件冒泡到父级 `module-card` 触发 `window.open` 打开模块入口页，与 `` 默认跳转叠加造成点击"页面总览"等列表项时同时打开两个 tab。修复方式：恢复 popover 容器上的 stopPropagation，与新版本 document click 监听器（靠 `closest` 判断）兼容（commit 5c518cb）。 - 2026-07：本月重要变更摘要——新增蓝牙体重秤小程序模块 `other-module/bluetooth-scale-miniprogram/`（11 页：登录/搜索设备/wifi连接/添加成员/设备成员/主页/数据详情/资料完善/帮助中心/帮助详情/资料）；西安应急大屏 v3 系列重构与扩展（主屏 v3 重构+路径规划纵向逐步导航+体检雷达/穿戴统计数值带单位+体重管理今日维度、cv 副屏重构为穿戴告警监测+新增告警趋势/心脑血管预警/告警时段分布、新增 help-monitor 应急求助副屏、新增多个业务记录弹窗含筛选与分页、站点入口指向 v3）；营养管理后台菜单用户操作权限划分；营养管理小程序原型页面调整（小程序购买净菜包+健康档案+加餐数据展示）；体重管理 web-admin 多页面更新（archive-unit-report-detail、history-personnel-list/detail、plan-edit、action-record 等）；健康监测模块更新。 - 2026-06-26：餐厅终端设备净菜包装秤与组配秤迭代——净菜包装秤全模块完成“贴标”到“包装”的术语统一，包装作业页清单按 `packSize` 展开为单份、移除称重弹窗并改为直接读秤，新增搜索框与 `label-preview.html` 标签预览页；净菜组配秤任务/历史页按单份拆分展示，食材名称去除丝/段/片/块/液等后缀，组配作业页移除确认弹窗并优化底部按钮布局；同步删除根目录个人化全平台进度生成脚本 `scripts/generate-overview.js`。 diff --git a/CLAUDE.md b/CLAUDE.md index d3d0fac..ba12a61 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -1,5 +1,3 @@ - - # 项目约束 本项目所有工作必须严格遵守 `项目背景.md` 中定义的全部规范，包括： diff --git a/employee-app/weight-management/doc/PRD.md b/employee-app/weight-management/doc/PRD.md index 95d0863..a54731d 100644 --- a/employee-app/weight-management/doc/PRD.md +++ b/employee-app/weight-management/doc/PRD.md @@ -439,8 +439,8 @@ stateDiagram-v2 **主要UI元素：** - 导航栏标题：当前日期 -- 今日摘要栏：显示已记录餐数和总摄入热量，右侧"历史记录"链接跳转到摄入记录页面 -- 四餐卡片（早餐/午餐/晚餐/加餐）：各显示已摄入热量、推荐热量参考、来源徽章（智记/自记/未记录） +- 今日摘要栏：显示当日已记录餐数和总摄入热量，右侧"历史记录"链接跳转到摄入记录页面 +- 四餐卡片（早餐/午餐/晚餐/加餐）：各显示已摄入热量、推荐热量参考、来源徽章（智记/自记/智记+自记/未记录） - 类型显示当日总记录卡片（智记/自记） - 自记区域：搜索框、左侧分类列表、右侧菜品列表（含+/-按钮） - 底部固定栏：购物袋图标（显示已选菜品数量）、总热量、提交按钮 @@ -470,8 +470,8 @@ stateDiagram-v2 **主要UI元素：** - 导航栏标题：当前周日期范围（如"08-10 ~ 08-16"） - 今日摘要栏：显示当天日期、星期、今日消耗热量，"历史记录"链接跳转到消耗记录页面 -- 一周日期卡片（2行，4+3布局）：周一至周日，已记录天显示步数/消耗热量+来源徽章（微信/穿戴/器械/自记）、推荐步数，当天高亮 -- 来源类型卡片：穿戴设备（步数）、器械运动（已记录时长）、微信运动（步数+同步按钮）、自记运动（已记录时长） +- 一周日期卡片（2行，4+3布局）：周一至周日，已记录天显示步数/消耗热量（有步数只显示步数，没有步数则显示消耗热量）+来源徽章（微信/穿戴/器械/自记）、推荐步数，当天高亮 +- 来源类型卡片：穿戴设备（步数）、器械运动（已记录时长）、微信运动（步数+同步按钮）、自记运动（步数/已记录运动时长【有步数只显示步数，没有步数则显示运动时长】） - 自记区域：搜索框、运动分类、运动项目列表（含+/-按钮） - 底部固定栏：购物袋图标（显示已选运动数）、总消耗热量、提交按钮 @@ -488,6 +488,7 @@ stateDiagram-v2 - 穿戴设备未记录时，点击提示“您未配备或未连接穿戴设备”弹窗 - 日期卡片中的已记录数据，如果穿戴、自记、微信都有步数，取最大值。如果没有步数，则显示消耗千卡 - 微信运动需手动触发同步 +- 注意：因穿戴设备数据以及微信运动数据存在补传历史数据的情况，体重管理业务中只再做数据归档时允许修正T-2的数据（在归档昨天的数据前要修正前天的数据）； --- diff --git a/index.html b/index.html index 0b734e3..1892b44 100644 --- a/index.html +++ b/index.html @@ -851,6 +851,7 @@ const SITE_MAP = [ {label:'我的创作', file:'make-my-recipes.html'}, {label:'微信授权登录', file:'me-login.html'}, {label:'个人中心', file:'me-home.html'}, + {label:'收货地址', file:'me-address.html'}, {label:'健康档案', file:'me-health.html'}, {label:'我的订单', file:'me-orders.html'}, {label:'订单详情', file:'me-order-detail.html'}, diff --git a/other-module/mini-program/nutrition/eat-order-confirm.html b/other-module/mini-program/nutrition/eat-order-confirm.html index a1e5eed..87a2671 100644 --- a/other-module/mini-program/nutrition/eat-order-confirm.html +++ b/other-module/mini-program/nutrition/eat-order-confirm.html @@ -92,16 +92,42 @@ .pickup-method .pm-name { font-size: 13px; font-weight: 600; margin-top: 4px; color: #333; } .pickup-method .pm-desc { font-size: 10px; color: #999; margin-top: 2px; } .pickup-method.active .pm-name { color: #1677ff; } - /* 日期/时段 chip */ - .chip-label { font-size: 11px; color: #999; margin: 8px 0 6px; } - .date-chips, .time-chips { display: flex; gap: 6px; flex-wrap: wrap; } - .date-chip, .time-chip { - padding: 6px 10px; border-radius: 14px; background: #f5f5f5; - font-size: 11px; color: #666; cursor: pointer; line-height: 1.4; + /* 期望配送时间：下拉框风格 */ + .time-picker-trigger { + display: flex; align-items: center; justify-content: space-between; + height: 38px; padding: 0 12px; border-radius: 8px; + border: 1px solid #e8e8e8; background: #fff; cursor: pointer; } - .date-chip.active, .time-chip.active { - background: #1677ff; color: #fff; font-weight: 600; + .tpt-text { font-size: 13px; color: #333; } + .tpt-arrow { font-size: 10px; color: #999; transition: transform 0.2s; } + .tpt-arrow.open { transform: rotate(180deg); } + .time-picker-panel { + display: none; margin-top: 6px; gap: 8px; } + .time-picker-panel.show { display: flex; } + .tp-date-col { + width: 88px; flex-shrink: 0; display: flex; flex-direction: column; gap: 4px; + } + .tp-date-card { + padding: 7px 6px; border-radius: 6px; border: 1px solid #e8e8e8; + text-align: center; cursor: pointer; background: #fff; transition: all 0.15s; + } + .tp-date-card.active { border-color: #1677ff; background: #e6f4ff; } + .tp-date-card .tp-date-week { font-size: 10px; color: #999; margin-bottom: 2px; } + .tp-date-card.active .tp-date-week { color: #1677ff; font-weight: 600; } + .tp-date-card .tp-date-day { font-size: 12px; color: #333; font-weight: 600; } + .tp-date-card.active .tp-date-day { color: #1677ff; } + .tp-time-col { + flex: 1; max-height: 220px; overflow-y: auto; + display: flex; flex-direction: column; gap: 2px; + border: 1px solid #e8e8e8; border-radius: 6px; padding: 4px 6px; + } + .tp-time-col::-webkit-scrollbar { display: none; } + .tp-time-item { + padding: 6px 10px; border-radius: 6px; font-size: 12px; color: #333; + cursor: pointer; text-align: center; transition: all 0.15s; + } + .tp-time-item.active { background: #1677ff; color: #fff; font-weight: 600; } /* 地址卡片 */ .address-card, .pickup-card { padding: 12px; border-radius: 8px; border: 1px solid #e8e8e8; background: #fafafa; @@ -225,8 +251,6 @@
- +
期望配送时间 *
-
选择日期
-
-
今日（4月28日）
-
明日（4月29日）
-
4月30日
+
+ 4月30日 周五 ｜ 11:00-12:00 + ▼
-
选择时段
-
-
早餐 07:00-08:00
-
午餐 11:00-12:00
-
晚餐 17:00-18:00
+
+
+
+
周五
+
4月30日
+
+
+
周六
+
5月1日
+
+
+
周日
+
5月2日
+
+
+
+
07:00-08:00
+
08:00-09:00
+
09:00-10:00
+
10:00-11:00
+
11:00-12:00
+
12:00-13:00
+
13:00-14:00
+
14:00-15:00
+
15:00-16:00
+
16:00-17:00
+
17:00-18:00
+
18:00-19:00
+
19:00-20:00
+
@@ -371,7 +418,8 @@ var orderAmount = document.getElementById('orderAmount'); var actionBtns = document.getElementById('actionBtns'); - /* 取货方式切换：联动地址组/自提组显示 */ + /* 取货方式切换：联动地址组/自提组 + 时间标签文本 */ + var timeLabel = document.querySelectorAll('.fulfill-card .fg-label')[1]; document.querySelectorAll('.pickup-method').forEach(function(m) { m.addEventListener('click', function() { document.querySelectorAll('.pickup-method').forEach(function(x) { x.classList.remove('active'); }); @@ -379,22 +427,63 @@ var isDelivery = m.dataset.method === 'delivery'; document.getElementById('addressGroup').classList.toggle('hidden', !isDelivery); document.getElementById('pickupGroup').classList.toggle('hidden', isDelivery); + /* 切换标签文本 */ + if (isDelivery) { + timeLabel.innerHTML = '期望配送时间 *'; + } else { + timeLabel.innerHTML = '自提时间 *'; + } }); }); - /* 日期 chip 单选切换 */ - document.querySelectorAll('.date-chip').forEach(function(c) { - c.addEventListener('click', function() { - document.querySelectorAll('.date-chip').forEach(function(x) { x.classList.remove('active'); }); + /* 下拉面板展开/收起 */ + var timePickerTrigger = document.getElementById('timePickerTrigger'); + var timePickerPanel = document.getElementById('timePickerPanel'); + var tptText = document.getElementById('tptText'); + var tptArrow = document.getElementById('tptArrow'); + + timePickerTrigger.addEventListener('click', function(e) { + e.stopPropagation(); + var isOpen = timePickerPanel.classList.toggle('show'); + if (isOpen) { tptArrow.classList.add('open'); } + else { tptArrow.classList.remove('open'); } + }); + + /* 点击面板外部关闭 */ + document.addEventListener('click', function(e) { + if (!timePickerTrigger.contains(e.target) && !timePickerPanel.contains(e.target)) { + timePickerPanel.classList.remove('show'); + tptArrow.classList.remove('open'); + } + }); + + /* 更新触发区显示文本 */ + function updateTriggerText() { + var activeDate = document.querySelector('.tp-date-card.active'); + var activeTime = document.querySelector('.tp-time-item.active'); + var week = activeDate ? activeDate.dataset.week : ''; + var day = activeDate ? activeDate.dataset.day : ''; + var time = activeTime ? activeTime.textContent : ''; + tptText.textContent = day + ' ' + week + ' ｜ ' + time; + } + + /* 日期卡片单选切换 */ + document.querySelectorAll('.tp-date-card').forEach(function(c) { + c.addEventListener('click', function(e) { + e.stopPropagation(); + document.querySelectorAll('.tp-date-card').forEach(function(x) { x.classList.remove('active'); }); c.classList.add('active'); + updateTriggerText(); }); }); - /* 时段 chip 单选切换 */ - document.querySelectorAll('.time-chip').forEach(function(c) { - c.addEventListener('click', function() { - document.querySelectorAll('.time-chip').forEach(function(x) { x.classList.remove('active'); }); + /* 时段列表项单选切换 */ + document.querySelectorAll('.tp-time-item').forEach(function(c) { + c.addEventListener('click', function(e) { + e.stopPropagation(); + document.querySelectorAll('.tp-time-item').forEach(function(x) { x.classList.remove('active'); }); c.classList.add('active'); + updateTriggerText(); }); }); @@ -473,7 +562,7 @@ /* 净菜包订单：改为"确认订单"页，隐藏取餐码，展示履约表单 */ successIcon.textContent = '📝'; successTitle.textContent = '确认订单信息'; - successDesc.textContent = '请补充履约信息后提交订单'; + successDesc.textContent = '请先选择配送方式后再提交订单'; pickupBlock.classList.add('hidden'); fulfillBlock.classList.remove('hidden'); orderItems.innerHTML = diff --git a/other-module/mini-program/nutrition/eat-order.html b/other-module/mini-program/nutrition/eat-order.html index 561415f..f4a52d7 100644 --- a/other-module/mini-program/nutrition/eat-order.html +++ b/other-module/mini-program/nutrition/eat-order.html @@ -68,9 +68,15 @@ .menu-item .food-icon { width: 56px; height: 56px; border-radius: 10px; background: #f5f5f5; display: flex; align-items: center; justify-content: center; font-size: 28px; flex-shrink: 0; + cursor: pointer; } .menu-item .food-info { flex: 1; min-width: 0; } - .menu-item .food-name { font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 4px; flex-wrap: wrap; } + .menu-item .food-name { + font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 4px; flex-wrap: wrap; + cursor: pointer; + } + .menu-item .food-name:hover { color: #1677ff; } + .menu-item .food-desc { cursor: pointer; } .food-tag { font-size: 10px; font-weight: 600; padding: 1px 5px; border-radius: 3px; white-space: nowrap; line-height: 16px; @@ -236,7 +242,7 @@
🍗
-
宫保鸡丁净菜包
+
宫保鸡丁
腌好鸡丁+配料包 · 约300g · 285kcal
¥22 @@ -248,7 +254,7 @@
🍅
-
番茄炒蛋净菜包
+
番茄炒蛋
切好番茄+调好蛋液 · 约250g · 168kcal
¥10 @@ -260,7 +266,7 @@
🍖
-
红烧肉净菜包
+
红烧肉
炖好五花肉+酱料包 · 约350g · 395kcal
¥26 @@ -272,7 +278,7 @@
🐟
-
清蒸鱼净菜包
+
清蒸鱼
处理净草鱼+葱姜丝 · 约220g · 142kcal
¥28 @@ -284,7 +290,7 @@
🥗
-
低脂控糖套餐净菜包
+
低脂控糖套餐
鸡胸+糙米饭+西兰花 · 约400g · 320kcal
¥35 @@ -296,7 +302,7 @@
🍱
-
2-3人家庭套餐净菜包
+
2-3人家庭套餐
3菜1汤半成品 · 约1.2kg · 1200kcal
¥68 @@ -420,6 +426,27 @@ /* 初始化：购物车归零 */ updateCart(); + + /* 菜品点击查看详情：餐品和净菜包统一跳转 eat-dish-detail.html */ + var detailTarget = { 'panel-meal': 'eat-dish-detail.html', 'panel-clean': 'eat-dish-detail.html' }; + + document.querySelectorAll('.menu-item').forEach(function(item) { + /* 根据 menu-item 所在面板解析目标页 */ + var panel = item.closest('.order-layout'); + var target = panel && detailTarget[panel.id] ? detailTarget[panel.id] : 'eat-dish-detail.html'; + var triggerHandler = function(e) { + /* 避免点到加减按钮区域 */ + if (e.target.closest('.food-bottom')) return; + location.href = target; + }; + /* 图标、名称、描述可点击跳转，加减按钮不受影响 */ + var icon = item.querySelector('.food-icon'); + var name = item.querySelector('.food-name'); + var desc = item.querySelector('.food-desc'); + [icon, name, desc].forEach(function(el) { + if (el) el.addEventListener('click', triggerHandler); + }); + }); diff --git a/other-module/mini-program/nutrition/me-address.html b/other-module/mini-program/nutrition/me-address.html new file mode 100644 index 0000000..6efa84a --- /dev/null +++ b/other-module/mini-program/nutrition/me-address.html @@ -0,0 +1,426 @@ + + + + + + 收货地址 | 智能餐养小程序 + + + +
+
+ 09:41 +
📶WiFi🔋
+
+
+ ‹ + 收货地址 +
+
+ +
+
+ 张三 + 138****6688 + 默认 +
+
渝北区龙湖路123号4栋1单元1801
+
+ + +
+ +
+
+
收货人 *
+ +
+
+
手机号 *
+ +
+
+
所在地区 *
+ +
+
+
详细地址 *
+ +
+
+ 设为默认收货地址 + +
+
+ + +
+
+
+ +
+
+ 张三 + 138****6688 +
+
南岸区江南大道28号写字楼12层
+
+ + +
+
+
+
收货人 *
+ +
+
+
手机号 *
+ +
+
+
所在地区 *
+ +
+
+
详细地址 *
+ +
+
+ 设为默认收货地址 + +
+
+ + +
+
+
+ +
+
+ 李四 + 139****1234 +
+
渝北区黄山大道中段55号2栋802
+
+ + +
+
+
+
收货人 *
+ +
+
+
手机号 *
+ +
+
+
所在地区 *
+ +
+
+
详细地址 *
+ +
+
+ 设为默认收货地址 + +
+
+ + +
+
+
+ + +
+ +
+ + + +
+
+
+ + + + diff --git a/other-module/mini-program/nutrition/me-health.html b/other-module/mini-program/nutrition/me-health.html index 1230da9..bbf488a 100644 --- a/other-module/mini-program/nutrition/me-health.html +++ b/other-module/mini-program/nutrition/me-health.html @@ -381,17 +381,6 @@
- -
-
- 🎯营养目标 - 编辑 › -
-
每日热量2000 kcal
-
蛋白质≥60g
-
膳食纤维≥25g
-
饮水量≥2000ml
-
@@ -585,34 +574,6 @@
- -
diff --git a/other-module/mini-program/nutrition/me-orders.html b/other-module/mini-program/nutrition/me-orders.html index 5a38ff6..7f1730c 100644 --- a/other-module/mini-program/nutrition/me-orders.html +++ b/other-module/mini-program/nutrition/me-orders.html @@ -70,7 +70,7 @@
低脂鸡胸肉沙拉 ×1、杂粮饭 ×1、紫菜蛋花汤 ×1
¥ 28.5今天 11:32
 - +
🥬 阳光食堂 · 净菜包订单净菜包
待配送 @@ -87,7 +87,7 @@
全麦三明治 ×1、鲜榨橙汁 ×1
¥ 15.0今天 07:45
 - +
🥬 阳光食堂 · 净菜包订单净菜包
已完成 diff --git a/web-admin/nutrition/din-canteen-add.html b/web-admin/nutrition/din-canteen-add.html index 7bc6a22..aea4b59 100644 --- a/web-admin/nutrition/din-canteen-add.html +++ b/web-admin/nutrition/din-canteen-add.html @@ -13,6 +13,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei --radius-sm:4px;--radius-md:8px;--radius-lg:12px; --shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12); } +/* ===== 顶部导航 ===== */ .top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;} .top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;white-space:nowrap;width:240px;flex-shrink:0;} .top-bar__logo svg{width:28px;height:28px;} @@ -24,6 +25,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei .top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;} .top-bar__right .btn-back:hover{color:#fff;} .avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;} +/* ===== 侧边栏 ===== */ .sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;padding-top:8px;} .sidebar-menu__title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;text-transform:uppercase;letter-spacing:.5px;} .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;text-decoration:none;} @@ -36,15 +38,21 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei .sidebar-subgroup.open .sidebar-subgroup__header .arrow{transform:rotate(90deg);} .sidebar-subgroup__body{display:none;padding-left:12px;} .sidebar-subgroup.open .sidebar-subgroup__body{display:block;} +/* ===== 主内容 ===== */ .main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);} .breadcrumb{display:flex;align-items:center;gap:6px;font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:16px;} .breadcrumb a{color:var(--primary);text-decoration:none;}.breadcrumb a:hover{text-decoration:underline;} .breadcrumb__sep{color:var(--text-placeholder);} +/* ===== 表单卡片 ===== */ .form-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px;margin-bottom:16px;} -.form-card__title{font-size:var(--font-base);font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border);} +.form-card__title{font-size:var(--font-base);font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;} +.form-card__title .card-icon{font-size:18px;} .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 24px;} +.form-grid.col3{grid-template-columns:repeat(3,1fr);} +.form-grid.col4{grid-template-columns:repeat(4,1fr);} .form-group{display:flex;flex-direction:column;gap:6px;} .form-group.full{grid-column:1/-1;} +.form-group.span2{grid-column:span 2;} .form-label{font-size:var(--font-sm);color:var(--text-secondary);} .form-label .required{color:var(--danger);margin-left:2px;} .form-input,.form-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff;width:100%;} @@ -52,16 +60,22 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei .form-input:disabled{background:#F5F5F5;color:var(--text-placeholder);cursor:not-allowed;} .form-select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;padding-right:28px;} .form-hint{font-size:var(--font-xs);color:var(--text-placeholder);margin-top:2px;} +.form-textarea{min-height:80px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff;width:100%;resize:vertical;font-family:inherit;} +.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.1);} +/* ===== 按钮 ===== */ .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;text-decoration:none;} .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;} .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);} +.btn-sm{height:28px;padding:0 10px;font-size:var(--font-xs);} +.btn-text{background:none;border:none;color:var(--primary);cursor:pointer;font-size:var(--font-sm);padding:0;}.btn-text:hover{color:#40a9ff;} +.btn-text--danger{color:var(--danger);}.btn-text--danger:hover{color:#ff7875;} .form-footer{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);} -/* 地图区域 */ -.map-container{width:100%;height:320px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#E8ECF0;position:relative;overflow:hidden;} -.map-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-placeholder);gap:8px;background:linear-gradient(135deg,#e8ecf0 25%,#dde2e8 25%,#dde2e8 50%,#e8ecf0 50%,#e8ecf0 75%,#dde2e8 75%);background-size:20px 20px;} -.map-placeholder__icon{font-size:40px;opacity:0.5;} -.map-placeholder__text{font-size:var(--font-sm);} -/* 模拟地图内容 */ +/* ===== 单选按钮组 ===== */ +.radio-group{display:flex;gap:20px;height:36px;align-items:center;} +.radio-item{display:flex;align-items:center;gap:6px;font-size:var(--font-sm);cursor:pointer;} +.radio-item input[type="radio"]{width:16px;height:16px;accent-color:var(--primary);} +/* ===== 地图区域 ===== */ +.map-container{width:100%;height:280px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#E8ECF0;position:relative;overflow:hidden;} .map-mock{width:100%;height:100%;position:relative;background:#e8edf2;} .map-mock__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.05) 1px,transparent 1px);background-size:40px 40px;} .map-mock__roads{position:absolute;inset:0;} @@ -76,14 +90,61 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei .map-mock__search{position:absolute;left:12px;top:12px;display:flex;gap:6px;z-index:5;} .map-mock__search input{width:220px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-xs);background:#fff;box-shadow:var(--shadow-sm);} .map-mock__search button{height:32px;padding:0 12px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-xs);cursor:pointer;} -/* 单选按钮组 */ -.radio-group{display:flex;gap:20px;height:36px;align-items:center;} -.radio-item{display:flex;align-items:center;gap:6px;font-size:var(--font-sm);cursor:pointer;} -.radio-item input[type="radio"]{width:16px;height:16px;accent-color:var(--primary);} +/* ===== 营业时段 ===== */ +.biz-hours-table{width:100%;border-collapse:collapse;font-size:var(--font-sm);} +.biz-hours-table th{text-align:left;padding:8px 10px;font-weight:500;color:var(--text-secondary);font-size:var(--font-xs);border-bottom:1px solid var(--border);white-space:nowrap;} +.biz-hours-table th .required{color:var(--danger);} +.biz-hours-table td{padding:8px 10px;border-bottom:1px solid #f5f5f5;vertical-align:middle;} +.biz-hours-table .col-meal{width:100px;} +.biz-hours-table .col-weekday{min-width:260px;} +.biz-hours-table .col-time{width:110px;} +.biz-hours-table .col-action{width:50px;text-align:center;} +.biz-hours-table .form-input,.biz-hours-table .form-select{height:30px;font-size:var(--font-xs);} +.biz-hours-table input[type="time"]{height:30px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 8px;font-size:var(--font-xs);color:var(--text-primary);outline:none;width:108px;} +.biz-hours-table input[type="time"]:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.1);} +/* 星期切换按钮 */ +.weekday-toggles{display:flex;gap:4px;flex-wrap:wrap;} +.weekday-toggle{width:30px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;font-size:var(--font-xs);color:var(--text-secondary);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;user-select:none;} +.weekday-toggle:hover{border-color:var(--primary);color:var(--primary);} +.weekday-toggle.active{background:var(--primary);color:#fff;border-color:var(--primary);} +.weekday-toggle-all{width:auto;padding:0 8px;font-size:var(--font-xs);color:var(--primary);cursor:pointer;user-select:none;height:28px;display:flex;align-items:center;} +.biz-hours-add{margin-top:12px;} +/* ===== 图片上传区 ===== */ +.upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} +.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-md);padding:32px 16px;text-align:center;cursor:pointer;transition:all .2s;background:#FAFAFA;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;} +.upload-zone:hover{border-color:var(--primary);background:var(--primary-light);} +.upload-zone.has-image{border-style:solid;border-color:var(--success);background:#F6FFED;padding:0;} +.upload-zone__icon{width:48px;height:48px;border-radius:50%;background:#E8E8E8;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--text-placeholder);} +.upload-zone:hover .upload-zone__icon{background:var(--primary-light);color:var(--primary);} +.upload-zone__text{font-size:var(--font-sm);color:var(--text-secondary);} +.upload-zone__hint{font-size:var(--font-xs);color:var(--text-placeholder);} +.upload-zone__label{position:absolute;top:0;left:0;background:var(--danger);color:#fff;font-size:10px;padding:3px 10px;border-radius:0 0 var(--radius-sm) 0;font-weight:500;} +.upload-zone__preview{width:100%;height:100%;object-fit:cover;display:block;} +.upload-zone__overlay{position:absolute;inset:0;background:rgba(0,0,0,0.45);display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s;} +.upload-zone.has-image:hover .upload-zone__overlay{opacity:1;} +.upload-zone__overlay .btn{background:#fff;color:var(--text-primary);height:28px;padding:0 12px;font-size:var(--font-xs);} +/* ===== 资质信息 ===== */ +.qual-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed var(--border);} +.qual-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;} +.qual-section__title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin-bottom:14px;display:flex;align-items:center;gap:6px;} +.qual-section__title .dot{width:6px;height:6px;border-radius:50%;background:var(--primary);} +.qual-section__title .tag-optional{font-size:var(--font-xs);color:var(--text-placeholder);font-weight:400;margin-left:4px;} +.qual-img-row{display:flex;gap:16px;margin-top:12px;} +.qual-img-item{flex:1;max-width:240px;} +.qual-img-item .upload-zone-small{border:2px dashed var(--border);border-radius:var(--radius-sm);min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;background:#FAFAFA;transition:all .2s;} +.qual-img-item .upload-zone-small:hover{border-color:var(--primary);background:var(--primary-light);} +.qual-img-item .upload-zone-small__icon{font-size:28px;color:var(--text-placeholder);} +.qual-img-item .upload-zone-small__text{font-size:var(--font-xs);color:var(--text-placeholder);} +.qual-img-item .upload-zone-small__label{font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:2px;} +/* ===== 日期范围 ===== */ +.date-range{display:flex;align-items:center;gap:8px;} +.date-range input[type="date"]{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-sm);color:var(--text-primary);outline:none;width:150px;} +.date-range input[type="date"]:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.1);} +.date-range__sep{color:var(--text-placeholder);font-size:var(--font-sm);} - +
- + - +
场所管理 / - 新增场所 + 新增场所
- +
-
基本信息
+
📋基本信息
@@ -165,7 +226,6 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
-
@@ -188,11 +248,11 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
- +
- +
@@ -205,15 +265,12 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
- +
-
地址信息
- -
+
📍地址信息
+
-
-
@@ -222,17 +279,14 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
-
-
+
−
-
@@ -243,11 +297,155 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
📍 点击地图选择位置
-
-
- - - 点击地图选点后，地址信息将自动写入此输入框 +
+ + + 点击地图选点后，地址信息将自动写入此输入框 +
+
+ + +
+
🕐营业时段
+
+ + + + + + + + + + + + +
餐次*营业日*开始时间*结束时间*操作
+
+
+ +
+
+ + +
+
🖼️场所图片
+
+ + + +
+ 必填 +
📷
+
经营场所门头照
+
建议尺寸 800×600，支持 jpg/png
+
+ 重新上传 +
+
+ +
+ 必填 +
🖼️
+
场所环境照
+
建议尺寸 800×600，支持 jpg/png
+
+ 重新上传 +
+
+
+
+ + +
+
📜资质信息
+ + +
+
营业执照*
+
+
+ +
+
+
+
📄
+
点击上传营业执照
+
+
+
+
+
+ + +
+
+ +
+ + 至 + +
+
+
+
+ + +
+
食品经营许可证*
+
+
+ +
+
+
+
📄
+
点击上传食品经营许可证
+
+
+
+
+
+ + +
+
+ +
+ + 至 + +
+
+
+
+ + +
+
法人身份证（非必填）
+
+
+
身份证正面（人像面）
+
+
🪪
+
点击上传身份证正面
+
+
+
+
身份证反面（国徽面）
+
+
🪪
+
点击上传身份证反面
+
+
@@ -260,15 +458,23 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
- + \ No newline at end of file diff --git a/web-admin/nutrition/din-canteen.html b/web-admin/nutrition/din-canteen.html index 7457133..ed49aee 100644 --- a/web-admin/nutrition/din-canteen.html +++ b/web-admin/nutrition/din-canteen.html @@ -79,6 +79,28 @@ tbody tr:hover td.td-actions{background:#F8FBFF;} .detail-row{display:flex;margin-bottom:18px;} .detail-label{width:110px;flex-shrink:0;font-size:var(--font-sm);color:var(--text-secondary);} .detail-value{font-size:var(--font-sm);color:var(--text-primary);flex:1;} +/* 详情-分区标题 */ +.detail-section{border-top:1px dashed var(--border);padding-top:18px;margin-top:18px;} +.detail-section:first-child{border-top:none;padding-top:0;margin-top:0;} +.detail-section__title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin-bottom:14px;display:flex;align-items:center;gap:6px;} +.detail-section__title .dot{width:6px;height:6px;border-radius:50%;background:var(--primary);} +/* 详情-营业时段 */ +.detail-biz-item{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#FAFAFA;border-radius:var(--radius-sm);margin-bottom:8px;font-size:var(--font-xs);} +.detail-biz-item .biz-meal{font-weight:600;color:var(--text-primary);min-width:56px;} +.detail-biz-item .biz-weekdays{display:flex;gap:2px;} +.detail-biz-item .biz-wd{width:22px;height:20px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:10px;background:#E8E8E8;color:var(--text-placeholder);} +.detail-biz-item .biz-wd.active{background:var(--primary);color:#fff;} +.detail-biz-item .biz-time{color:var(--primary);white-space:nowrap;} +/* 详情-图片缩略图 */ +.detail-img-row{display:flex;gap:12px;flex-wrap:wrap;} +.detail-img-item{width:100px;text-align:center;} +.detail-img-item .thumb{width:100px;height:75px;border-radius:var(--radius-sm);background:#E8ECF0;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--text-placeholder);border:1px solid var(--border);} +.detail-img-item .thumb-label{font-size:10px;color:var(--text-secondary);margin-top:4px;} +/* 详情-资质卡片 */ +.detail-qual-card{background:#FAFAFA;border-radius:var(--radius-sm);padding:12px;margin-bottom:10px;} +.detail-qual-card__title{font-size:var(--font-xs);font-weight:600;color:var(--text-primary);margin-bottom:8px;} +.detail-qual-card__row{display:flex;font-size:var(--font-xs);margin-bottom:4px;} +.detail-qual-card__label{color:var(--text-secondary);width:90px;flex-shrink:0;} @@ -179,10 +201,10 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
- + - + - + - + - + - + '; +} +function renderDishCatRow(cat, isChild){ + var hasChildren = getDishCatChildren(cat.id).length > 0; + var isExpanded = expandedDishCats[cat.id]; + var toggleHtml = hasChildren + ? ''+(isExpanded?'−':'+')+'' + : '+'; + var rowClass = isChild ? 'cat-row-l2' : ''; + var activeClass = cat.status==='启用'?' active':''; + var statusLabel = cat.status==='启用'?'启用':'禁用'; + var statusHtml = '
'+statusLabel+'
'; + var canAddChild = cat.level < MAX_DISH_LEVEL; + var addChildBtn = canAddChild ? '新增下级' : ''; + return ''; +} +function openAddDishCat(parentId){ + editingDishCatId = null; + editingDishParentId = parentId || null; + document.getElementById('dishCatFormDialogTitle').textContent = parentId ? '新增下级分类' : '新增分类'; + document.getElementById('dishCatFormName').value = ''; + document.getElementById('dishCatFormCode').value = ''; + document.getElementById('dishCatFormSort').value = '1'; + document.getElementById('dishCatFormStatus').value = '启用'; + document.getElementById('dishCatFormDialog').classList.add('open'); +} +function openEditDishCat(id){ + var cat = dishCategories.find(function(c){return c.id===id;}); + if(!cat) return; + editingDishCatId = id; + editingDishParentId = cat.parentId; + document.getElementById('dishCatFormDialogTitle').textContent = '编辑分类'; + document.getElementById('dishCatFormName').value = cat.name; + document.getElementById('dishCatFormCode').value = cat.code; + document.getElementById('dishCatFormSort').value = cat.sort; + document.getElementById('dishCatFormStatus').value = cat.status; + document.getElementById('dishCatFormDialog').classList.add('open'); +} +function closeDishCatFormDialog(){ + document.getElementById('dishCatFormDialog').classList.remove('open'); + editingDishCatId = null; + editingDishParentId = null; +} +function saveDishCatForm(){ + var name = document.getElementById('dishCatFormName').value.trim(); + var code = document.getElementById('dishCatFormCode').value.trim(); + var sort = parseInt(document.getElementById('dishCatFormSort').value) || 1; + var status = document.getElementById('dishCatFormStatus').value; + if(!name||!code){alert('请填写分类名称和分类编码');return;} + if(editingDishCatId){ + var cat = dishCategories.find(function(c){return c.id===editingDishCatId;}); + if(cat){cat.name=name;cat.code=code;cat.sort=sort;cat.status=status;} + } else { + var level = editingDishParentId ? 2 : 1; + dishCategories.push({id:nextDishCatId++,name:name,code:code,level:level,sort:sort,status:status,parentId:editingDishParentId}); + if(editingDishParentId) expandedDishCats[editingDishParentId] = true; + } + closeDishCatFormDialog(); + renderDishCatTable(); +} +function deleteDishCat(id){ + var cat = dishCategories.find(function(c){return c.id===id;}); + if(!cat) return; + if(getDishCatChildren(id).length > 0){alert('该分类下存在子级分类，请先删除子级分类后再删除。');return;} + if(!confirm('确定要删除分类「'+cat.name+'」吗？删除后不可恢复。')) return; + dishCategories = dishCategories.filter(function(c){return c.id!==id;}); + renderDishCatTable(); +} @@ -547,5 +685,51 @@ renderDetail(); function openIngredientDialog(){document.getElementById('ingredientDialog').classList.add('open');} function closeIngredientDialog(){document.getElementById('ingredientDialog').classList.remove('open');} + +
+
+
+
餐品分类管理
+ +
+
+ +
+ +
+ +
+
场所编号场所名称场所类型所属单位详细地址操作
场所编号场所名称场所类型所属单位负责人详细地址操作
ST-2026-001总部一号食堂食堂CQ能源总部陕西省西安市未央区凤城八路总部基地A区ST-2026-001总部一号食堂食堂CQ能源总部张建国陕西省西安市未央区凤城八路总部基地A区 详情 餐线管理 @@ -191,7 +213,7 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
ST-2026-002总部二号食堂食堂CQ能源总部陕西省西安市未央区凤城八路总部基地B区ST-2026-002总部二号食堂食堂CQ能源总部李红梅陕西省西安市未央区凤城八路总部基地B区 详情 餐线管理 @@ -200,7 +222,7 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
ST-2026-003采油一厂职工食堂食堂采油一厂陕西省延安市安塞区采油一厂生活区ST-2026-003采油一厂职工食堂食堂采油一厂王志强陕西省延安市安塞区采油一厂生活区 详情 餐线管理 @@ -209,7 +231,7 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
ST-2026-004采油二厂综合食堂食堂采油二厂甘肃省庆阳市庆城县采油二厂驻地ST-2026-004采油二厂综合食堂食堂采油二厂刘文静甘肃省庆阳市庆城县采油二厂驻地 详情 餐线管理 @@ -218,7 +240,7 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
ST-2026-005采气一厂营养餐厅餐厅采气一厂陕西省榆林市靖边县采气一厂作业区ST-2026-005采气一厂营养餐厅餐厅采气一厂陈伟陕西省榆林市靖边县采气一厂作业区 详情 餐线管理 @@ -249,24 +271,121 @@ function toggleSubgroup(header){header.parentElement.classList.toggle('open');} /* 详情数据 */ var canteens=[ - {name:'总部一号食堂',code:'ST-2026-001',type:'食堂',unit:'CQ能源总部',address:'陕西省西安市未央区凤城八路总部基地A区',leader:'张建国',phone:'138****1001',terminal:'是'}, - {name:'总部二号食堂',code:'ST-2026-002',type:'食堂',unit:'CQ能源总部',address:'陕西省西安市未央区凤城八路总部基地B区',leader:'李红梅',phone:'139****2002',terminal:'是'}, - {name:'采油一厂职工食堂',code:'ST-2026-003',type:'食堂',unit:'采油一厂',address:'陕西省延安市安塞区采油一厂生活区',leader:'王志强',phone:'137****3003',terminal:'否'}, - {name:'采油二厂综合食堂',code:'ST-2026-004',type:'食堂',unit:'采油二厂',address:'甘肃省庆阳市庆城县采油二厂驻地',leader:'刘文静',phone:'136****4004',terminal:'是'}, - {name:'采气一厂营养餐厅',code:'ST-2026-005',type:'餐厅',unit:'采气一厂',address:'陕西省榆林市靖边县采气一厂作业区',leader:'陈伟',phone:'135****5005',terminal:'否'} + {name:'总部一号食堂',code:'ST-2026-001',type:'食堂',unit:'CQ能源总部',address:'陕西省西安市未央区凤城八路总部基地A区',leader:'张建国',phone:'138****1001',terminal:'是', + bizHours:[{meal:'早餐',weekdays:[1,1,1,1,1,0,0],start:'07:00',end:'09:00'},{meal:'午餐',weekdays:[1,1,1,1,1,1,0],start:'11:30',end:'13:00'},{meal:'晚餐',weekdays:[1,1,1,1,1,1,1],start:'17:30',end:'19:00'}], + images:{logo:true,storefront:true,environment:true}, + qual:{bizLicense:{code:'91610132MA6TXBXXXX',validFrom:'2023-01-01',validTo:'2033-01-01'},foodPermit:{code:'JY16101234567890',validFrom:'2023-06-01',validTo:'2028-06-01'},idCard:{front:true,back:true}} + }, + {name:'总部二号食堂',code:'ST-2026-002',type:'食堂',unit:'CQ能源总部',address:'陕西省西安市未央区凤城八路总部基地B区',leader:'李红梅',phone:'139****2002',terminal:'是', + bizHours:[{meal:'早餐',weekdays:[1,1,1,1,1,0,0],start:'06:30',end:'08:30'},{meal:'午餐',weekdays:[1,1,1,1,1,1,0],start:'11:00',end:'13:30'},{meal:'晚餐',weekdays:[1,1,1,1,1,1,1],start:'17:00',end:'20:00'},{meal:'加餐',weekdays:[1,1,1,1,1,1,1],start:'21:00',end:'23:00'}], + images:{logo:true,storefront:true,environment:true}, + qual:{bizLicense:{code:'91610132MA6TYCYYYY',validFrom:'2022-06-01',validTo:'2032-06-01'},foodPermit:{code:'JY16109876543210',validFrom:'2022-08-01',validTo:'2027-08-01'},idCard:{front:true,back:true}} + }, + {name:'采油一厂职工食堂',code:'ST-2026-003',type:'食堂',unit:'采油一厂',address:'陕西省延安市安塞区采油一厂生活区',leader:'王志强',phone:'137****3003',terminal:'否', + bizHours:[{meal:'早餐',weekdays:[1,1,1,1,1,0,0],start:'07:00',end:'09:00'},{meal:'午餐',weekdays:[1,1,1,1,1,0,0],start:'11:30',end:'13:00'},{meal:'晚餐',weekdays:[1,1,1,1,1,0,0],start:'17:30',end:'19:00'}], + images:{logo:true,storefront:true,environment:false}, + qual:{bizLicense:{code:'91610624MA6TXZZZZZ',validFrom:'2023-03-01',validTo:'2033-03-01'},foodPermit:{code:'JY16105555666',validFrom:'2023-03-15',validTo:'2028-03-15'},idCard:{front:false,back:false}} + }, + {name:'采油二厂综合食堂',code:'ST-2026-004',type:'食堂',unit:'采油二厂',address:'甘肃省庆阳市庆城县采油二厂驻地',leader:'刘文静',phone:'136****4004',terminal:'是', + bizHours:[{meal:'早餐',weekdays:[1,1,1,1,1,0,0],start:'07:00',end:'09:00'},{meal:'午餐',weekdays:[1,1,1,1,1,0,0],start:'12:00',end:'14:00'},{meal:'晚餐',weekdays:[1,1,1,1,1,0,0],start:'18:00',end:'20:00'}], + images:{logo:true,storefront:true,environment:true}, + qual:{bizLicense:{code:'91621021MA6TXAAAAA',validFrom:'2024-01-01',validTo:'2034-01-01'},foodPermit:{code:'JY16106666777',validFrom:'2024-02-01',validTo:'2029-02-01'},idCard:{front:true,back:false}} + }, + {name:'采气一厂营养餐厅',code:'ST-2026-005',type:'餐厅',unit:'采气一厂',address:'陕西省榆林市靖边县采气一厂作业区',leader:'陈伟',phone:'135****5005',terminal:'否', + bizHours:[{meal:'午餐',weekdays:[1,1,1,1,1,1,0],start:'11:30',end:'13:30'},{meal:'晚餐',weekdays:[1,1,1,1,1,1,1],start:'17:30',end:'20:00'}], + images:{logo:true,storefront:false,environment:true}, + qual:{bizLicense:{code:'91610824MA6TXBBBBB',validFrom:'2023-09-01',validTo:'2033-09-01'},foodPermit:{code:'JY16107777888',validFrom:'2023-10-01',validTo:'2028-10-01'},idCard:{front:true,back:true}} + } ]; function openDrawer(idx){ var d=canteens[idx]; + var tagClass=d.type==='食堂'?'tag-blue':'tag-green'; + var terminalTag=d.terminal==='是'?'tag-green':'tag-gray'; + + /* 构建营业时段 HTML */ + var bizHtml=''; + d.bizHours.forEach(function(bh){ + var wdLabels=['一','二','三','四','五','六','日']; + var wdHtml=''; + bh.weekdays.forEach(function(active,i){ + wdHtml+=''+wdLabels[i]+''; + }); + bizHtml+='
'+ + ''+bh.meal+''+ + ''+wdHtml+''+ + ''+bh.start+' - '+bh.end+''+ + '
'; + }); + + /* 构建场所图片 HTML */ + var imgLabels={logo:'场所Logo',storefront:'门头照',environment:'环境照'}; + var imgIcons={logo:'🏢',storefront:'📷',environment:'🖼️'}; + var imgHtml='
'; + ['logo','storefront','environment'].forEach(function(key){ + var hasImg=d.images[key]; + imgHtml+='
'+ + '
'+ + (hasImg?'📷':'—')+'
'+ + '
'+imgLabels[key]+(hasImg?' ✅':'')+'
'+ + '
'; + }); + imgHtml+='
'; + + /* 构建资质信息 HTML */ + var qualHtml=''; + /* 营业执照 */ + qualHtml+='
'+ + '
📄 营业执照
'+ + '
照片：已上传
'+ + '
信用代码：'+d.qual.bizLicense.code+'
'+ + '
有效期：'+d.qual.bizLicense.validFrom+' 至 '+d.qual.bizLicense.validTo+'
'+ + '
'; + /* 食品经营许可证 */ + qualHtml+='
'+ + '
📋 食品经营许可证
'+ + '
照片：已上传
'+ + '
许可证编号：'+d.qual.foodPermit.code+'
'+ + '
有效期：'+d.qual.foodPermit.validFrom+' 至 '+d.qual.foodPermit.validTo+'
'+ + '
'; + /* 法人身份证 */ + var idFront=d.qual.idCard.front?'已上传':'未上传'; + var idBack=d.qual.idCard.back?'已上传':'未上传'; + qualHtml+='
'+ + '
🪪 法人身份证（非必填）
'+ + '
正面（人像面）：'+idFront+'
'+ + '
反面（国徽面）：'+idBack+'
'+ + '
'; + document.getElementById('drawerBody').innerHTML= + /* 基本信息 */ + '
'+ + '
基本信息
'+ '
场所编号
'+d.code+'
'+ '
场所名称
'+d.name+'
'+ - '
场所类型
'+d.type+'
'+ + '
场所类型
'+d.type+'
'+ '
所属单位
'+d.unit+'
'+ '
详细地址
'+d.address+'
'+ '
负责人
'+d.leader+'
'+ '
负责人电话
'+d.phone+'
'+ - '
使用三减终端
'+d.terminal+'
'; + '
使用三减终端
'+d.terminal+'
'+ + '
'+ + /* 营业时段 */ + '
'+ + '
营业时段
'+ + bizHtml+ + '
'+ + /* 场所图片 */ + '
'+ + '
场所图片
'+ + imgHtml+ + '
'+ + /* 资质信息 */ + '
'+ + '
资质信息
'+ + qualHtml+ + '
'; + document.getElementById('drawerMask').classList.add('show'); document.getElementById('drawer').classList.add('show'); } diff --git a/web-admin/nutrition/din-dish-all.html b/web-admin/nutrition/din-dish-all.html index 5b4ebae..76e721c 100644 --- a/web-admin/nutrition/din-dish-all.html +++ b/web-admin/nutrition/din-dish-all.html @@ -153,6 +153,26 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei thead th:last-child,tbody td.td-actions{position:sticky;right:0;background:#fff;box-shadow:-4px 0 8px rgba(0,0,0,0.04);z-index:2;white-space:nowrap;} thead th:last-child{background:#FAFAFA;} tbody tr:hover td.td-actions{background:#F8FBFF;} + +/* 分类管理表格 */ +.cat-table{width:100%;border-collapse:collapse;font-size:var(--font-sm);} +.cat-table th{background:#FAFAFA;padding:10px 12px;text-align:left;color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;} +.cat-table td{padding:8px 12px;border-bottom:1px solid #F5F5F5;color:var(--text-primary);} +.cat-table tbody tr:hover{background:#F8FBFF;} +.cat-toggle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--border);border-radius:3px;cursor:pointer;margin-right:6px;font-size:12px;line-height:1;background:#fff;color:var(--text-secondary);flex-shrink:0;vertical-align:middle;} +.cat-toggle:hover{border-color:var(--primary);color:var(--primary);} +.cat-toggle.leaf{visibility:hidden;} +.cat-table td.td-actions{white-space:nowrap;} +.cat-table td.td-actions .link{margin:0 4px;} + +/* 状态胶囊开关 */ +.status-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;} +.status-toggle__switch{width:36px;height:20px;background:#D9D9D9;border-radius:10px;position:relative;transition:background .2s;flex-shrink:0;} +.status-toggle__switch::after{content:'';position:absolute;left:2px;top:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,0.15);} +.status-toggle.active .status-toggle__switch{background:var(--success);} +.status-toggle.active .status-toggle__switch::after{transform:translateX(16px);} +.status-toggle__label{font-size:var(--font-xs);color:var(--text-placeholder);} +.status-toggle.active .status-toggle__label{color:var(--success);} @@ -246,6 +266,7 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
➕ 新增餐品 +
@@ -510,6 +531,123 @@ function toggleCleanSale(el){ // 初始化 renderDishList(); renderDetail(); + +/* ========== 餐品分类管理 ========== */ +var nextDishCatId = 100; +var dishCategories = [ + {id:1, name:'主食', code:'01', level:1, sort:1, status:'启用', parentId:null}, + {id:2, name:'荤菜', code:'02', level:1, sort:2, status:'启用', parentId:null}, + {id:3, name:'素菜', code:'03', level:1, sort:3, status:'启用', parentId:null}, + {id:4, name:'汤品', code:'04', level:1, sort:4, status:'启用', parentId:null}, + {id:5, name:'小吃', code:'05', level:1, sort:5, status:'启用', parentId:null}, + {id:6, name:'饮品', code:'06', level:1, sort:6, status:'启用', parentId:null}, + {id:7, name:'甜品', code:'07', level:1, sort:7, status:'启用', parentId:null}, + {id:8, name:'套餐', code:'08', level:1, sort:8, status:'禁用', parentId:null} +]; +var expandedDishCats = {}; +var editingDishCatId = null; +var editingDishParentId = null; +var MAX_DISH_LEVEL = 2; + +function openDishCategoryDialog(){ + document.getElementById('dishCategoryDialog').classList.add('open'); + renderDishCatTable(); +} +function closeDishCategoryDialog(){ + document.getElementById('dishCategoryDialog').classList.remove('open'); +} +function toggleDishCatStatus(id){ + var cat = dishCategories.find(function(c){return c.id===id;}); + if(!cat) return; + cat.status = cat.status==='启用'?'禁用':'启用'; + renderDishCatTable(); +} +function toggleDishCatExpand(id){ + expandedDishCats[id] = !expandedDishCats[id]; + renderDishCatTable(); +} +function getDishCatChildren(parentId){ + return dishCategories.filter(function(c){return c.parentId===parentId;}).sort(function(a,b){return a.sort-b.sort;}); +} +function renderDishCatTable(){ + var tops = dishCategories.filter(function(c){return c.parentId===null;}).sort(function(a,b){return a.sort-b.sort;}); + var html = ''; + tops.forEach(function(cat){ + html += renderDishCatRow(cat); + if(expandedDishCats[cat.id]){ + getDishCatChildren(cat.id).forEach(function(child){ + html += renderDishCatRow(child, true); + }); + } + }); + document.getElementById('dishCatTableBody').innerHTML = html || '
暂无分类数据
'+toggleHtml+cat.name+''+cat.code+''+cat.level+''+cat.sort+''+statusHtml+'编辑删除'+addChildBtn+'
+ + +
分类名称分类编码层级排序状态操作
+
+
+
+ +
+
+
+ +
+
+
+
新增分类
+ +
+
+
+
+
+
+
+
+
+
+ + +
+
+
diff --git a/web-admin/nutrition/din-ingredient-add.html b/web-admin/nutrition/din-ingredient-add.html index 94e0e48..152703a 100644 --- a/web-admin/nutrition/din-ingredient-add.html +++ b/web-admin/nutrition/din-ingredient-add.html @@ -111,6 +111,29 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei .dynamic-row__del:hover{color:var(--danger);background:#FFF1F0;} .dynamic-row-add{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px dashed var(--primary);color:var(--primary);border-radius:var(--radius-sm);font-size:var(--font-xs);cursor:pointer;background:none;margin-top:8px;transition:all .2s;} .dynamic-row-add:hover{background:var(--primary-light);} +/* 复制食材弹窗 */ +.copy-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:300;align-items:center;justify-content:center;} +.copy-overlay.show{display:flex;} +.copy-dialog{background:#fff;border-radius:var(--radius-lg);width:560px;max-width:90vw;box-shadow:var(--shadow-md);display:flex;flex-direction:column;max-height:80vh;} +.copy-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);flex-shrink:0;} +.copy-dialog__title{font-size:var(--font-lg);font-weight:600;} +.copy-dialog__close{width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-placeholder);font-size:18px;} +.copy-dialog__close:hover{background:#F5F5F5;color:var(--text-primary);} +.copy-dialog__search{padding:12px 24px;border-bottom:1px solid #F0F0F0;flex-shrink:0;} +.copy-dialog__search input{width:100%;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;} +.copy-dialog__search input:focus{border-color:var(--primary);} +.copy-dialog__body{flex:1;overflow-y:auto;padding:0;} +.copy-dialog__empty{padding:40px 24px;text-align:center;color:var(--text-placeholder);font-size:var(--font-sm);} +.copy-item{display:flex;align-items:center;gap:12px;padding:12px 24px;cursor:pointer;transition:background .15s;border-bottom:1px solid #F5F5F5;} +.copy-item:hover{background:#F8FBFF;} +.copy-item.active{background:var(--primary-light);} +.copy-item__icon{width:36px;height:36px;border-radius:var(--radius-sm);background:#F5F7FA;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;} +.copy-item__info{flex:1;min-width:0;} +.copy-item__name{font-size:var(--font-sm);font-weight:500;color:var(--text-primary);} +.copy-item__meta{font-size:var(--font-xs);color:var(--text-placeholder);margin-top:2px;display:flex;gap:8px;} +.copy-item__check{display:none;width:20px;height:20px;border-radius:50%;background:var(--primary);color:#fff;font-size:12px;align-items:center;justify-content:center;flex-shrink:0;} +.copy-item.active .copy-item__check{display:flex;} +.copy-dialog__footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0;} @@ -208,6 +231,26 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
+ +
+
+
+
选择要复制的食材
+ +
+
+ +
+
+ +
+
+ + +
+
+
+ + +
+
+
+
食材分类管理
+ +
+
+ +
+ +
+ +
+ + + +
分类名称分类编码层级排序状态操作
+
+
+
+ +
+
+
+ +
+
+
+
新增分类
+ +
+
+
+
+
+
+
+
+
+
+ + +
+
+
diff --git a/web-admin/nutrition/doc/CHANGELOG.md b/web-admin/nutrition/doc/CHANGELOG.md index 0dac91c..7e8c3fa 100644 --- a/web-admin/nutrition/doc/CHANGELOG.md +++ b/web-admin/nutrition/doc/CHANGELOG.md @@ -1,5 +1,25 @@ # 营养用餐管理端 CHANGELOG +## [2026-07-23] + +### 后台营养管理 + +- **`din-canteen-add.html`**（场所管理 · 新增/编辑场所）：页面重构为 5 个卡片区（基本信息 / 地址信息 / 营业时段 / 场所图片 / 资质信息）。新增餐次时段配置（早餐/午餐/晚餐/夜宵，每时段可独立设置营业日及起止时间），新增场所图片上传区（Logo/门头照/环境照）与资质证照管理（营业执照/食品经营许可证/法人身份证），完善全字段必填校验。 +- **`din-canteen.html`**（场所管理 · 场所列表）：列表新增「负责人」「营业时段」列；详情抽屉重构为 4 个分区（基本信息 / 营业时段 / 场所图片 / 资质信息），Mock 数据补齐营业时段及证照信息。 +- **`din-ingredient.html`**（食物成分）：新增「食材分类管理」弹窗，支持两级树形分类的增删改查，含子级删除校验及 11 个一级分类示例数据。 +- **`din-dish-all.html`**（餐品总库）：新增「餐品分类管理」弹窗，支持一级分类的增删改查及 8 个分类示例数据。 +- **`din-ingredient-add.html`**（食物成分 · 新增/编辑食材）：基本信息区新增「从已有食材复制」按钮，弹窗搜索选择已有食材后自动填充全部表单（排除名称/分类/别名/图片），覆盖营养成分/味道/口感/色泽档案全部步骤，编辑模式下排除当前食材自身。 + +### 营养管理小程序 + +- **`eat-order.html`**（订餐页）：净菜包菜品名称去掉「净菜包」后缀；菜品图标、名称、描述区域点击可跳转至菜品详情页。 +- **`eat-order-confirm.html`**（订单确认页 · 净菜包）：期望配送时间由 chip 单选改为日期+时段联动下拉面板，左侧日期卡片右侧时段列表；取货方式切换时时间标签文案联动（期望配送时间 ↔ 自提时间）。 +- **`me-health.html`**（健康档案）：移除「营养目标」分区及其编辑弹窗。 +- **`me-home.html`**（我的主页）：菜单列表新增「收货地址」入口，指向新增的 `me-address.html`。 +- **`me-address.html`**（收货地址 · 新增页面）：支持地址卡片列表展示、编辑/删除/设为默认操作，含内联编辑表单。 +- **`me-order-detail.html`**（订单详情 · 净菜包）：按订单状态（待配送/配送中/已完成）差异化渲染——头部徽标文案与配色联动，待配送状态仅展示食材明细+主辅材角色标签，已发货/已完成展示食材来源及溯源按钮；订单进度时间线改为动态渲染，按状态高亮对应节点。 +- **`me-orders.html`**（我的订单）：净菜包订单卡片跳转链接补充 status 参数，支持按状态进入对应详情。 + ## [2026-07-14] feat: 净菜包购买链路补齐与健康档案重构 ### 后台营养管理