From bd22b62299287d9c775b6e60e018105dfa358f99 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=86=AF=E6=99=AE?= <18691763612@163.com> Date: Fri, 22 May 2026 17:28:47 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E7=BB=BF=E8=89=B2=E7=A7=8D=E9=87=87?= =?UTF-8?q?=E6=A8=A1=E5=9D=97=E5=85=A8=E9=9D=A2=E9=87=8D=E6=9E=84=E2=80=94?= =?UTF-8?q?=E2=80=94=E9=87=87=E4=BE=9B=E7=AE=A1=E7=90=86=E6=95=B4=E9=A1=B5?= =?UTF-8?q?=E9=87=8D=E6=9E=84=E3=80=81=E9=87=87=E6=94=B6=E5=85=A5=E5=BA=93?= =?UTF-8?q?/=E4=BE=9B=E5=BA=94=E5=95=86/=E7=9B=91=E6=8E=A7=E5=A4=9A?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 采供管理(farm-purchase)整页重构：采购单维度主表+可展开子表，5种订单状态联动操作按钮（接单/配送/收货/取消），新建弹窗联系人回显，详情抽屉按状态动态展示配送/取消信息 - 采收入库(farm-harvest)：详情改为右侧抽屉，新增来源类型/产地筛选，表格增加种养殖批次和采收单位列，新增养殖出栏数据 - 供应商管理(farm-supplier)：自供基地表格新增产能/订单列，外部供应商新增联系人/资质证书/合作状态列，新增多选下拉和图片上传组件 - 种植监控/养殖监控：筛选栏优化（下拉选择替代文本输入） - 功能说明文档9.4绿色种采章节同步更新调整记录 Co-Authored-By: Claude Opus 4.6 --- web-admin/nutrition/doc/营养管理功能说明.md | 45 +- web-admin/nutrition/farm-harvest.html | 163 +++- web-admin/nutrition/farm-monitor-crop.html | 13 +- .../nutrition/farm-monitor-livestock.html | 22 +- web-admin/nutrition/farm-purchase.html | 904 ++++++++++++++---- web-admin/nutrition/farm-supplier.html | 178 ++-- 6 files changed, 1035 insertions(+), 290 deletions(-) diff --git a/web-admin/nutrition/doc/营养管理功能说明.md b/web-admin/nutrition/doc/营养管理功能说明.md index f2d721c..bfb063a 100644 --- a/web-admin/nutrition/doc/营养管理功能说明.md +++ b/web-admin/nutrition/doc/营养管理功能说明.md @@ -1357,4 +1357,47 @@ ##### 3. farm-monitor-livestock.html（养殖监控） - 养殖批次详情从居中弹窗重构为右侧抽屉（宽度 480px），带滑入动画 -- 详情内容从 div.detail-grid 改为 ul.detail-list（BEM 命名规范） \ No newline at end of file +- 详情内容从 div.detail-grid 改为 ul.detail-list（BEM 命名规范） +- 筛选栏「养殖区」下拉位置前移至「批次号/品种」前 +- 弹窗中「养殖区/舍」字段从文本输入改为下拉选择 + +##### 4. farm-monitor-crop.html（种植监控） +- 筛选栏「地块名称」从文本输入改为下拉选择（A/B/C/D/E 区基地选项） +- 筛选栏新增「种植批次号」文本输入框 + +##### 5. farm-harvest.html（采收入库） +- 详情从居中弹窗重构为右侧抽屉（480px），CSS 滑入动画 + 遮罩层 +- 统计卡片重构：「本月入库总量」「A级占比」「今日入库批次」改为「种植采收批次」「养殖出栏批次」「A级占比」 +- 筛选栏新增「来源类型」下拉（种植采收/养殖出栏）、「产地/养殖区」下拉 +- 筛选栏「批次号/作物名」改为「批次号/食材名」；「入库日期范围」改为日期范围双输入框（起止日期） +- 表格新增「种养殖批次」列、「采收单位」列；「入库数量(kg)」改为「采收数量」 +- 新增 2 条养殖出栏示例数据（猪肉白条、整鸡），数据行从 4 条扩展为 6 条 +- 弹窗表单新增「种养殖批次」字段；「入库数量(kg)」改为「采收数量」+ 独立「采收单位」下拉（公斤/头/只/箱/桶） + +##### 6. farm-supplier.html（供应商管理） +- 自供基地 Tab：表格新增「负责人电话」「年均产能」「产能单位」「累计订单」列；「当前产能(kg/月)」移除 +- 自供基地 Tab：地块/养殖区列改为多行展示（含地块编号+名称），基地名称更贴近业务（「A1-猪舍」→「生猪养殖基地」等） +- 外部供应商 Tab：表格新增「联系人」「资质证书」（缩略图+数量）「合作期限」「合作状态」列；移除「资质状态」「最近评价」列；移除「评价供应商」按钮 +- 外部供应商 Tab：筛选「资质状态」改为「合作状态」（正常/即将到期/合同终止/黑名单） +- 新增多选下拉组件样式（multi-select），用于弹窗中地块/养殖区多选 +- 新增图片上传区域样式（upload-area/upload-preview/upload-btn），用于资质证书上传 +- 新增只读字段样式（form-readonly），用于弹窗中自动生成的编号展示 + +##### 7. farm-purchase.html（采供管理）— 整页重构 +- **页面结构重构**：从食材明细维度的平铺表格，重构为采购单维度的主表 + 可展开食材明细子表（手风琴模式） +- **主表列**：展开、采购单号、采购食堂、供应商、食材种类、采购总金额、下单日期、预计到货、采购单来源、订单状态、操作 +- **展开子表列**：溯源码、食材名称、食材分类、采购数量、规格（手动输入，如 25kg/件、散装(kg)、5L/桶）、单价、小计金额、备注 +- **订单状态体系**：待接单（橙）、待发货（蓝）、待收货（橙）、已完成（绿）、已取消（红），5 条示例数据各覆盖一种状态 +- **操作按钮按状态动态显示**： + - 待接单：详情、编辑、立即接单、取消订单 + - 待发货：详情、编辑、开始配送、取消订单 + - 待收货：详情、确认收货 + - 已完成：详情、删除 + - 已取消：详情、删除 +- **新建/编辑采购单弹窗**（960px）：选择食堂/供应商后下方回显联系人和电话；食材明细动态行（添加/删除/自动小计）；食材名称为下拉选择；去掉底部备注和保存草稿按钮 +- **详情抽屉**（640px）：订单信息、采购食堂信息（含联系人/电话）、供应商信息（含联系人/电话）、食材明细表；按状态动态显示「配送信息」区块（待收货/已完成）或「取消信息」区块（已取消，红色高亮） +- **立即接单**：页面顶部绿色 toast 浮窗提示 +- **取消订单弹窗**：二次确认 + 手动输入取消原因（textarea 必填） +- **开始配送弹窗**（480px）：填写配送方式（下拉）、配送人姓名、配送人电话（必填）、预计送达时间 +- **确认收货弹窗**：二次确认，确认后 toast 提示 +- **其他**：导出按钮统一为 SVG 图标样式；删除确认弹窗保留 \ No newline at end of file diff --git a/web-admin/nutrition/farm-harvest.html b/web-admin/nutrition/farm-harvest.html index cae64e8..f70d573 100644 --- a/web-admin/nutrition/farm-harvest.html +++ b/web-admin/nutrition/farm-harvest.html @@ -114,13 +114,19 @@ tbody tr:hover{background:#F8FBFF;} 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;} -/* 详情弹窗 */ -.detail-modal{width:720px;} -.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;} -.detail-item{display:flex;padding:12px 16px;border-bottom:1px solid #f0f0f0;} -.detail-item.full{grid-column:1/-1;} +/* 右侧抽屉 */ +.drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.45);z-index:1000;display:none;} +.drawer{position:fixed;top:0;right:-480px;width:480px;height:100%;background:#fff;z-index:1001;box-shadow:-4px 0 16px rgba(0,0,0,0.12);transition:right .3s ease;display:flex;flex-direction:column;} +.drawer.open{right:0;} +.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e8e8e8;flex-shrink:0;} +.drawer-title{font-size:16px;font-weight:600;color:#262626;} +.drawer-close{font-size:22px;cursor:pointer;color:#8c8c8c;line-height:1;}.drawer-close:hover{color:#262626;} +.drawer-body{flex:1;overflow-y:auto;padding:0;} +.drawer-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e8e8e8;flex-shrink:0;} +.detail-grid{display:flex;flex-direction:column;} +.detail-item{display:flex;padding:14px 24px;border-bottom:1px solid #f0f0f0;} .detail-label{width:120px;flex-shrink:0;color:var(--text-secondary);font-size:var(--font-sm);} -.detail-value{flex:1;font-size:var(--font-sm);color:var(--text-primary);} +.detail-value{flex:1;font-size:var(--font-sm);color:var(--text-primary);word-break:break-all;} @@ -176,24 +182,32 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
186
入库批次总数
-
✅
-
930 kg
本月入库总量
+
🌱
+
142
种植采收批次
-
⭐
+
🐄
+
44
养殖出栏批次
+
+
+
✅
78%
A级占比
-
-
🌱
-
4
今日入库批次
-
- - + + +
+
+ +
@@ -205,8 +219,24 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
- - + + +
+
+ + + 至 +
@@ -228,12 +258,15 @@ tbody tr:hover td.td-actions{background:#F8FBFF;} + + - + + @@ -243,12 +276,15 @@ tbody tr:hover td.td-actions{background:#F8FBFF;} + + + @@ -256,12 +292,15 @@ tbody tr:hover td.td-actions{background:#F8FBFF;} + + + @@ -269,12 +308,15 @@ tbody tr:hover td.td-actions{background:#F8FBFF;} + + + @@ -282,24 +324,59 @@ tbody tr:hover td.td-actions{background:#F8FBFF;} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
采收批次号 溯源码 食材名称 品种种养殖批次 产地/地块 采收/出栏日期入库数量(kg)采收数量采收单位 品质等级 入库日期 经办人员
HC-20260415-001 ST-FH-FA01-VG-BOCA-286K-20260415-001 菠菜 尖叶菠菜ZZ-A01-2026-003 A区蔬菜基地 2026-04-15 286公斤 A级 2026-04-15 李采收查看视频 详情 编辑 删除
HC-20260415-002 ST-FH-FB01-VG-HLUB-420K-20260415-002 胡萝卜 红芯胡萝卜ZZ-B01-2026-007 B区根茎基地 2026-04-15 420公斤 A级 2026-04-15 王采收查看视频 详情 编辑 删除
HC-20260414-003 ST-FH-FC01-VG-XGUO-068K-20260414-003 香菇 808香菇ZZ-C01-2026-012 C区菌菇大棚 2026-04-14 68公斤 B级 2026-04-14 李采收查看视频 详情 编辑 删除
HC-20260414-004 ST-FH-FD01-VG-SJJD-156K-20260414-004 四季豆 架豆王ZZ-D01-2026-005 D区豆类基地 2026-04-14 156公斤 A级 2026-04-14 张采收 RPT-20260414-004 查看视频 详情 编辑 删除
HC-20260416-005ST-FH-A1ZS-LS-DLKZ-320T-20260416-005猪肉（白条）杜洛克LS-2604-001A1-猪舍2026-04-1650头A级2026-04-16陈大勇RPT-20260416-005查看视频 详情 编辑 删除
HC-20260416-006ST-FH-B3JS-LS-HYJJ-200Z-20260416-006鸡（整只）黄羽鸡LS-2603-002B3-鸡舍2026-04-16200只A级2026-04-16刘芳RPT-20260416-006查看视频 详情 编辑 删除
+
+ + +
@@ -364,8 +445,12 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
- - + + +
+
+ +
@@ -392,19 +477,18 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
- -