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;}
 </style>
 </head>
 <body>
@@ -176,24 +182,32 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
       <div class="stat-card__info"><div class="stat-card__value">186</div><div class="stat-card__label">入库批次总数</div></div>
     </div>
     <div class="stat-card">
-      <div class="stat-card__icon green">✅</div>
-      <div class="stat-card__info"><div class="stat-card__value">930 kg</div><div class="stat-card__label">本月入库总量</div></div>
+      <div class="stat-card__icon green">🌱</div>
+      <div class="stat-card__info"><div class="stat-card__value">142</div><div class="stat-card__label">种植采收批次</div></div>
     </div>
     <div class="stat-card">
-      <div class="stat-card__icon orange">⭐</div>
+      <div class="stat-card__icon orange">🐄</div>
+      <div class="stat-card__info"><div class="stat-card__value">44</div><div class="stat-card__label">养殖出栏批次</div></div>
+    </div>
+    <div class="stat-card">
+      <div class="stat-card__icon blue">✅</div>
       <div class="stat-card__info"><div class="stat-card__value">78%</div><div class="stat-card__label">A级占比</div></div>
     </div>
-    <div class="stat-card">
-      <div class="stat-card__icon blue">🌱</div>
-      <div class="stat-card__info"><div class="stat-card__value">4</div><div class="stat-card__label">今日入库批次</div></div>
-    </div>
   </div>
 
   <!-- 筛选栏 -->
   <div class="filter-bar">
     <div class="filter-item">
-      <label>批次号/作物名</label>
-      <input class="filter-input" type="text" placeholder="请输入批次号或作物名">
+      <label>来源类型</label>
+      <select class="filter-select">
+        <option>全部</option>
+        <option>种植采收</option>
+        <option>养殖出栏</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>批次号/食材名</label>
+      <input class="filter-input" type="text" placeholder="请输入批次号或食材名称">
     </div>
     <div class="filter-item">
       <label>品质等级</label>
@@ -205,8 +219,24 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
       </select>
     </div>
     <div class="filter-item">
-      <label>入库日期范围</label>
-      <input class="filter-input" type="date">
+      <label>产地/养殖区</label>
+      <select class="filter-select">
+        <option>全部</option>
+        <option>A区蔬菜基地</option>
+        <option>B区根茎基地</option>
+        <option>C区菌菇大棚</option>
+        <option>D区豆类基地</option>
+        <option>A1-猪舍</option>
+        <option>B3-鸡舍</option>
+        <option>C2-鸭舍</option>
+        <option>D1-羊舍</option>
+      </select>
+    </div>
+    <div class="filter-item">
+      <label>入库日期</label>
+      <input class="filter-input" type="date" style="min-width:140px;">
+      <span style="color:var(--text-secondary);font-size:var(--font-sm);">至</span>
+      <input class="filter-input" type="date" style="min-width:140px;">
     </div>
     <button class="btn btn-primary">查询</button>
     <button class="btn btn-default">重置</button>
@@ -228,12 +258,15 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
       <table>
         <thead>
           <tr>
+            <th>采收批次号</th>
             <th>溯源码</th>
             <th>食材名称</th>
             <th>品种</th>
+            <th>种养殖批次</th>
             <th>产地/地块</th>
             <th>采收/出栏日期</th>
-            <th>入库数量(kg)</th>
+            <th>采收数量</th>
+            <th>采收单位</th>
             <th>品质等级</th>
             <th>入库日期</th>
             <th>经办人员</th>
@@ -243,12 +276,15 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
         </thead>
         <tbody>
           <tr>
+            <td>HC-20260415-001</td>
             <td>ST-FH-FA01-VG-BOCA-286K-20260415-001</td>
             <td>菠菜</td>
             <td>尖叶菠菜</td>
+            <td>ZZ-A01-2026-003</td>
             <td>A区蔬菜基地</td>
             <td>2026-04-15</td>
             <td>286</td>
+            <td>公斤</td>
             <td><span class="tag tag-green">A级</span></td>
             <td>2026-04-15</td>
             <td>李采收</td>
@@ -256,12 +292,15 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
             <td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="showDetail(this)">详情</a> <a class="link" onclick="openModal('edit')">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td>
           </tr>
           <tr>
+            <td>HC-20260415-002</td>
             <td>ST-FH-FB01-VG-HLUB-420K-20260415-002</td>
             <td>胡萝卜</td>
             <td>红芯胡萝卜</td>
+            <td>ZZ-B01-2026-007</td>
             <td>B区根茎基地</td>
             <td>2026-04-15</td>
             <td>420</td>
+            <td>公斤</td>
             <td><span class="tag tag-green">A级</span></td>
             <td>2026-04-15</td>
             <td>王采收</td>
@@ -269,12 +308,15 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
             <td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="showDetail(this)">详情</a> <a class="link" onclick="openModal('edit')">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td>
           </tr>
           <tr>
+            <td>HC-20260414-003</td>
             <td>ST-FH-FC01-VG-XGUO-068K-20260414-003</td>
             <td>香菇</td>
             <td>808香菇</td>
+            <td>ZZ-C01-2026-012</td>
             <td>C区菌菇大棚</td>
             <td>2026-04-14</td>
             <td>68</td>
+            <td>公斤</td>
             <td><span class="tag tag-orange">B级</span></td>
             <td>2026-04-14</td>
             <td>李采收</td>
@@ -282,24 +324,59 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
             <td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="showDetail(this)">详情</a> <a class="link" onclick="openModal('edit')">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td>
           </tr>
           <tr>
+            <td>HC-20260414-004</td>
             <td>ST-FH-FD01-VG-SJJD-156K-20260414-004</td>
             <td>四季豆</td>
             <td>架豆王</td>
+            <td>ZZ-D01-2026-005</td>
             <td>D区豆类基地</td>
             <td>2026-04-14</td>
             <td>156</td>
+            <td>公斤</td>
             <td><span class="tag tag-green">A级</span></td>
             <td>2026-04-14</td>
             <td>张采收</td>
             <td>RPT-20260414-004</td>
             <td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="showDetail(this)">详情</a> <a class="link" onclick="openModal('edit')">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td>
           </tr>
+          <tr>
+            <td>HC-20260416-005</td>
+            <td>ST-FH-A1ZS-LS-DLKZ-320T-20260416-005</td>
+            <td>猪肉（白条）</td>
+            <td>杜洛克</td>
+            <td>LS-2604-001</td>
+            <td>A1-猪舍</td>
+            <td>2026-04-16</td>
+            <td>50</td>
+            <td>头</td>
+            <td><span class="tag tag-green">A级</span></td>
+            <td>2026-04-16</td>
+            <td>陈大勇</td>
+            <td>RPT-20260416-005</td>
+            <td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="showDetail(this)">详情</a> <a class="link" onclick="openModal('edit')">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td>
+          </tr>
+          <tr>
+            <td>HC-20260416-006</td>
+            <td>ST-FH-B3JS-LS-HYJJ-200Z-20260416-006</td>
+            <td>鸡（整只）</td>
+            <td>黄羽鸡</td>
+            <td>LS-2603-002</td>
+            <td>B3-鸡舍</td>
+            <td>2026-04-16</td>
+            <td>200</td>
+            <td>只</td>
+            <td><span class="tag tag-green">A级</span></td>
+            <td>2026-04-16</td>
+            <td>刘芳</td>
+            <td>RPT-20260416-006</td>
+            <td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="showDetail(this)">详情</a> <a class="link" onclick="openModal('edit')">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td>
+          </tr>
         </tbody>
       </table>
     </div>
     <!-- 分页 -->
     <div class="pagination">
-      <span>显示 4 条，共 186 条</span>
+      <span>显示 6 条，共 186 条</span>
       <button class="page-btn">‹</button>
       <button class="page-btn active">1</button>
       <button class="page-btn">2</button>
@@ -355,6 +432,10 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
           <label>品种<span class="required">*</span></label>
           <input type="text" placeholder="请输入品种">
         </div>
+        <div class="form-item">
+          <label>种养殖批次</label>
+          <input type="text" placeholder="请输入种养殖批次号">
+        </div>
         <div class="form-item">
           <label>来源地块/养殖区</label>
           <select><option>请选择</option><option>A区蔬菜基地</option><option>B区根茎基地</option><option>C区菌菇大棚</option><option>D区豆类基地</option><option>A1-猪舍</option><option>B3-鸡舍</option></select>
@@ -364,8 +445,12 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
           <input type="date">
         </div>
         <div class="form-item">
-          <label>入库数量(kg)<span class="required">*</span></label>
-          <input type="number" placeholder="请输入入库数量">
+          <label>采收数量<span class="required">*</span></label>
+          <input type="number" placeholder="请输入采收数量">
+        </div>
+        <div class="form-item">
+          <label>采收单位<span class="required">*</span></label>
+          <select><option>请选择</option><option>公斤</option><option>吨</option><option>头</option><option>条</option><option>只</option><option>尾</option><option>个</option></select>
         </div>
         <div class="form-item">
           <label>品质等级</label>
@@ -392,19 +477,18 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
   </div>
 </div>
 
-<!-- 详情弹窗 -->
-<div class="modal-overlay" id="detailModal" style="display:none;">
-  <div class="modal detail-modal">
-    <div class="modal-header">
-      <span class="modal-title">收成入库详情</span>
-      <span class="modal-close" onclick="closeDetailModal()">&times;</span>
-    </div>
-    <div class="modal-body" style="padding:0;">
-      <div class="detail-grid" id="detailGrid"></div>
-    </div>
-    <div class="modal-footer">
-      <button class="btn btn-default" onclick="closeDetailModal()">关闭</button>
-    </div>
+<!-- 右侧详情抽屉 -->
+<div class="drawer-overlay" id="drawerOverlay" onclick="closeDrawer()"></div>
+<div class="drawer" id="detailDrawer">
+  <div class="drawer-header">
+    <span class="drawer-title">收成入库详情</span>
+    <span class="drawer-close" onclick="closeDrawer()">&times;</span>
+  </div>
+  <div class="drawer-body">
+    <div class="detail-grid" id="detailGrid"></div>
+  </div>
+  <div class="drawer-footer">
+    <button class="btn btn-default" onclick="closeDrawer()">关闭</button>
   </div>
 </div>
 
@@ -422,7 +506,7 @@ document.getElementById('modalOverlay').addEventListener('click',function(e){if(
 function openVideoModal(){document.getElementById('videoModal').style.display='flex';}
 function closeVideoModal(){document.getElementById('videoModal').style.display='none';}
 document.getElementById('videoModal').addEventListener('click',function(e){if(e.target===this)closeVideoModal();});
-// 详情弹窗
+// 详情抽屉
 function showDetail(el){
   var tr=el.closest('tr');
   var tds=tr.querySelectorAll('td');
@@ -435,10 +519,13 @@ function showDetail(el){
     div.innerHTML='<div class="detail-label">'+ths[i].textContent+'</div><div class="detail-value">'+tds[i].innerHTML+'</div>';
     grid.appendChild(div);
   }
-  document.getElementById('detailModal').style.display='flex';
+  document.getElementById('drawerOverlay').style.display='block';
+  document.getElementById('detailDrawer').classList.add('open');
+}
+function closeDrawer(){
+  document.getElementById('drawerOverlay').style.display='none';
+  document.getElementById('detailDrawer').classList.remove('open');
 }
-function closeDetailModal(){document.getElementById('detailModal').style.display='none';}
-document.getElementById('detailModal').addEventListener('click',function(e){if(e.target===this)closeDetailModal();});
 // 切换二级菜单分组的展开/收起
 function toggleSubgroup(header){header.parentElement.classList.toggle('open');}
 // 初始化：若激活项位于子分组内，则自动展开
diff --git a/web-admin/nutrition/farm-monitor-crop.html b/web-admin/nutrition/farm-monitor-crop.html
index 01c8c48..3022f60 100644
--- a/web-admin/nutrition/farm-monitor-crop.html
+++ b/web-admin/nutrition/farm-monitor-crop.html
@@ -230,7 +230,14 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
   <div class="filter-bar">
     <div class="filter-item">
       <label>地块名称</label>
-      <input class="filter-input" type="text" placeholder="请输入地块名称">
+      <select class="filter-select">
+        <option>全部</option>
+        <option>A区蔬菜基地</option>
+        <option>B区根茎基地</option>
+        <option>C区菌菇大棚</option>
+        <option>D区豆类基地</option>
+        <option>E区叶菜基地</option>
+      </select>
     </div>
     <div class="filter-item">
       <label>作物类型</label>
@@ -244,6 +251,10 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
         <option>生菜</option>
       </select>
     </div>
+    <div class="filter-item">
+      <label>种植批次号</label>
+      <input class="filter-input" type="text" placeholder="请输入种植批次号">
+    </div>
     <div class="filter-item">
       <label>种植状态</label>
       <select class="filter-select">
diff --git a/web-admin/nutrition/farm-monitor-livestock.html b/web-admin/nutrition/farm-monitor-livestock.html
index 6bda8f5..e0452a4 100644
--- a/web-admin/nutrition/farm-monitor-livestock.html
+++ b/web-admin/nutrition/farm-monitor-livestock.html
@@ -225,6 +225,16 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
 
   <!-- 筛选栏 -->
   <div class="filter-bar">
+    <div class="filter-item">
+      <label>养殖区</label>
+      <select class="filter-select">
+        <option>全部</option>
+        <option>A1-猪舍</option>
+        <option>B3-鸡舍</option>
+        <option>C2-鸭舍</option>
+        <option>D1-羊舍</option>
+      </select>
+    </div>
     <div class="filter-item">
       <label>养殖批次号</label>
       <input class="filter-input" type="text" placeholder="请输入养殖批次号">
@@ -248,16 +258,6 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
         <option>轻微异常</option>
       </select>
     </div>
-    <div class="filter-item">
-      <label>养殖区</label>
-      <select class="filter-select">
-        <option>全部</option>
-        <option>A1-猪舍</option>
-        <option>B3-鸡舍</option>
-        <option>C2-鸭舍</option>
-        <option>D1-羊舍</option>
-      </select>
-    </div>
     <div class="filter-item">
       <label>入栏时间</label>
       <input class="filter-input" type="date" style="min-width:140px;">
@@ -405,7 +405,7 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
         </div>
         <div class="form-item">
           <label>养殖区/舍编号<span class="required">*</span></label>
-          <input type="text" placeholder="请输入养殖区/舍编号">
+          <select><option>请选择</option><option>A1-猪舍</option><option>B3-鸡舍</option><option>C2-鸭舍</option><option>D1-羊舍</option></select>
         </div>
         <div class="form-item">
           <label>入栏数量(头/只)<span class="required">*</span></label>
diff --git a/web-admin/nutrition/farm-purchase.html b/web-admin/nutrition/farm-purchase.html
index 795375e..ff79968 100644
--- a/web-admin/nutrition/farm-purchase.html
+++ b/web-admin/nutrition/farm-purchase.html
@@ -34,7 +34,6 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
 .sidebar-item.active{color:#fff;background:var(--primary);}
 .mi{display:inline-block;width:20px;text-align:center;filter:grayscale(1);opacity:0.65;margin-right:2px;}
 .sidebar-item.active .mi{opacity:0.9;}
-/* 侧边栏子组 */
 .sidebar-subgroup__header{display:flex;align-items:center;gap:6px;padding:10px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .15s;user-select:none;}
 .sidebar-subgroup__header:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04);}
 .sidebar-subgroup__header .arrow{width:10px;height:10px;transition:transform .2s;flex-shrink:0;}
@@ -48,35 +47,14 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
 .filter-bar{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
 .filter-item{display:flex;align-items:center;gap:8px;}
 .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
-.filter-input{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;min-width:200px;}
+.filter-input{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;min-width:180px;}
 .filter-input:focus{border-color:var(--primary);}
 .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);outline: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;appearance:none;cursor:pointer;min-width:120px;}
 .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;}
 .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-danger{background:#fff;color:var(--danger);border:1px solid var(--danger);}.btn-danger:hover{background:#fff1f0;}
-.table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
-.table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
-.table-card__title{font-size:var(--font-base);font-weight:600;}
-.table-card__actions{display:flex;gap:8px;align-items:center;}
-.table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
-.table-card__content table{min-width:100%;white-space:nowrap;}
-table{width:100%;border-collapse:collapse;}
-thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
-tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
-tbody tr:last-child td{border-bottom:none;}
-tbody tr:hover{background:#F8FBFF;}
-.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
-.tag-blue{background:var(--primary-light);color:var(--primary);}
-.tag-green{background:#F6FFED;color:var(--success);}
-.tag-orange{background:#FFF7E6;color:var(--warning);}
-.tag-red{background:#FFF1F0;color:var(--danger);}
-.tag-gray{background:#F5F5F5;color:#999;}
-.link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
-.pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
-.pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
-.page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
-.page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+.btn-sm{height:28px;padding:0 10px;font-size:var(--font-xs);}
 /* 统计卡片 */
 .stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;}
 .stat-card{background:#fff;border-radius:var(--radius-md);padding:20px 24px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;}
@@ -89,35 +67,92 @@ tbody tr:hover{background:#F8FBFF;}
 .stat-card__label{font-size:var(--font-sm);color:var(--text-secondary);}
 /* 操作栏 */
 .action-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
-/* 操作列固定右侧 */
+/* 表格 */
+.table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
+.table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
+.table-card__title{font-size:var(--font-base);font-weight:600;}
+.table-card__content{overflow-x:auto;-webkit-overflow-scrolling:touch;}
+table{width:100%;border-collapse:collapse;}
+thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
+tbody td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;}
+tbody tr:hover{background:#F8FBFF;}
+.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);}
+.tag-blue{background:var(--primary-light);color:var(--primary);}
+.tag-green{background:#F6FFED;color:var(--success);}
+.tag-orange{background:#FFF7E6;color:var(--warning);}
+.tag-red{background:#FFF1F0;color:var(--danger);}
+.tag-gray{background:#F5F5F5;color:#999;}
+.link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}.link:hover{color:#40a9ff;}
+.pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
+.pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
+.page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
+.page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+/* 展开行 */
+.expand-toggle{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--border);background:#fff;transition:all .2s;font-size:12px;color:var(--text-secondary);}
+.expand-toggle:hover{border-color:var(--primary);color:var(--primary);}
+.expand-toggle.open{transform:rotate(90deg);border-color:var(--primary);color:var(--primary);}
+.detail-row{display:none;}
+.detail-row.open{display:table-row;}
+.detail-row td{padding:0 16px 16px 56px;background:#FAFBFC;border-bottom:1px solid var(--border);}
+.sub-table{width:100%;border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;margin-top:8px;}
+.sub-table th{background:#F0F5FF;padding:10px 14px;font-size:var(--font-xs);color:var(--text-secondary);font-weight:500;border-bottom:1px solid #e8e8e8;}
+.sub-table td{padding:10px 14px;font-size:var(--font-xs);border-bottom:1px solid #f0f0f0;background:#fff;}
+.sub-table tr:last-child td{border-bottom:none;}
+.sub-table__footer{display:flex;justify-content:flex-end;padding:8px 14px;background:#F0F5FF;font-size:var(--font-xs);color:var(--text-secondary);font-weight:500;}
+/* 操作列 */
 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;}
+.td-actions .link{margin-right:8px;}.td-actions .link:last-child{margin-right:0;}
 /* 模态弹窗 */
 .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.45);z-index:1000;display:flex;align-items:center;justify-content:center;}
-.modal{background:#fff;border-radius:8px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,0.15);}
+.modal{background:#fff;border-radius:8px;max-height:85vh;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,0.15);}
 .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e8e8e8;}
 .modal-title{font-size:16px;font-weight:600;color:#262626;}
-.modal-close{font-size:22px;cursor:pointer;color:#8c8c8c;line-height:1;}
-.modal-close:hover{color:#262626;}
+.modal-close{font-size:22px;cursor:pointer;color:#8c8c8c;line-height:1;}.modal-close:hover{color:#262626;}
 .modal-body{padding:24px;}
 .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e8e8e8;}
-.td-actions .link{margin-right:8px;}
-.td-actions .link:last-child{margin-right:0;}
 .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
 .form-item{display:flex;flex-direction:column;gap:6px;}
 .form-item.full{grid-column:1/-1;}
 .form-item label{font-size:var(--font-sm);color:var(--text-secondary);}
 .form-item .required{color:var(--danger);margin-left:2px;}
 .form-item input,.form-item select,.form-item textarea{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;}
-.form-item input:focus,.form-item select:focus,.form-item textarea:focus{border-color:var(--primary);}
+.form-item input:focus,.form-item select:focus{border-color:var(--primary);}
 .form-item textarea{height:80px;padding:8px 12px;resize:vertical;}
 .form-item select{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;appearance:none;padding-right:28px;}
-.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;}
-.detail-item{display:flex;padding:12px 16px;border-bottom:1px solid #f0f0f0;}
+/* 食材明细编辑表格 */
+.items-table{width:100%;border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;margin-top:12px;}
+.items-table th{background:#FAFAFA;padding:10px 12px;font-size:var(--font-xs);color:var(--text-secondary);font-weight:500;text-align:left;border-bottom:1px solid #e8e8e8;}
+.items-table td{padding:8px 10px;border-bottom:1px solid #f0f0f0;vertical-align:middle;}
+.items-table tr:last-child td{border-bottom:none;}
+.items-table input,.items-table select{height:30px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 8px;font-size:var(--font-xs);outline:none;width:100%;}
+.items-table input:focus,.items-table select:focus{border-color:var(--primary);}
+.items-table .btn-remove{color:var(--danger);cursor:pointer;font-size:16px;border:none;background:none;padding:4px;}
+.items-summary{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 16px;background:#F6F9FF;border-radius:6px;}
+.items-summary__total{font-size:var(--font-sm);color:var(--text-primary);font-weight:600;}
+/* 右侧抽屉 */
+.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:-640px;width:640px;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;}
+.drawer-section-title{padding:16px 24px 8px;font-size:var(--font-sm);font-weight:600;color:var(--text-primary);background:#FAFBFC;border-bottom:1px solid #f0f0f0;}
+/* 详情项 */
+.detail-grid{display:flex;flex-direction:column;}
+.detail-item{display:flex;padding:12px 24px;border-bottom:1px solid #f0f0f0;}
 .detail-item.full{grid-column:1/-1;}
-.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-label{width:110px;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);word-break:break-all;}
+/* Toast 浮窗提示 */
+.toast{position:fixed;top:-60px;left:50%;transform:translateX(-50%);padding:12px 24px;border-radius:var(--radius-md);font-size:var(--font-sm);color:#fff;z-index:2000;box-shadow:var(--shadow-md);transition:top .4s ease;white-space:nowrap;}
+.toast.show{top:72px;}
+.toast--success{background:#52C41A;}
+.toast--warning{background:#FAAD14;color:#333;}
+.toast--error{background:#FF4D4F;}
 </style>
 </head>
 <body>
@@ -169,28 +204,34 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
   <!-- 统计卡片 -->
   <div class="stats-row">
     <div class="stat-card">
-      <div class="stat-card__icon blue">🛒</div>
-      <div class="stat-card__info"><div class="stat-card__value">286</div><div class="stat-card__label">采购订单总数</div></div>
+      <div class="stat-card__icon blue">📋</div>
+      <div class="stat-card__info"><div class="stat-card__value">68</div><div class="stat-card__label">采购单总数</div></div>
     </div>
     <div class="stat-card">
       <div class="stat-card__icon orange">⏳</div>
-      <div class="stat-card__info"><div class="stat-card__value">5单</div><div class="stat-card__label">进行中订单</div></div>
+      <div class="stat-card__info"><div class="stat-card__value">5</div><div class="stat-card__label">进行中</div></div>
     </div>
     <div class="stat-card">
       <div class="stat-card__icon green">✅</div>
-      <div class="stat-card__info"><div class="stat-card__value">¥19,373</div><div class="stat-card__label">本月采购金额</div></div>
+      <div class="stat-card__info"><div class="stat-card__value">¥52,873</div><div class="stat-card__label">本月采购总额</div></div>
     </div>
     <div class="stat-card">
-      <div class="stat-card__icon blue">🏭</div>
-      <div class="stat-card__info"><div class="stat-card__value">4家</div><div class="stat-card__label">本月供应商</div></div>
+      <div class="stat-card__icon blue">🏠</div>
+      <div class="stat-card__info"><div class="stat-card__value">3</div><div class="stat-card__label">采购食堂数</div></div>
     </div>
   </div>
 
   <!-- 筛选栏 -->
   <div class="filter-bar">
     <div class="filter-item">
-      <label>订单号/食材名称</label>
-      <input class="filter-input" type="text" placeholder="请输入订单号或食材名称">
+      <label>采购单号</label>
+      <input class="filter-input" type="text" placeholder="请输入采购单号">
+    </div>
+    <div class="filter-item">
+      <label>采购食堂</label>
+      <select class="filter-select">
+        <option>全部</option><option>一号食堂</option><option>二号食堂</option><option>三号食堂</option>
+      </select>
     </div>
     <div class="filter-item">
       <label>供应商</label>
@@ -201,18 +242,14 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
     <div class="filter-item">
       <label>订单状态</label>
       <select class="filter-select">
-        <option>全部</option><option>进行中</option><option>已完成</option><option>待处理</option>
+        <option>全部</option><option>待接单</option><option>待发货</option><option>待收货</option><option>已完成</option><option>已取消</option>
       </select>
     </div>
     <div class="filter-item">
-      <label>来源</label>
-      <select class="filter-select">
-        <option>全部</option><option>食谱搭配</option><option>手动创建</option>
-      </select>
-    </div>
-    <div class="filter-item">
-      <label>日期范围</label>
-      <input class="filter-input" type="date">
+      <label>下单日期</label>
+      <input class="filter-input" type="date" style="min-width:140px;">
+      <span style="color:#999;">至</span>
+      <input class="filter-input" type="date" style="min-width:140px;">
     </div>
     <button class="btn btn-primary">查询</button>
     <button class="btn btn-default">重置</button>
@@ -220,173 +257,710 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
 
   <!-- 操作栏 -->
   <div class="action-bar">
-    <button class="btn btn-primary" onclick="openPurchaseModal('add')">➕ 新建采购单</button>
+    <button class="btn btn-primary" onclick="openCreateModal()">➕ 新建采购单</button>
     <button class="btn btn-primary"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="#fff" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据</button>
     <button class="btn btn-default"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务</button>
   </div>
 
-  <!-- 数据表格 -->
+  <!-- 采购单主表格 -->
   <div class="table-card">
     <div class="table-card__header">
-      <div class="table-card__title">采供管理</div>
+      <div class="table-card__title">采购单列表</div>
+      <span style="font-size:var(--font-sm);color:var(--text-secondary);">共 68 条</span>
     </div>
     <div class="table-card__content">
       <table>
         <thead>
           <tr>
-            <th>订单号</th><th>溯源码</th><th>来源</th><th>供应商</th><th>食材名称</th>
-            <th>食材分类</th><th>采购数量(kg)</th><th>单价(元/kg)</th><th>小计金额</th>
-            <th>下单日期</th><th>预计到货</th><th>订单状态</th><th>收货状态</th><th>操作</th>
+            <th style="width:40px;"></th>
+            <th>采购单号</th>
+            <th>采购食堂</th>
+            <th>供应商</th>
+            <th>食材品种数</th>
+            <th>总金额</th>
+            <th>下单日期</th>
+            <th>预计到货</th>
+            <th>采购单来源</th>
+            <th>订单状态</th>
+            <th>操作</th>
           </tr>
         </thead>
         <tbody>
-          <tr><td>PO-20260415-001</td><td>ST-EX-LY01-VG-BOCA-050K-20260415-002</td><td><span class="tag tag-blue">食谱搭配</span></td><td>绿源蔬菜配送</td><td>菠菜</td><td>蔬菜类</td><td>50</td><td>¥2.5</td><td>¥125</td><td>2026-04-15</td><td>2026-04-16</td><td><span class="tag tag-blue">进行中</span></td><td><span class="tag tag-orange">待收货</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="showPurchaseDetail(this)">详情</a> <a class="link" onclick="openPurchaseModal('edit')">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
-          <tr><td>PO-20260415-001</td><td>ST-EX-LY01-VG-BCAI-080K-20260415-003</td><td><span class="tag tag-blue">食谱搭配</span></td><td>绿源蔬菜配送</td><td>白菜</td><td>蔬菜类</td><td>80</td><td>¥1.8</td><td>¥144</td><td>2026-04-15</td><td>2026-04-16</td><td><span class="tag tag-blue">进行中</span></td><td><span class="tag tag-orange">待收货</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="showPurchaseDetail(this)">详情</a> <a class="link" onclick="openPurchaseModal('edit')">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
-          <tr><td>PO-20260415-001</td><td>ST-EX-LY01-VG-HLUB-120K-20260415-004</td><td><span class="tag tag-blue">食谱搭配</span></td><td>绿源蔬菜配送</td><td>胡萝卜</td><td>蔬菜类</td><td>120</td><td>¥1.8</td><td>¥216</td><td>2026-04-15</td><td>2026-04-16</td><td><span class="tag tag-blue">进行中</span></td><td><span class="tag tag-orange">待收货</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="showPurchaseDetail(this)">详情</a> <a class="link" onclick="openPurchaseModal('edit')">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
-          <tr><td>PO-20260415-002</td><td>ST-EX-XR01-MT-ZLRJ-080K-20260415-005</td><td><span class="tag tag-blue">食谱搭配</span></td><td>鲜肉直供公司</td><td>猪里脊</td><td>肉禽类</td><td>80</td><td>¥28</td><td>¥2,240</td><td>2026-04-15</td><td>2026-04-16</td><td><span class="tag tag-blue">进行中</span></td><td><span class="tag tag-orange">待收货</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="showPurchaseDetail(this)">详情</a> <a class="link" onclick="openPurchaseModal('edit')">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
-          <tr><td>PO-20260415-002</td><td>ST-EX-XR01-MT-ZWUA-240K-20260415-006</td><td><span class="tag tag-blue">食谱搭配</span></td><td>鲜肉直供公司</td><td>猪五花</td><td>肉禽类</td><td>240</td><td>¥26</td><td>¥6,240</td><td>2026-04-15</td><td>2026-04-16</td><td><span class="tag tag-blue">进行中</span></td><td><span class="tag tag-orange">待收货</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="showPurchaseDetail(this)">详情</a> <a class="link" onclick="openPurchaseModal('edit')">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
-          <tr><td>PO-20260414-003</td><td>ST-EX-HS01-SF-CAYO-060K-20260414-001</td><td><span class="tag tag-gray">手动创建</span></td><td>海鲜水产配送</td><td>草鱼</td><td>水产类</td><td>60</td><td>¥18</td><td>¥1,080</td><td>2026-04-14</td><td>2026-04-15</td><td><span class="tag tag-green">已完成</span></td><td><span class="tag tag-green">已收货</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="showPurchaseDetail(this)">详情</a> <a class="link" onclick="openPurchaseModal('edit')">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
-          <tr><td>PO-20260414-003</td><td>ST-EX-HS01-SF-JIYU-080K-20260414-002</td><td><span class="tag tag-gray">手动创建</span></td><td>海鲜水产配送</td><td>鲫鱼</td><td>水产类</td><td>80</td><td>¥16</td><td>¥1,280</td><td>2026-04-14</td><td>2026-04-15</td><td><span class="tag tag-green">已完成</span></td><td><span class="tag tag-green">已收货</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="showPurchaseDetail(this)">详情</a> <a class="link" onclick="openPurchaseModal('edit')">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
-          <tr><td>PO-20260414-003</td><td>ST-EX-HS01-SF-XIAA-050K-20260414-003</td><td><span class="tag tag-gray">手动创建</span></td><td>海鲜水产配送</td><td>虾</td><td>水产类</td><td>50</td><td>¥30</td><td>¥1,500</td><td>2026-04-14</td><td>2026-04-15</td><td><span class="tag tag-green">已完成</span></td><td><span class="tag tag-green">已收货</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="showPurchaseDetail(this)">详情</a> <a class="link" onclick="openPurchaseModal('edit')">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
-          <tr><td>PO-20260413-004</td><td>ST-EX-LY02-DG-DAMI-1000-20260413-001</td><td><span class="tag tag-gray">手动创建</span></td><td>粮油批发商行</td><td>大米</td><td>粮油类</td><td>1000</td><td>¥3.5</td><td>¥3,500</td><td>2026-04-13</td><td>2026-04-14</td><td><span class="tag tag-green">已完成</span></td><td><span class="tag tag-green">已收货</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="showPurchaseDetail(this)">详情</a> <a class="link" onclick="openPurchaseModal('edit')">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
-          <tr><td>PO-20260413-004</td><td>ST-EX-LY02-DG-HSYO-168K-20260413-002</td><td><span class="tag tag-gray">手动创建</span></td><td>粮油批发商行</td><td>花生油</td><td>粮油类</td><td>168</td><td>¥16</td><td>¥2,688</td><td>2026-04-13</td><td>2026-04-14</td><td><span class="tag tag-green">已完成</span></td><td><span class="tag tag-green">已收货</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="showPurchaseDetail(this)">详情</a> <a class="link" onclick="openPurchaseModal('edit')">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
-          <tr><td>PO-20260416-005</td><td>ST-EX-LY01-VG-XLHU-080K-20260416-001</td><td><span class="tag tag-blue">食谱搭配</span></td><td>绿源蔬菜配送</td><td>西兰花</td><td>蔬菜类</td><td>80</td><td>¥4.5</td><td>¥360</td><td>2026-04-16</td><td>2026-04-17</td><td><span class="tag tag-orange">待处理</span></td><td><span class="tag tag-gray">—</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="showPurchaseDetail(this)">详情</a> <a class="link" onclick="openPurchaseModal('edit')">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
-          <tr><td>PO-20260416-005</td><td>ST-EX-LY01-VG-QCAI-120K-20260416-002</td><td><span class="tag tag-blue">食谱搭配</span></td><td>绿源蔬菜配送</td><td>芹菜</td><td>蔬菜类</td><td>120</td><td>¥2.5</td><td>¥300</td><td>2026-04-16</td><td>2026-04-17</td><td><span class="tag tag-orange">待处理</span></td><td><span class="tag tag-gray">—</span></td><td class="td-actions"><a class="link" onclick="openVideoModal()">查看视频</a> <a class="link" onclick="showPurchaseDetail(this)">详情</a> <a class="link" onclick="openPurchaseModal('edit')">编辑</a> <a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除该记录？')){}">删除</a></td></tr>
+          <!-- 采购单1：待接单 -->
+          <tr>
+            <td><span class="expand-toggle" onclick="toggleRow(this,'detail-1')">▶</span></td>
+            <td>PO-20260416-005</td>
+            <td>二号食堂</td>
+            <td>绿源蔬菜配送</td>
+            <td>2 种</td>
+            <td style="font-weight:600;">¥660</td>
+            <td>2026-04-16</td>
+            <td>2026-04-17</td>
+            <td><span class="tag tag-blue">食谱搭配</span></td>
+            <td><span class="tag tag-orange">待接单</span></td>
+            <td class="td-actions"><a class="link" onclick="showDetail(0)">详情</a> <a class="link" onclick="openEditModal(0)">编辑</a> <a class="link" style="color:var(--success)" onclick="acceptOrder(0)">立即接单</a> <a class="link" style="color:var(--danger)" onclick="openCancelModal(0)">取消订单</a></td>
+          </tr>
+          <tr class="detail-row" id="detail-1">
+            <td colspan="11">
+              <table class="sub-table">
+                <thead><tr><th>溯源码</th><th>食材名称</th><th>食材分类</th><th>采购数量</th><th>规格</th><th>单价</th><th>小计金额</th><th>备注</th></tr></thead>
+                <tbody>
+                  <tr><td style="font-size:10px;color:#999;">ST-EX-LY01-VG-XLHU-080K-20260416-001</td><td>西兰花</td><td>蔬菜类</td><td>80</td><td>散装(kg)</td><td>¥4.5</td><td>¥360</td><td>—</td></tr>
+                  <tr><td style="font-size:10px;color:#999;">ST-EX-LY01-VG-QCAI-120K-20260416-002</td><td>芹菜</td><td>蔬菜类</td><td>120</td><td>散装(kg)</td><td>¥2.5</td><td>¥300</td><td>—</td></tr>
+                </tbody>
+              </table>
+              <div class="sub-table__footer">合计：2 种食材，200 kg，¥660</div>
+            </td>
+          </tr>
+          <!-- 采购单2：待发货 -->
+          <tr>
+            <td><span class="expand-toggle" onclick="toggleRow(this,'detail-2')">▶</span></td>
+            <td>PO-20260415-001</td>
+            <td>一号食堂</td>
+            <td>绿源蔬菜配送</td>
+            <td>3 种</td>
+            <td style="font-weight:600;">¥485</td>
+            <td>2026-04-15</td>
+            <td>2026-04-16</td>
+            <td><span class="tag tag-blue">食谱搭配</span></td>
+            <td><span class="tag tag-blue">待发货</span></td>
+            <td class="td-actions"><a class="link" onclick="showDetail(1)">详情</a> <a class="link" onclick="openEditModal(1)">编辑</a> <a class="link" style="color:var(--primary)" onclick="openDeliveryModal(1)">开始配送</a> <a class="link" style="color:var(--danger)" onclick="openCancelModal(1)">取消订单</a></td>
+          </tr>
+          <tr class="detail-row" id="detail-2">
+            <td colspan="11">
+              <table class="sub-table">
+                <thead><tr><th>溯源码</th><th>食材名称</th><th>食材分类</th><th>采购数量</th><th>规格</th><th>单价</th><th>小计金额</th><th>备注</th></tr></thead>
+                <tbody>
+                  <tr><td style="font-size:10px;color:#999;">ST-EX-LY01-VG-BOCA-050K-20260415-002</td><td>菠菜</td><td>蔬菜类</td><td>50</td><td>散装(kg)</td><td>¥2.5</td><td>¥125</td><td>—</td></tr>
+                  <tr><td style="font-size:10px;color:#999;">ST-EX-LY01-VG-BCAI-080K-20260415-003</td><td>白菜</td><td>蔬菜类</td><td>80</td><td>散装(kg)</td><td>¥1.8</td><td>¥144</td><td>—</td></tr>
+                  <tr><td style="font-size:10px;color:#999;">ST-EX-LY01-VG-HLUB-120K-20260415-004</td><td>胡萝卜</td><td>蔬菜类</td><td>120</td><td>散装(kg)</td><td>¥1.8</td><td>¥216</td><td>—</td></tr>
+                </tbody>
+              </table>
+              <div class="sub-table__footer">合计：3 种食材，250 kg，¥485</div>
+            </td>
+          </tr>
+          <!-- 采购单3：待收货 -->
+          <tr>
+            <td><span class="expand-toggle" onclick="toggleRow(this,'detail-3')">▶</span></td>
+            <td>PO-20260415-002</td>
+            <td>一号食堂</td>
+            <td>鲜肉直供公司</td>
+            <td>2 种</td>
+            <td style="font-weight:600;">¥8,480</td>
+            <td>2026-04-15</td>
+            <td>2026-04-16</td>
+            <td><span class="tag tag-blue">食谱搭配</span></td>
+            <td><span class="tag tag-orange">待收货</span></td>
+            <td class="td-actions"><a class="link" onclick="showDetail(2)">详情</a> <a class="link" style="color:var(--success)" onclick="openReceiveModal(2)">确认收货</a></td>
+          </tr>
+          <tr class="detail-row" id="detail-3">
+            <td colspan="11">
+              <table class="sub-table">
+                <thead><tr><th>溯源码</th><th>食材名称</th><th>食材分类</th><th>采购数量</th><th>规格</th><th>单价</th><th>小计金额</th><th>备注</th></tr></thead>
+                <tbody>
+                  <tr><td style="font-size:10px;color:#999;">ST-EX-XR01-MT-ZLRJ-080K-20260415-005</td><td>猪里脊</td><td>肉禽类</td><td>80</td><td>25kg/件</td><td>¥28</td><td>¥2,240</td><td>需冷链运输</td></tr>
+                  <tr><td style="font-size:10px;color:#999;">ST-EX-XR01-MT-ZWUA-240K-20260415-006</td><td>猪五花</td><td>肉禽类</td><td>240</td><td>25kg/件</td><td>¥26</td><td>¥6,240</td><td>—</td></tr>
+                </tbody>
+              </table>
+              <div class="sub-table__footer">合计：2 种食材，320 kg，¥8,480</div>
+            </td>
+          </tr>
+          <!-- 采购单4：已完成 -->
+          <tr>
+            <td><span class="expand-toggle" onclick="toggleRow(this,'detail-4')">▶</span></td>
+            <td>PO-20260414-003</td>
+            <td>二号食堂</td>
+            <td>海鲜水产配送</td>
+            <td>3 种</td>
+            <td style="font-weight:600;">¥3,860</td>
+            <td>2026-04-14</td>
+            <td>2026-04-15</td>
+            <td><span class="tag tag-gray">手动创建</span></td>
+            <td><span class="tag tag-green">已完成</span></td>
+            <td class="td-actions"><a class="link" onclick="showDetail(3)">详情</a> <a class="link" style="color:var(--danger)" onclick="confirmDelete('PO-20260414-003')">删除</a></td>
+          </tr>
+          <tr class="detail-row" id="detail-4">
+            <td colspan="11">
+              <table class="sub-table">
+                <thead><tr><th>溯源码</th><th>食材名称</th><th>食材分类</th><th>采购数量</th><th>规格</th><th>单价</th><th>小计金额</th><th>备注</th></tr></thead>
+                <tbody>
+                  <tr><td style="font-size:10px;color:#999;">ST-EX-HS01-SF-CAYO-060K-20260414-001</td><td>草鱼</td><td>水产类</td><td>60</td><td>散装(kg)</td><td>¥18</td><td>¥1,080</td><td>活鲜运输</td></tr>
+                  <tr><td style="font-size:10px;color:#999;">ST-EX-HS01-SF-JIYU-080K-20260414-002</td><td>鲫鱼</td><td>水产类</td><td>80</td><td>散装(kg)</td><td>¥16</td><td>¥1,280</td><td>—</td></tr>
+                  <tr><td style="font-size:10px;color:#999;">ST-EX-HS01-SF-XIAA-050K-20260414-003</td><td>虾</td><td>水产类</td><td>50</td><td>散装(kg)</td><td>¥30</td><td>¥1,500</td><td>冰鲜</td></tr>
+                </tbody>
+              </table>
+              <div class="sub-table__footer">合计：3 种食材，190 kg，¥3,860</div>
+            </td>
+          </tr>
+          <!-- 采购单5：已取消 -->
+          <tr>
+            <td><span class="expand-toggle" onclick="toggleRow(this,'detail-5')">▶</span></td>
+            <td>PO-20260413-004</td>
+            <td>三号食堂</td>
+            <td>粮油批发商行</td>
+            <td>2 种</td>
+            <td style="font-weight:600;">¥6,188</td>
+            <td>2026-04-13</td>
+            <td>2026-04-14</td>
+            <td><span class="tag tag-gray">手动创建</span></td>
+            <td><span class="tag tag-red">已取消</span></td>
+            <td class="td-actions"><a class="link" onclick="showDetail(4)">详情</a> <a class="link" style="color:var(--danger)" onclick="confirmDelete('PO-20260413-004')">删除</a></td>
+          </tr>
+          <tr class="detail-row" id="detail-5">
+            <td colspan="11">
+              <table class="sub-table">
+                <thead><tr><th>溯源码</th><th>食材名称</th><th>食材分类</th><th>采购数量</th><th>规格</th><th>单价</th><th>小计金额</th><th>备注</th></tr></thead>
+                <tbody>
+                  <tr><td style="font-size:10px;color:#999;">ST-EX-LY02-DG-DAMI-1000-20260413-001</td><td>大米</td><td>粮油类</td><td>1000</td><td>20kg/箱</td><td>¥3.5</td><td>¥3,500</td><td>东北五常大米</td></tr>
+                  <tr><td style="font-size:10px;color:#999;">ST-EX-LY02-DG-HSYO-168K-20260413-002</td><td>花生油</td><td>粮油类</td><td>168</td><td>5L/桶</td><td>¥16</td><td>¥2,688</td><td>—</td></tr>
+                </tbody>
+              </table>
+              <div class="sub-table__footer">合计：2 种食材，1168 kg，¥6,188</div>
+            </td>
+          </tr>
         </tbody>
       </table>
     </div>
     <div class="pagination">
-      <span>显示 12 条，共 286 条</span>
+      <span>显示 5 条，共 68 条</span>
       <button class="page-btn">‹</button>
       <button class="page-btn active">1</button>
       <button class="page-btn">2</button>
       <button class="page-btn">3</button>
       <button class="page-btn">...</button>
-      <button class="page-btn">24</button>
+      <button class="page-btn">14</button>
       <button class="page-btn">›</button>
     </div>
   </div>
-
-</div>
-
-<!-- 视频监控弹窗 -->
-<div class="modal-overlay" id="videoModal" style="display:none;">
-  <div class="modal" style="width:720px;">
-    <div class="modal-header">
-      <span class="modal-title">监控视频播放</span>
-      <span class="modal-close" onclick="closeVideoModal()">&times;</span>
-    </div>
-    <div class="modal-body" style="padding:0;">
-      <div style="width:100%;height:400px;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;">
-        <svg width="64" height="64" viewBox="0 0 64 64" fill="none"><circle cx="32" cy="32" r="30" stroke="#555" stroke-width="2"/><polygon points="26,20 26,44 46,32" fill="#555"/></svg>
-        <span style="color:#888;font-size:13px;">采购运输监控画面（模拟）</span>
-      </div>
-      <div style="padding:16px 24px;border-top:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;">
-        <span style="font-size:13px;color:#666;">摄像头：运输车辆-01 | 2026-04-15 08:32:16</span>
-        <div style="display:flex;gap:8px;">
-          <button class="btn btn-default" style="height:30px;font-size:12px;">截图</button>
-          <button class="btn btn-default" style="height:30px;font-size:12px;">全屏</button>
-        </div>
-      </div>
-    </div>
-    <div class="modal-footer">
-      <button class="btn btn-default" onclick="closeVideoModal()">关闭</button>
-    </div>
-  </div>
 </div>
 
 <!-- 新建/编辑采购单弹窗 -->
 <div class="modal-overlay" id="purchaseModal" style="display:none;">
-  <div class="modal" style="width:680px;">
+  <div class="modal" style="width:960px;">
     <div class="modal-header">
       <span class="modal-title" id="purchaseModalTitle">新建采购单</span>
       <span class="modal-close" onclick="closePurchaseModal()">&times;</span>
     </div>
     <div class="modal-body">
+      <!-- 基本信息 -->
       <div class="form-grid">
-        <div class="form-item"><label>供应商<span class="required">*</span></label><select><option value="">请选择</option><option>绿源蔬菜配送</option><option>鲜肉直供公司</option><option>海鲜水产配送</option><option>粮油批发商行</option></select></div>
-        <div class="form-item"><label>食材名称<span class="required">*</span></label><input type="text" placeholder="请输入食材名称"></div>
-        <div class="form-item"><label>食材分类<span class="required">*</span></label><select><option value="">请选择</option><option>蔬菜类</option><option>肉禽类</option><option>水产类</option><option>粮油类</option></select></div>
-        <div class="form-item"><label>采购数量(kg)<span class="required">*</span></label><input type="number" placeholder="请输入数量"></div>
-        <div class="form-item"><label>单价(元/kg)<span class="required">*</span></label><input type="number" placeholder="请输入单价"></div>
-        <div class="form-item"><label>预计到货日期<span class="required">*</span></label><input type="date"></div>
-        <div class="form-item"><label>来源</label><select><option>食谱搭配</option><option>手动创建</option></select></div>
-        <div class="form-item full"><label>备注</label><textarea placeholder="请输入备注信息"></textarea></div>
+        <div class="form-item"><label>采购食堂<span class="required">*</span></label><select id="fm-canteen" onchange="showCanteenContact()"><option value="">请选择食堂</option><option>一号食堂</option><option>二号食堂</option><option>三号食堂</option></select></div>
+        <div class="form-item"><label>供应商<span class="required">*</span></label><select id="fm-supplier" onchange="showSupplierContact()"><option value="">请选择供应商</option><option>绿源蔬菜配送</option><option>鲜肉直供公司</option><option>海鲜水产配送</option><option>粮油批发商行</option></select></div>
+        <div class="form-item"><label>预计到货日期<span class="required">*</span></label><input type="date" id="fm-arrival"></div>
+        <div class="form-item"><label>采购单来源</label><select id="fm-source"><option>手动创建</option><option>食谱搭配</option></select></div>
+      </div>
+      <!-- 联系人回显 -->
+      <div id="contactInfoBar" style="display:none;margin-top:12px;padding:10px 16px;background:#F6F8FA;border-radius:var(--radius-sm);display:none;gap:24px;font-size:var(--font-sm);color:var(--text-secondary);">
+        <span id="ciCanteen" style="display:none;">食堂联系人：<strong id="ciCanteenName">—</strong>&nbsp;&nbsp;电话：<strong id="ciCanteenPhone">—</strong></span>
+        <span id="ciSupplier" style="display:none;">供应商联系人：<strong id="ciSupplierName">—</strong>&nbsp;&nbsp;电话：<strong id="ciSupplierPhone">—</strong></span>
+      </div>
+      <!-- 食材明细 -->
+      <div style="margin-top:20px;display:flex;align-items:center;justify-content:space-between;">
+        <span style="font-size:var(--font-sm);font-weight:600;color:var(--text-primary);">食材明细</span>
+        <button class="btn btn-primary btn-sm" onclick="addItemRow()">+ 添加食材</button>
+      </div>
+      <table class="items-table" id="itemsTable">
+        <thead>
+          <tr><th style="width:140px;">溯源码</th><th style="width:110px;">食材名称</th><th style="width:80px;">食材分类</th><th style="width:80px;">采购数量</th><th style="width:100px;">规格</th><th style="width:80px;">单价(元)</th><th style="width:70px;">小计金额</th><th>备注</th><th style="width:36px;"></th></tr>
+        </thead>
+        <tbody id="itemsBody"></tbody>
+      </table>
+      <div class="items-summary">
+        <span style="font-size:var(--font-sm);color:var(--text-secondary);">共 <strong id="itemCount">0</strong> 种食材</span>
+        <span class="items-summary__total">采购总金额：<span style="color:var(--primary);font-size:var(--font-lg);" id="totalAmount">¥0</span></span>
       </div>
     </div>
     <div class="modal-footer">
       <button class="btn btn-default" onclick="closePurchaseModal()">取消</button>
-      <button class="btn btn-primary" onclick="closePurchaseModal()">确定</button>
+      <button class="btn btn-primary" onclick="closePurchaseModal()">提交采购单</button>
     </div>
   </div>
 </div>
 
-<!-- 采购详情弹窗 -->
-<div class="modal-overlay" id="purchaseDetailModal" style="display:none;">
-  <div class="modal" style="width:680px;">
-    <div class="modal-header">
-      <span class="modal-title">采购详情</span>
-      <span class="modal-close" onclick="closePurchaseDetail()">&times;</span>
+<!-- 右侧详情抽屉 -->
+<div class="drawer-overlay" id="drawerOverlay" onclick="closeDrawer()"></div>
+<div class="drawer" id="detailDrawer">
+  <div class="drawer-header">
+    <span class="drawer-title" id="drawerTitle">采购单详情</span>
+    <span class="drawer-close" onclick="closeDrawer()">&times;</span>
+  </div>
+  <div class="drawer-body">
+    <!-- 订单信息 -->
+    <div class="drawer-section-title">订单信息</div>
+    <div class="detail-grid" id="drawerOrderInfo"></div>
+    <!-- 食堂信息 -->
+    <div class="drawer-section-title">采购食堂信息</div>
+    <div class="detail-grid" id="drawerCanteenInfo"></div>
+    <!-- 供应商信息 -->
+    <div class="drawer-section-title">供应商信息</div>
+    <div class="detail-grid" id="drawerSupplierInfo"></div>
+    <!-- 食材明细 -->
+    <div class="drawer-section-title">食材明细</div>
+    <div style="padding:12px 24px 20px;">
+      <table class="sub-table" id="drawerItemsTable">
+        <thead><tr><th>序号</th><th>溯源码</th><th>食材名称</th><th>食材分类</th><th>采购数量</th><th>规格</th><th>单价</th><th>小计金额</th><th>备注</th></tr></thead>
+        <tbody id="drawerItemsBody"></tbody>
+      </table>
     </div>
-    <div class="modal-body" style="padding:0;">
-      <div class="detail-grid" id="purchaseDetailGrid">
-        <div class="detail-item"><span class="detail-label">订单号</span><span class="detail-value" id="d-order">—</span></div>
-        <div class="detail-item"><span class="detail-label">溯源码</span><span class="detail-value" id="d-trace">—</span></div>
-        <div class="detail-item"><span class="detail-label">来源</span><span class="detail-value" id="d-source">—</span></div>
-        <div class="detail-item"><span class="detail-label">供应商</span><span class="detail-value" id="d-supplier">—</span></div>
-        <div class="detail-item"><span class="detail-label">食材名称</span><span class="detail-value" id="d-name">—</span></div>
-        <div class="detail-item"><span class="detail-label">食材分类</span><span class="detail-value" id="d-category">—</span></div>
-        <div class="detail-item"><span class="detail-label">采购数量</span><span class="detail-value" id="d-qty">—</span></div>
-        <div class="detail-item"><span class="detail-label">单价</span><span class="detail-value" id="d-price">—</span></div>
-        <div class="detail-item"><span class="detail-label">小计金额</span><span class="detail-value" id="d-total">—</span></div>
-        <div class="detail-item"><span class="detail-label">下单日期</span><span class="detail-value" id="d-date">—</span></div>
-        <div class="detail-item"><span class="detail-label">预计到货</span><span class="detail-value" id="d-arrival">—</span></div>
-        <div class="detail-item"><span class="detail-label">订单状态</span><span class="detail-value" id="d-status">—</span></div>
-        <div class="detail-item full"><span class="detail-label">收货状态</span><span class="detail-value" id="d-receive">—</span></div>
+    <!-- 配送信息（待收货/已完成时显示） -->
+    <div id="drawerDeliverySection" style="display:none;">
+      <div class="drawer-section-title">配送信息</div>
+      <div class="detail-grid" id="drawerDeliveryInfo"></div>
+    </div>
+    <!-- 取消信息（已取消时显示） -->
+    <div id="drawerCancelSection" style="display:none;">
+      <div class="drawer-section-title">取消信息</div>
+      <div class="detail-grid" id="drawerCancelInfo"></div>
+    </div>
+  </div>
+  <div class="drawer-footer">
+    <button class="btn btn-default" onclick="closeDrawer()">关闭</button>
+    <button class="btn btn-primary" onclick="closeDrawer()">打印采购单</button>
+  </div>
+</div>
+
+<!-- 删除确认弹窗 -->
+<div class="modal-overlay" id="deleteModal" style="display:none;">
+  <div class="modal" style="width:400px;">
+    <div class="modal-header">
+      <span class="modal-title">删除确认</span>
+      <span class="modal-close" onclick="closeDeleteModal()">&times;</span>
+    </div>
+    <div class="modal-body" style="text-align:center;padding:32px 24px;">
+      <div style="font-size:40px;margin-bottom:12px;">⚠️</div>
+      <p style="font-size:var(--font-base);color:var(--text-primary);margin-bottom:8px;">确认删除采购单 <strong id="deleteOrderNo">—</strong> ？</p>
+      <p style="font-size:var(--font-sm);color:var(--text-secondary);">删除后该采购单及其所有食材明细将无法恢复</p>
+    </div>
+    <div class="modal-footer">
+      <button class="btn btn-default" onclick="closeDeleteModal()">取消</button>
+      <button class="btn btn-danger" onclick="closeDeleteModal()">确认删除</button>
+    </div>
+  </div>
+</div>
+
+<!-- 取消订单弹窗 -->
+<div class="modal-overlay" id="cancelModal" style="display:none;">
+  <div class="modal" style="width:440px;">
+    <div class="modal-header">
+      <span class="modal-title">取消订单</span>
+      <span class="modal-close" onclick="closeCancelModal()">&times;</span>
+    </div>
+    <div class="modal-body" style="padding:24px;">
+      <p style="font-size:var(--font-sm);color:var(--text-primary);margin-bottom:4px;">确认取消采购单 <strong id="cancelOrderNo">—</strong> ？</p>
+      <p style="font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:16px;">取消后供应商将不再配送该订单</p>
+      <div class="form-item full">
+        <label>取消原因<span class="required">*</span></label>
+        <textarea id="cancelReasonText" placeholder="请输入取消原因" style="height:80px;"></textarea>
       </div>
     </div>
     <div class="modal-footer">
-      <button class="btn btn-default" onclick="closePurchaseDetail()">关闭</button>
+      <button class="btn btn-default" onclick="closeCancelModal()">取消</button>
+      <button class="btn btn-danger" onclick="confirmCancel()">确认取消订单</button>
     </div>
   </div>
 </div>
 
+<!-- 开始配送弹窗 -->
+<div class="modal-overlay" id="deliveryModal" style="display:none;">
+  <div class="modal" style="width:480px;">
+    <div class="modal-header">
+      <span class="modal-title">开始配送</span>
+      <span class="modal-close" onclick="closeDeliveryModal()">&times;</span>
+    </div>
+    <div class="modal-body" style="padding:24px;">
+      <p style="font-size:var(--font-sm);color:var(--text-primary);margin-bottom:4px;">确认对采购单 <strong id="deliveryOrderNo">—</strong> 开始配送？</p>
+      <p style="font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:16px;">请填写配送相关信息</p>
+      <div class="form-grid" style="grid-template-columns:1fr 1fr;gap:16px;">
+        <div class="form-item">
+          <label>配送方式<span class="required">*</span></label>
+          <select id="deliveryMethod">
+            <option value="">请选择</option>
+            <option>供应商自送</option>
+            <option>第三方物流</option>
+            <option>食堂自提</option>
+          </select>
+        </div>
+        <div class="form-item">
+          <label>配送人姓名<span class="required">*</span></label>
+          <input type="text" id="deliveryPerson" placeholder="请输入配送人姓名">
+        </div>
+        <div class="form-item">
+          <label>配送人电话<span class="required">*</span></label>
+          <input type="text" id="deliveryPhone" placeholder="请输入联系电话">
+        </div>
+        <div class="form-item">
+          <label>预计送达时间</label>
+          <input type="datetime-local" id="deliveryETA">
+        </div>
+      </div>
+    </div>
+    <div class="modal-footer">
+      <button class="btn btn-default" onclick="closeDeliveryModal()">取消</button>
+      <button class="btn btn-primary" onclick="confirmDelivery()">确认开始配送</button>
+    </div>
+  </div>
+</div>
+
+<!-- 确认收货弹窗 -->
+<div class="modal-overlay" id="receiveModal" style="display:none;">
+  <div class="modal" style="width:400px;">
+    <div class="modal-header">
+      <span class="modal-title">确认收货</span>
+      <span class="modal-close" onclick="closeReceiveModal()">&times;</span>
+    </div>
+    <div class="modal-body" style="text-align:center;padding:32px 24px;">
+      <div style="font-size:40px;margin-bottom:12px;">📦</div>
+      <p style="font-size:var(--font-base);color:var(--text-primary);margin-bottom:8px;">确认收货采购单 <strong id="receiveOrderNo">—</strong> ？</p>
+      <p style="font-size:var(--font-sm);color:var(--text-secondary);">确认后订单将变为已完成状态，请确保食材已验收无误</p>
+    </div>
+    <div class="modal-footer">
+      <button class="btn btn-default" onclick="closeReceiveModal()">取消</button>
+      <button class="btn btn-primary" onclick="confirmReceive()">确认收货</button>
+    </div>
+  </div>
+</div>
+
+<!-- Toast 提示容器 -->
+<div class="toast toast--success" id="globalToast"></div>
+
 <script>
-// 视频弹窗控制
-function openVideoModal(){document.getElementById('videoModal').style.display='flex';}
-function closeVideoModal(){document.getElementById('videoModal').style.display='none';}
-document.getElementById('videoModal').addEventListener('click',function(e){if(e.target===this)closeVideoModal();});
-// 采购单弹窗
-function openPurchaseModal(mode){
-  document.getElementById('purchaseModalTitle').textContent=mode==='edit'?'编辑采购单':'新建采购单';
-  document.getElementById('purchaseModal').style.display='flex';
+/* ===== 联系人模拟数据 ===== */
+var canteenContacts = {
+  '一号食堂': {contact:'王建国', phone:'029-8812-3001'},
+  '二号食堂': {contact:'赵芳', phone:'029-8812-3002'},
+  '三号食堂': {contact:'刘洋', phone:'029-8812-3003'}
+};
+var supplierContacts = {
+  '绿源蔬菜配送': {contact:'李明', phone:'138-9912-3456'},
+  '鲜肉直供公司': {contact:'张伟', phone:'139-0088-7654'},
+  '海鲜水产配送': {contact:'陈浩', phone:'136-7766-5432'},
+  '粮油批发商行': {contact:'孙强', phone:'137-5544-3210'}
+};
+
+/* ===== 模拟数据 ===== */
+var orders = [
+  { no:'PO-20260416-005', canteen:'二号食堂', canteenContact:'赵芳', canteenPhone:'029-8812-3002',
+    supplier:'绿源蔬菜配送', supplierContact:'李明', supplierPhone:'138-9912-3456',
+    date:'2026-04-16', arrival:'2026-04-17', source:'食谱搭配', status:'待接单', total:'¥660',
+    items:[
+      {trace:'ST-EX-LY01-VG-XLHU-080K-20260416-001',name:'西兰花',cat:'蔬菜类',qty:80,spec:'散装(kg)',price:4.5,subtotal:'¥360',remark:'—'},
+      {trace:'ST-EX-LY01-VG-QCAI-120K-20260416-002',name:'芹菜',cat:'蔬菜类',qty:120,spec:'散装(kg)',price:2.5,subtotal:'¥300',remark:'—'}
+    ]},
+  { no:'PO-20260415-001', canteen:'一号食堂', canteenContact:'王建国', canteenPhone:'029-8812-3001',
+    supplier:'绿源蔬菜配送', supplierContact:'李明', supplierPhone:'138-9912-3456',
+    date:'2026-04-15', arrival:'2026-04-16', source:'食谱搭配', status:'待发货', total:'¥485',
+    items:[
+      {trace:'ST-EX-LY01-VG-BOCA-050K-20260415-002',name:'菠菜',cat:'蔬菜类',qty:50,spec:'散装(kg)',price:2.5,subtotal:'¥125',remark:'—'},
+      {trace:'ST-EX-LY01-VG-BCAI-080K-20260415-003',name:'白菜',cat:'蔬菜类',qty:80,spec:'散装(kg)',price:1.8,subtotal:'¥144',remark:'—'},
+      {trace:'ST-EX-LY01-VG-HLUB-120K-20260415-004',name:'胡萝卜',cat:'蔬菜类',qty:120,spec:'散装(kg)',price:1.8,subtotal:'¥216',remark:'—'}
+    ]},
+  { no:'PO-20260415-002', canteen:'一号食堂', canteenContact:'王建国', canteenPhone:'029-8812-3001',
+    supplier:'鲜肉直供公司', supplierContact:'张伟', supplierPhone:'139-0088-7654',
+    date:'2026-04-15', arrival:'2026-04-16', source:'食谱搭配', status:'待收货', total:'¥8,480',
+    deliveryMethod:'供应商自送', deliveryPerson:'张伟', deliveryPhone:'139-0088-7654', deliveryETA:'2026-04-16 14:00',
+    items:[
+      {trace:'ST-EX-XR01-MT-ZLRJ-080K-20260415-005',name:'猪里脊',cat:'肉禽类',qty:80,spec:'25kg/件',price:28,subtotal:'¥2,240',remark:'需冷链运输'},
+      {trace:'ST-EX-XR01-MT-ZWUA-240K-20260415-006',name:'猪五花',cat:'肉禽类',qty:240,spec:'25kg/件',price:26,subtotal:'¥6,240',remark:'—'}
+    ]},
+  { no:'PO-20260414-003', canteen:'二号食堂', canteenContact:'赵芳', canteenPhone:'029-8812-3002',
+    supplier:'海鲜水产配送', supplierContact:'陈浩', supplierPhone:'136-7766-5432',
+    date:'2026-04-14', arrival:'2026-04-15', source:'手动创建', status:'已完成', total:'¥3,860',
+    deliveryMethod:'第三方物流', deliveryPerson:'陈浩', deliveryPhone:'136-7766-5432', deliveryETA:'2026-04-15 10:30',
+    items:[
+      {trace:'ST-EX-HS01-SF-CAYO-060K-20260414-001',name:'草鱼',cat:'水产类',qty:60,spec:'散装(kg)',price:18,subtotal:'¥1,080',remark:'活鲜运输'},
+      {trace:'ST-EX-HS01-SF-JIYU-080K-20260414-002',name:'鲫鱼',cat:'水产类',qty:80,spec:'散装(kg)',price:16,subtotal:'¥1,280',remark:'—'},
+      {trace:'ST-EX-HS01-SF-XIAA-050K-20260414-003',name:'虾',cat:'水产类',qty:50,spec:'散装(kg)',price:30,subtotal:'¥1,500',remark:'冰鲜'}
+    ]},
+  { no:'PO-20260413-004', canteen:'三号食堂', canteenContact:'刘洋', canteenPhone:'029-8812-3003',
+    supplier:'粮油批发商行', supplierContact:'孙强', supplierPhone:'137-5544-3210',
+    date:'2026-04-13', arrival:'2026-04-14', source:'手动创建', status:'已取消', total:'¥6,188',
+    cancelReason:'供应商无法供货',
+    items:[
+      {trace:'ST-EX-LY02-DG-DAMI-1000-20260413-001',name:'大米',cat:'粮油类',qty:1000,spec:'20kg/箱',price:3.5,subtotal:'¥3,500',remark:'东北五常大米'},
+      {trace:'ST-EX-LY02-DG-HSYO-168K-20260413-002',name:'花生油',cat:'粮油类',qty:168,spec:'5L/桶',price:16,subtotal:'¥2,688',remark:'—'}
+    ]}
+];
+
+/* ===== 行展开/收起 ===== */
+function toggleRow(btn, rowId) {
+  var row = document.getElementById(rowId);
+  row.classList.toggle('open');
+  btn.classList.toggle('open');
 }
-function closePurchaseModal(){document.getElementById('purchaseModal').style.display='none';}
-document.getElementById('purchaseModal').addEventListener('click',function(e){if(e.target===this)closePurchaseModal();});
-// 采购详情弹窗
-function showPurchaseDetail(el){
-  var tr=el.closest('tr');var cells=tr.querySelectorAll('td');
-  document.getElementById('d-order').textContent=cells[0].textContent;
-  document.getElementById('d-trace').textContent=cells[1].textContent;
-  document.getElementById('d-source').textContent=cells[2].textContent;
-  document.getElementById('d-supplier').textContent=cells[3].textContent;
-  document.getElementById('d-name').textContent=cells[4].textContent;
-  document.getElementById('d-category').textContent=cells[5].textContent;
-  document.getElementById('d-qty').textContent=cells[6].textContent+' kg';
-  document.getElementById('d-price').textContent=cells[7].textContent;
-  document.getElementById('d-total').textContent=cells[8].textContent;
-  document.getElementById('d-date').textContent=cells[9].textContent;
-  document.getElementById('d-arrival').textContent=cells[10].textContent;
-  document.getElementById('d-status').textContent=cells[11].textContent;
-  document.getElementById('d-receive').textContent=cells[12].textContent;
-  document.getElementById('purchaseDetailModal').style.display='flex';
+
+/* ===== 联系人回显 ===== */
+function showCanteenContact() {
+  var val = document.getElementById('fm-canteen').value;
+  var ci = document.getElementById('ciCanteen');
+  if (val && canteenContacts[val]) {
+    document.getElementById('ciCanteenName').textContent = canteenContacts[val].contact;
+    document.getElementById('ciCanteenPhone').textContent = canteenContacts[val].phone;
+    ci.style.display = 'inline';
+  } else { ci.style.display = 'none'; }
+  updateContactBar();
 }
-function closePurchaseDetail(){document.getElementById('purchaseDetailModal').style.display='none';}
-document.getElementById('purchaseDetailModal').addEventListener('click',function(e){if(e.target===this)closePurchaseDetail();});
-// 侧边栏子组折叠
-function toggleSubgroup(header){header.parentElement.classList.toggle('open');}
-// 初始化：若当前激活项位于子组中，自动展开其所在子组
-(function(){var active=document.querySelector('.sidebar-item.active');if(!active)return;var sub=active.closest('.sidebar-subgroup');if(sub)sub.classList.add('open');})();
+function showSupplierContact() {
+  var val = document.getElementById('fm-supplier').value;
+  var ci = document.getElementById('ciSupplier');
+  if (val && supplierContacts[val]) {
+    document.getElementById('ciSupplierName').textContent = supplierContacts[val].contact;
+    document.getElementById('ciSupplierPhone').textContent = supplierContacts[val].phone;
+    ci.style.display = 'inline';
+  } else { ci.style.display = 'none'; }
+  updateContactBar();
+}
+function updateContactBar() {
+  var bar = document.getElementById('contactInfoBar');
+  var c1 = document.getElementById('ciCanteen').style.display !== 'none';
+  var c2 = document.getElementById('ciSupplier').style.display !== 'none';
+  bar.style.display = (c1 || c2) ? 'flex' : 'none';
+}
+
+/* ===== 新建/编辑采购单弹窗 ===== */
+function openCreateModal() {
+  document.getElementById('purchaseModalTitle').textContent = '新建采购单';
+  document.getElementById('fm-canteen').value = '';
+  document.getElementById('fm-supplier').value = '';
+  document.getElementById('fm-arrival').value = '';
+  document.getElementById('fm-source').value = '手动创建';
+  document.getElementById('ciCanteen').style.display = 'none';
+  document.getElementById('ciSupplier').style.display = 'none';
+  document.getElementById('contactInfoBar').style.display = 'none';
+  document.getElementById('itemsBody').innerHTML = '';
+  addItemRow();
+  recalcTotal();
+  document.getElementById('purchaseModal').style.display = 'flex';
+}
+function openEditModal(idx) {
+  var o = orders[idx];
+  document.getElementById('purchaseModalTitle').textContent = '编辑采购单 - ' + o.no;
+  document.getElementById('fm-canteen').value = o.canteen;
+  document.getElementById('fm-supplier').value = o.supplier;
+  document.getElementById('fm-arrival').value = o.arrival;
+  document.getElementById('fm-source').value = o.source;
+  showCanteenContact();
+  showSupplierContact();
+  var tbody = document.getElementById('itemsBody');
+  tbody.innerHTML = '';
+  o.items.forEach(function(it) {
+    var tr = document.createElement('tr');
+    tr.innerHTML = '<td><input type="text" value="'+it.trace+'" placeholder="请输入溯源码（选填）"></td>'
+      +'<td><select><option'+(it.name==='菠菜'?' selected':'')+'>菠菜</option><option'+(it.name==='白菜'?' selected':'')+'>白菜</option><option'+(it.name==='胡萝卜'?' selected':'')+'>胡萝卜</option><option'+(it.name==='西兰花'?' selected':'')+'>西兰花</option><option'+(it.name==='芹菜'?' selected':'')+'>芹菜</option><option'+(it.name==='猪里脊'?' selected':'')+'>猪里脊</option><option'+(it.name==='猪五花'?' selected':'')+'>猪五花</option><option'+(it.name==='草鱼'?' selected':'')+'>草鱼</option><option'+(it.name==='鲫鱼'?' selected':'')+'>鲫鱼</option><option'+(it.name==='虾'?' selected':'')+'>虾</option><option'+(it.name==='大米'?' selected':'')+'>大米</option><option'+(it.name==='花生油'?' selected':'')+'>花生油</option></select></td>'
+      +'<td><select><option'+(it.cat==='蔬菜类'?' selected':'')+'>蔬菜类</option><option'+(it.cat==='肉禽类'?' selected':'')+'>肉禽类</option><option'+(it.cat==='水产类'?' selected':'')+'>水产类</option><option'+(it.cat==='粮油类'?' selected':'')+'>粮油类</option><option>调味品</option><option>豆制品</option></select></td>'
+      +'<td><input type="number" value="'+it.qty+'" onchange="calcRow(this)"></td>'
+      +'<td><input type="text" value="'+it.spec+'" placeholder="如：25kg/件"></td>'
+      +'<td><input type="number" value="'+it.price+'" onchange="calcRow(this)"></td>'
+      +'<td style="font-size:var(--font-xs);color:var(--text-primary);font-weight:500;">'+it.subtotal+'</td>'
+      +'<td><input type="text" value="'+(it.remark==='—'?'':it.remark)+'" placeholder="选填"></td>'
+      +'<td><span class="btn-remove" onclick="removeItemRow(this)">✕</span></td>';
+    tbody.appendChild(tr);
+  });
+  recalcTotal();
+  document.getElementById('purchaseModal').style.display = 'flex';
+}
+function closePurchaseModal() { document.getElementById('purchaseModal').style.display = 'none'; }
+document.getElementById('purchaseModal').addEventListener('click', function(e) { if(e.target===this) closePurchaseModal(); });
+
+/* 添加食材行 */
+function addItemRow() {
+  var tbody = document.getElementById('itemsBody');
+  var tr = document.createElement('tr');
+  tr.innerHTML = '<td><input type="text" placeholder="请输入溯源码（选填）"></td>'
+    +'<td><select><option value="">请选择</option><option>菠菜</option><option>白菜</option><option>胡萝卜</option><option>西兰花</option><option>芹菜</option><option>猪里脊</option><option>猪五花</option><option>草鱼</option><option>鲫鱼</option><option>虾</option><option>大米</option><option>花生油</option></select></td>'
+    +'<td><select><option>蔬菜类</option><option>肉禽类</option><option>水产类</option><option>粮油类</option><option>调味品</option><option>豆制品</option></select></td>'
+    +'<td><input type="number" placeholder="0" onchange="calcRow(this)"></td>'
+    +'<td><input type="text" placeholder="如：25kg/件"></td>'
+    +'<td><input type="number" placeholder="0" onchange="calcRow(this)"></td>'
+    +'<td style="font-size:var(--font-xs);color:var(--text-primary);font-weight:500;">¥0</td>'
+    +'<td><input type="text" placeholder="选填"></td>'
+    +'<td><span class="btn-remove" onclick="removeItemRow(this)">✕</span></td>';
+  tbody.appendChild(tr);
+  recalcTotal();
+}
+/* 删除食材行 */
+function removeItemRow(el) {
+  var tbody = document.getElementById('itemsBody');
+  if (tbody.rows.length <= 1) return;
+  el.closest('tr').remove();
+  recalcTotal();
+}
+/* 计算单行小计 */
+function calcRow(el) {
+  var tr = el.closest('tr');
+  var inputs = tr.querySelectorAll('input[type="number"]');
+  var qty = parseFloat(inputs[0].value) || 0;
+  var price = parseFloat(inputs[1].value) || 0;
+  var sub = qty * price;
+  tr.querySelectorAll('td')[6].textContent = '¥' + sub.toLocaleString();
+  recalcTotal();
+}
+/* 汇总总金额 */
+function recalcTotal() {
+  var rows = document.getElementById('itemsBody').rows;
+  var total = 0;
+  for (var i = 0; i < rows.length; i++) {
+    var inputs = rows[i].querySelectorAll('input[type="number"]');
+    var qty = parseFloat(inputs[0].value) || 0;
+    var price = parseFloat(inputs[1].value) || 0;
+    total += qty * price;
+  }
+  document.getElementById('itemCount').textContent = rows.length;
+  document.getElementById('totalAmount').textContent = '¥' + total.toLocaleString();
+}
+
+/* ===== 详情抽屉 ===== */
+function buildDetailRow(label, value) {
+  return '<div class="detail-item"><span class="detail-label">'+label+'</span><span class="detail-value">'+value+'</span></div>';
+}
+function showDetail(idx) {
+  var o = orders[idx];
+  var statusMap = {'待接单':'tag-orange','待发货':'tag-blue','待收货':'tag-orange','已完成':'tag-green','已取消':'tag-red'};
+  var statusHtml = '<span class="tag '+(statusMap[o.status]||'tag-gray')+'">'+o.status+'</span>';
+  document.getElementById('drawerOrderInfo').innerHTML =
+    buildDetailRow('采购单号', o.no)
+    + buildDetailRow('订单状态', statusHtml)
+    + buildDetailRow('采购单来源', o.source)
+    + buildDetailRow('下单日期', o.date)
+    + buildDetailRow('预计到货', o.arrival)
+    + buildDetailRow('采购总额', '<span style="font-weight:600;color:var(--primary);">'+o.total+'</span>');
+  document.getElementById('drawerCanteenInfo').innerHTML =
+    buildDetailRow('采购食堂', o.canteen)
+    + buildDetailRow('食堂联系人', o.canteenContact)
+    + buildDetailRow('联系电话', o.canteenPhone);
+  document.getElementById('drawerSupplierInfo').innerHTML =
+    buildDetailRow('供应商', o.supplier)
+    + buildDetailRow('供应商联系人', o.supplierContact)
+    + buildDetailRow('联系电话', o.supplierPhone);
+  var tbody = document.getElementById('drawerItemsBody');
+  tbody.innerHTML = '';
+  o.items.forEach(function(it, i) {
+    var tr = document.createElement('tr');
+    tr.innerHTML = '<td>'+(i+1)+'</td><td style="font-size:10px;color:#999;">'+it.trace+'</td><td>'+it.name+'</td><td>'+it.cat+'</td><td>'+it.qty+'</td><td>'+it.spec+'</td><td>¥'+it.price+'</td><td>'+it.subtotal+'</td><td>'+it.remark+'</td>';
+    tbody.appendChild(tr);
+  });
+  /* 配送信息（待收货/已完成显示） */
+  var deliverySec = document.getElementById('drawerDeliverySection');
+  if (o.deliveryMethod) {
+    document.getElementById('drawerDeliveryInfo').innerHTML =
+      buildDetailRow('配送方式', o.deliveryMethod)
+      + buildDetailRow('配送人', o.deliveryPerson)
+      + buildDetailRow('配送人电话', o.deliveryPhone)
+      + buildDetailRow('预计送达', o.deliveryETA || '—');
+    deliverySec.style.display = 'block';
+  } else {
+    deliverySec.style.display = 'none';
+  }
+  /* 取消信息（已取消显示） */
+  var cancelSec = document.getElementById('drawerCancelSection');
+  if (o.cancelReason) {
+    document.getElementById('drawerCancelInfo').innerHTML =
+      buildDetailRow('取消原因', '<span style="color:var(--danger);">'+o.cancelReason+'</span>');
+    cancelSec.style.display = 'block';
+  } else {
+    cancelSec.style.display = 'none';
+  }
+  document.getElementById('drawerTitle').textContent = '采购单详情 - ' + o.no;
+  document.getElementById('drawerOverlay').style.display = 'block';
+  document.getElementById('detailDrawer').classList.add('open');
+}
+function closeDrawer() {
+  document.getElementById('drawerOverlay').style.display = 'none';
+  document.getElementById('detailDrawer').classList.remove('open');
+}
+
+/* ===== Toast 提示 ===== */
+function showToast(msg, type) {
+  var toast = document.getElementById('globalToast');
+  toast.textContent = msg;
+  toast.className = 'toast toast--' + (type || 'success');
+  toast.classList.add('show');
+  setTimeout(function(){ toast.classList.remove('show'); }, 2500);
+}
+
+/* ===== 立即接单 ===== */
+function acceptOrder(idx) {
+  var o = orders[idx];
+  showToast('采购单 ' + o.no + ' 已成功接单！', 'success');
+}
+
+/* ===== 取消订单弹窗 ===== */
+var cancelIdx = -1;
+function openCancelModal(idx) {
+  cancelIdx = idx;
+  var o = orders[idx];
+  document.getElementById('cancelOrderNo').textContent = o.no;
+  document.getElementById('cancelReasonText').value = '';
+  document.getElementById('cancelModal').style.display = 'flex';
+}
+function closeCancelModal() { document.getElementById('cancelModal').style.display = 'none'; cancelIdx = -1; }
+document.getElementById('cancelModal').addEventListener('click', function(e) { if(e.target===this) closeCancelModal(); });
+function confirmCancel() {
+  var reason = document.getElementById('cancelReasonText').value.trim();
+  if (!reason) { showToast('请输入取消原因', 'warning'); return; }
+  var o = orders[cancelIdx];
+  showToast('采购单 ' + o.no + ' 已取消', 'error');
+  closeCancelModal();
+}
+
+/* ===== 开始配送弹窗 ===== */
+var deliveryIdx = -1;
+function openDeliveryModal(idx) {
+  deliveryIdx = idx;
+  var o = orders[idx];
+  document.getElementById('deliveryOrderNo').textContent = o.no;
+  document.getElementById('deliveryMethod').value = '';
+  document.getElementById('deliveryPerson').value = '';
+  document.getElementById('deliveryPhone').value = '';
+  document.getElementById('deliveryETA').value = '';
+  document.getElementById('deliveryModal').style.display = 'flex';
+}
+function closeDeliveryModal() { document.getElementById('deliveryModal').style.display = 'none'; deliveryIdx = -1; }
+document.getElementById('deliveryModal').addEventListener('click', function(e) { if(e.target===this) closeDeliveryModal(); });
+function confirmDelivery() {
+  var method = document.getElementById('deliveryMethod').value;
+  var person = document.getElementById('deliveryPerson').value.trim();
+  var phone = document.getElementById('deliveryPhone').value.trim();
+  if (!method) { showToast('请选择配送方式', 'warning'); return; }
+  if (!person) { showToast('请输入配送人姓名', 'warning'); return; }
+  if (!phone) { showToast('请输入配送人电话', 'warning'); return; }
+  var o = orders[deliveryIdx];
+  showToast('采购单 ' + o.no + ' 已开始配送', 'success');
+  closeDeliveryModal();
+}
+
+/* ===== 确认收货弹窗 ===== */
+var receiveIdx = -1;
+function openReceiveModal(idx) {
+  receiveIdx = idx;
+  var o = orders[idx];
+  document.getElementById('receiveOrderNo').textContent = o.no;
+  document.getElementById('receiveModal').style.display = 'flex';
+}
+function closeReceiveModal() { document.getElementById('receiveModal').style.display = 'none'; receiveIdx = -1; }
+document.getElementById('receiveModal').addEventListener('click', function(e) { if(e.target===this) closeReceiveModal(); });
+function confirmReceive() {
+  var o = orders[receiveIdx];
+  showToast('采购单 ' + o.no + ' 已确认收货', 'success');
+  closeReceiveModal();
+}
+
+/* ===== 删除确认弹窗 ===== */
+function confirmDelete(orderNo) {
+  document.getElementById('deleteOrderNo').textContent = orderNo;
+  document.getElementById('deleteModal').style.display = 'flex';
+}
+function closeDeleteModal() { document.getElementById('deleteModal').style.display = 'none'; }
+document.getElementById('deleteModal').addEventListener('click', function(e) { if(e.target===this) closeDeleteModal(); });
+
+/* ===== 侧边栏折叠 ===== */
+function toggleSubgroup(header) { header.parentElement.classList.toggle('open'); }
+(function(){
+  var active = document.querySelector('.sidebar-item.active');
+  if (!active) return;
+  var sub = active.closest('.sidebar-subgroup');
+  if (sub) sub.classList.add('open');
+})();
 </script>
+
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/web-admin/nutrition/farm-supplier.html b/web-admin/nutrition/farm-supplier.html
index e1854d9..cd0ee5b 100644
--- a/web-admin/nutrition/farm-supplier.html
+++ b/web-admin/nutrition/farm-supplier.html
@@ -118,8 +118,35 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
 .form-item textarea{height:80px;padding:8px 12px;resize:vertical;}
 .form-item select{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;appearance:none;padding-right:28px;}
 /* 评分星星 */
-.star-rating{display:flex;gap:4px;font-size:24px;cursor:pointer;}
-.star-rating .star{color:#ddd;transition:color .2s;}.star-rating .star.active{color:#FAAD14;}
+/* 地块多行展示 */
+.td-land{white-space:normal !important;line-height:1.8;min-width:180px;}
+/* 多选下拉模拟 */
+.multi-select{position:relative;}
+.multi-select__trigger{min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 28px 4px 8px;font-size:var(--font-sm);cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;align-items:center;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;}
+.multi-select__trigger:focus{border-color:var(--primary);outline:none;}
+.multi-select__tag{display:inline-flex;align-items:center;gap:2px;background:var(--primary-light);color:var(--primary);padding:1px 6px;border-radius:3px;font-size:11px;}
+.multi-select__tag .remove{cursor:pointer;font-size:14px;line-height:1;}
+.multi-select__placeholder{color:var(--text-placeholder);font-size:var(--font-sm);}
+.multi-select__dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:10;max-height:200px;overflow-y:auto;display:none;}
+.multi-select.open .multi-select__dropdown{display:block;}
+.multi-select__option{padding:8px 12px;font-size:var(--font-sm);cursor:pointer;display:flex;align-items:center;gap:8px;}
+.multi-select__option:hover{background:#F5F7FA;}
+.multi-select__option input{margin:0;}
+/* 只读字段 */
+.form-readonly{height:36px;line-height:36px;padding:0 12px;background:#F5F7FA;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--text-secondary);}
+/* 资质证书缩略图（表格内） */
+.td-cert{white-space:nowrap !important;}
+.cert-thumb{display:inline-block;width:32px;height:32px;border-radius:4px;background:#E6F7FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='1' y='2' width='14' height='12' rx='1.5' fill='none' stroke='%231890FF' stroke-width='1.2'/%3E%3Ccircle cx='5' cy='7' r='1.5' fill='%231890FF'/%3E%3Cpath d='M3 12l3-3 2 1.5L11 7l2 3' stroke='%231890FF' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;vertical-align:middle;margin-right:4px;border:1px solid #BAE7FF;}
+.cert-count{font-size:11px;color:var(--text-secondary);vertical-align:middle;}
+/* 图片上传区域（弹窗内） */
+.upload-area{display:flex;flex-wrap:wrap;gap:8px;}
+.upload-preview{position:relative;width:80px;height:80px;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;}
+.upload-img{width:100%;height:100%;background:#E6F7FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect x='2' y='4' width='28' height='24' rx='3' fill='none' stroke='%231890FF' stroke-width='1.5'/%3E%3Ccircle cx='10' cy='14' r='3' fill='%231890FF'/%3E%3Cpath d='M5 24l7-7 4 3L22 13l5 7' stroke='%231890FF' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;}
+.upload-del{position:absolute;top:2px;right:2px;width:18px;height:18px;background:rgba(0,0,0,.45);color:#fff;border-radius:50%;font-size:12px;line-height:18px;text-align:center;cursor:pointer;display:none;}
+.upload-preview:hover .upload-del{display:block;}
+.upload-btn{width:80px;height:80px;border:1px dashed var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:2px;color:#999;font-size:12px;transition:border-color .2s;}
+.upload-btn:hover{border-color:var(--primary);color:var(--primary);}
+.upload-hint{font-size:11px;color:var(--text-placeholder);margin-top:4px;width:100%;}
 </style>
 </head>
 <body>
@@ -244,17 +271,17 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
         <table>
           <thead>
             <tr>
-              <th>编号</th><th>基地/场所名称</th><th>供应类别</th><th>负责人</th>
-              <th>地块/养殖区</th><th>当前产能(kg/月)</th><th>运营状态</th><th>最近供货</th><th>操作</th>
+              <th>编号</th><th>基地/场所名称</th><th>供应类别</th><th>负责人</th><th>负责人电话</th>
+              <th>地块/养殖区</th><th>年均产能</th><th>产能单位</th><th>累计订单</th><th>运营状态</th><th>最近供货</th><th>操作</th>
             </tr>
           </thead>
           <tbody>
-            <tr><td>SUP-IN-001</td><td>A区蔬菜基地</td><td>蔬菜</td><td>李负责人</td><td>LAND-001/LAND-002</td><td>2,400</td><td><span class="tag tag-green">运营中</span></td><td>今日</td><td class="td-actions"><a class="link" onclick="openInternalModal('edit','SUP-IN-001','A区蔬菜基地','蔬菜','李负责人')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
-            <tr><td>SUP-IN-002</td><td>B区根茎基地</td><td>蔬菜</td><td>王负责人</td><td>LAND-002</td><td>1,200</td><td><span class="tag tag-green">运营中</span></td><td>今日</td><td class="td-actions"><a class="link" onclick="openInternalModal('edit','SUP-IN-002','B区根茎基地','蔬菜','王负责人')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
-            <tr><td>SUP-IN-003</td><td>C区菌菇大棚</td><td>蔬菜</td><td>张负责人</td><td>LAND-003</td><td>480</td><td><span class="tag tag-green">运营中</span></td><td>昨日</td><td class="td-actions"><a class="link" onclick="openInternalModal('edit','SUP-IN-003','C区菌菇大棚','蔬菜','张负责人')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
-            <tr><td>SUP-IN-004</td><td>D区豆类基地</td><td>蔬菜</td><td>李负责人</td><td>LAND-004</td><td>860</td><td><span class="tag tag-gray">休耕中</span></td><td>3天前</td><td class="td-actions"><a class="link" onclick="openInternalModal('edit','SUP-IN-004','D区豆类基地','蔬菜','李负责人')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
-            <tr><td>SUP-IN-005</td><td>A1-猪舍</td><td>肉禽</td><td>赵负责人</td><td>BREED-A1</td><td>3,200</td><td><span class="tag tag-green">运营中</span></td><td>本周</td><td class="td-actions"><a class="link" onclick="openInternalModal('edit','SUP-IN-005','A1-猪舍','肉禽','赵负责人')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
-            <tr><td>SUP-IN-006</td><td>B3-鸡舍</td><td>肉禽</td><td>陈负责人</td><td>BREED-B3</td><td>1,800</td><td><span class="tag tag-green">运营中</span></td><td>本周</td><td class="td-actions"><a class="link" onclick="openInternalModal('edit','SUP-IN-006','B3-鸡舍','肉禽','陈负责人')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
+            <tr><td>SUP-IN-001</td><td>A区蔬菜基地</td><td>蔬菜</td><td>李负责人</td><td>138****6601</td><td class="td-land">LAND-001【一号菠菜大棚】<br>LAND-002【二号叶菜大棚】</td><td>28,800</td><td>公斤</td><td>86</td><td><span class="tag tag-green">运营中</span></td><td>2026-05-22</td><td class="td-actions"><a class="link" onclick="openInternalModal('edit')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
+            <tr><td>SUP-IN-002</td><td>B区根茎基地</td><td>蔬菜</td><td>王负责人</td><td>139****7702</td><td class="td-land">LAND-003【根茎种植区】<br>LAND-004【萝卜专区】</td><td>14,400</td><td>公斤</td><td>62</td><td><span class="tag tag-green">运营中</span></td><td>2026-05-22</td><td class="td-actions"><a class="link" onclick="openInternalModal('edit')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
+            <tr><td>SUP-IN-003</td><td>C区菌菇大棚</td><td>蔬菜</td><td>张负责人</td><td>137****3303</td><td class="td-land">LAND-005【菌菇培育棚】</td><td>5,760</td><td>公斤</td><td>41</td><td><span class="tag tag-green">运营中</span></td><td>2026-05-21</td><td class="td-actions"><a class="link" onclick="openInternalModal('edit')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
+            <tr><td>SUP-IN-004</td><td>D区豆类基地</td><td>蔬菜</td><td>李负责人</td><td>138****6601</td><td class="td-land">LAND-006【豆类种植区】<br>LAND-007【豆类育苗棚】</td><td>10,320</td><td>公斤</td><td>38</td><td><span class="tag tag-gray">休耕中</span></td><td>2026-05-19</td><td class="td-actions"><a class="link" onclick="openInternalModal('edit')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
+            <tr><td>SUP-IN-005</td><td>生猪养殖基地</td><td>肉禽</td><td>赵负责人</td><td>136****5505</td><td class="td-land">BREED-A1【生猪养殖一区】<br>BREED-A2【生猪养殖二区】</td><td>380</td><td>头</td><td>24</td><td><span class="tag tag-green">运营中</span></td><td>2026-05-20</td><td class="td-actions"><a class="link" onclick="openInternalModal('edit')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
+            <tr><td>SUP-IN-006</td><td>土鸡养殖基地</td><td>肉禽</td><td>陈负责人</td><td>135****4406</td><td class="td-land">BREED-B3【散养鸡舍】</td><td>6,000</td><td>只</td><td>18</td><td><span class="tag tag-green">运营中</span></td><td>2026-05-20</td><td class="td-actions"><a class="link" onclick="openInternalModal('edit')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
           </tbody>
         </table>
       </div>
@@ -282,9 +309,9 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
         </select>
       </div>
       <div class="filter-item">
-        <label>资质状态</label>
+        <label>合作状态</label>
         <select class="filter-select">
-          <option>全部</option><option>正常</option><option>即将到期</option>
+          <option>全部</option><option>正常</option><option>即将到期</option><option>合同终止</option><option>黑名单</option>
         </select>
       </div>
       <button class="btn btn-primary">查询</button>
@@ -293,7 +320,6 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
     <!-- 操作栏 -->
     <div class="action-bar">
       <button class="btn btn-primary" onclick="openExternalModal('add')">➕ 新增外部供应商</button>
-      <button class="btn btn-default" onclick="openRateModal()">⭐ 评价供应商</button>
       <button class="btn btn-primary"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="#fff" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>导出列表数据</button>
       <button class="btn btn-default"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>查看导出任务</button>
     </div>
@@ -306,16 +332,17 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
         <table>
           <thead>
             <tr>
-              <th>供应商名称</th><th>供应类别</th><th>联系电话</th><th>地址</th>
-              <th>资质状态</th><th>综合评分</th><th>合作年限</th><th>累计订单</th>
-              <th>上次供货</th><th>最近评价</th><th>操作</th>
+              <th>供应商名称</th><th>供应类别</th><th>联系人</th><th>联系电话</th><th>地址</th>
+              <th>资质证书</th><th>综合评分</th><th>合作期限</th><th>合作状态</th><th>累计订单</th>
+              <th>上次供货</th><th>操作</th>
             </tr>
           </thead>
           <tbody>
-            <tr><td>绿源蔬菜配送</td><td>蔬菜</td><td>138-0001-0001</td><td>本市郊区蔬菜基地</td><td><span class="tag tag-green">正常</span></td><td>4.6</td><td>3年</td><td>128单</td><td>今日</td><td>质量优/准时</td><td class="td-actions"><a class="link" onclick="openExternalModal('edit','绿源蔬菜配送','蔬菜','138-0001-0001','本市郊区蔬菜基地')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
-            <tr><td>鲜肉直供公司</td><td>肉类</td><td>139-0002-0002</td><td>本市农贸市场A区</td><td><span class="tag tag-green">正常</span></td><td>4.4</td><td>2年</td><td>96单</td><td>今日</td><td>质量良/准时</td><td class="td-actions"><a class="link" onclick="openExternalModal('edit','鲜肉直供公司','肉类','139-0002-0002','本市农贸市场A区')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
-            <tr><td>海鲜水产配送</td><td>水产</td><td>136-0003-0003</td><td>滨海水产批发市场</td><td><span class="tag tag-orange">即将到期</span></td><td>4.1</td><td>1年</td><td>48单</td><td>昨日</td><td>质量良/延迟</td><td class="td-actions"><a class="link" onclick="openExternalModal('edit','海鲜水产配送','水产','136-0003-0003','滨海水产批发市场')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
-            <tr><td>粮油批发商行</td><td>粮油</td><td>135-0004-0004</td><td>本市粮油批发中心</td><td><span class="tag tag-green">正常</span></td><td>4.5</td><td>4年</td><td>156单</td><td>3天前</td><td>质量优/准时</td><td class="td-actions"><a class="link" onclick="openExternalModal('edit','粮油批发商行','粮油','135-0004-0004','本市粮油批发中心')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
+            <tr><td>中粮</td><td>粮油</td><td>陈经理</td><td>138-0001-0001</td><td>西安运营中心</td><td class="td-cert"><span class="cert-thumb"></span><span class="cert-thumb"></span><span class="cert-count"></span></td><td>4.6</td><td>2023-03-01至2026-12-31</td><td><span class="tag tag-green">正常</span></td><td>128</td><td>2026-05-22</td><td class="td-actions"><a class="link" onclick="openExternalModal('edit')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
+            <tr><td>绿源蔬菜配送</td><td>蔬菜</td><td>张经理</td><td>138-0001-0001</td><td>本市郊区蔬菜基地</td><td class="td-cert"><span class="cert-thumb"></span><span class="cert-thumb"></span><span class="cert-count"></span></td><td>4.6</td><td>2023-03-01至2026-12-31</td><td><span class="tag tag-green">正常</span></td><td>128</td><td>2026-05-22</td><td class="td-actions"><a class="link" onclick="openExternalModal('edit')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
+            <tr><td>鲜肉直供公司</td><td>肉类</td><td>李总</td><td>139-0002-0002</td><td>本市农贸市场A区</td><td class="td-cert"><span class="cert-thumb"></span><span class="cert-thumb"></span><span class="cert-thumb"></span><span class="cert-count"></span></td><td>4.4</td><td>2024-01-15至2025-12-31</td><td><span class="tag tag-gray">合同终止</span></td><td>96</td><td>2026-05-22</td><td class="td-actions"><a class="link" onclick="openExternalModal('edit')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
+            <tr><td>海鲜水产配送</td><td>水产</td><td>王经理</td><td>136-0003-0003</td><td>滨海水产批发市场</td><td class="td-cert"><span class="cert-thumb"></span><span class="cert-count"></span></td><td>4.1</td><td>2025-06-01至2026-05-31</td><td><span class="tag tag-orange">即将到期</span></td><td>48</td><td>2026-05-21</td><td class="td-actions"><a class="link" onclick="openExternalModal('edit')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
+            <tr><td>粮油批发商行</td><td>粮油</td><td>赵主管</td><td>135-0004-0004</td><td>本市粮油批发中心</td><td class="td-cert"><span class="cert-thumb"></span><span class="cert-thumb"></span><span class="cert-count"></span></td><td>1.5</td><td>2022-01-01至2026-12-31</td><td><span class="tag tag-red">黑名单</span></td><td>36</td><td>2025-05-19</td><td class="td-actions"><a class="link" onclick="openExternalModal('edit')">编辑</a><a class="link" style="color:var(--danger)" onclick="if(confirm('确认删除？')){}">删除</a></td></tr>
           </tbody>
         </table>
       </div>
@@ -341,10 +368,31 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
         <div class="form-item"><label>基地/场所名称<span class="required">*</span></label><input id="int_name" placeholder="请输入基地或场所名称"></div>
         <div class="form-item"><label>供应类别<span class="required">*</span></label><select id="int_category"><option value="">请选择</option><option>蔬菜</option><option>肉禽</option><option>水产</option><option>粮油</option></select></div>
         <div class="form-item"><label>负责人<span class="required">*</span></label><input id="int_manager" placeholder="请输入负责人姓名"></div>
-        <div class="form-item"><label>关联地块/养殖区</label><input placeholder="如 LAND-001"></div>
-        <div class="form-item"><label>当前产能(kg/月)</label><input type="number" placeholder="请输入数字"></div>
+        <div class="form-item"><label>负责人电话<span class="required">*</span></label><input placeholder="请输入联系电话"></div>
+        <div class="form-item full"><label>关联地块/养殖区<span class="required">*</span></label>
+          <div class="multi-select" id="landMultiSelect" onclick="toggleMultiSelect(event)">
+            <div class="multi-select__trigger" tabindex="0">
+              <span class="multi-select__tag">LAND-001【一号菠菜大棚】<span class="remove" onclick="removeTag(event,this)">&times;</span></span>
+              <span class="multi-select__tag">LAND-002【二号叶菜大棚】<span class="remove" onclick="removeTag(event,this)">&times;</span></span>
+            </div>
+            <div class="multi-select__dropdown">
+              <label class="multi-select__option"><input type="checkbox" checked> LAND-001【一号菠菜大棚】</label>
+              <label class="multi-select__option"><input type="checkbox" checked> LAND-002【二号叶菜大棚】</label>
+              <label class="multi-select__option"><input type="checkbox"> LAND-003【根茎种植区】</label>
+              <label class="multi-select__option"><input type="checkbox"> LAND-004【萝卜专区】</label>
+              <label class="multi-select__option"><input type="checkbox"> LAND-005【菌菇培育棚】</label>
+              <label class="multi-select__option"><input type="checkbox"> LAND-006【豆类种植区】</label>
+              <label class="multi-select__option"><input type="checkbox"> LAND-007【豆类育苗棚】</label>
+              <label class="multi-select__option"><input type="checkbox"> BREED-A1【生猪养殖一区】</label>
+              <label class="multi-select__option"><input type="checkbox"> BREED-A2【生猪养殖二区】</label>
+              <label class="multi-select__option"><input type="checkbox"> BREED-B3【散养鸡舍】</label>
+            </div>
+          </div>
+        </div>
+        <div class="form-item"><label>年均产能<span class="required">*</span></label><input type="number" placeholder="请输入年均产能数值"></div>
+        <div class="form-item"><label>产能单位<span class="required">*</span></label><select><option value="">请选择</option><option>公斤</option><option>吨</option><option>头</option><option>条</option><option>只</option><option>尾</option><option>个</option></select></div>
+        <div class="form-item"><label>累计订单</label><div class="form-readonly">86（系统自动统计）</div></div>
         <div class="form-item"><label>运营状态<span class="required">*</span></label><select><option>运营中</option><option>休耕中</option></select></div>
-        <div class="form-item"><label>联系电话</label><input placeholder="请输入联系电话"></div>
         <div class="form-item full"><label>备注</label><textarea placeholder="请输入备注信息"></textarea></div>
       </div>
     </div>
@@ -360,11 +408,25 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
       <div class="form-grid">
         <div class="form-item"><label>供应商名称<span class="required">*</span></label><input id="ext_name" placeholder="请输入供应商名称"></div>
         <div class="form-item"><label>供应类别<span class="required">*</span></label><select id="ext_category"><option value="">请选择</option><option>蔬菜</option><option>肉类</option><option>水产</option><option>粮油</option></select></div>
+        <div class="form-item"><label>联系人<span class="required">*</span></label><input id="ext_contact" placeholder="请输入联系人姓名"></div>
         <div class="form-item"><label>联系电话<span class="required">*</span></label><input id="ext_phone" placeholder="请输入联系电话"></div>
-        <div class="form-item"><label>地址<span class="required">*</span></label><input id="ext_address" placeholder="请输入地址"></div>
+        <div class="form-item full"><label>地址<span class="required">*</span></label><input id="ext_address" placeholder="请输入地址"></div>
+        <div class="form-item full"><label>资质证书</label>
+          <div class="upload-area">
+            <div class="upload-preview"><div class="upload-img"></div><span class="upload-del" title="删除">&times;</span></div>
+            <div class="upload-preview"><div class="upload-img"></div><span class="upload-del" title="删除">&times;</span></div>
+            <div class="upload-btn">
+              <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 5v14M5 12h14" stroke="#999" stroke-width="2" stroke-linecap="round"/></svg>
+              <span>上传图片</span>
+            </div>
+          </div>
+          <div class="upload-hint">支持 JPG、PNG 格式，单张不超过 5MB，最多上传 5 张</div>
+        </div>
         <div class="form-item"><label>资质到期日期</label><input type="date"></div>
-        <div class="form-item"><label>营业执照编号</label><input placeholder="请输入营业执照编号"></div>
+        <div class="form-item"><label>综合评分</label><input type="number" min="0" max="5" step="0.1" placeholder="0~5 分"></div>
         <div class="form-item"><label>合作开始日期</label><input type="date"></div>
+        <div class="form-item"><label>合作结束日期</label><input type="date"></div>
+        <div class="form-item"><label>合作状态<span class="required">*</span></label><select><option>正常</option><option>即将到期</option><option>合同终止</option><option>黑名单</option></select></div>
         <div class="form-item full"><label>备注</label><textarea placeholder="请输入备注信息"></textarea></div>
       </div>
     </div>
@@ -372,21 +434,6 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
   </div>
 </div>
 
-<!-- 弹窗：评价供应商 -->
-<div class="modal-overlay" id="rateModal" onclick="if(event.target===this)closeRateModal()">
-  <div class="modal" style="width:520px;">
-    <div class="modal-header"><span class="modal-title">评价供应商</span><span class="modal-close" onclick="closeRateModal()">&times;</span></div>
-    <div class="modal-body">
-      <div class="form-grid" style="grid-template-columns:1fr;">
-        <div class="form-item"><label>选择供应商<span class="required">*</span></label><select><option value="">请选择供应商</option><option>绿源蔬菜配送</option><option>鲜肉直供公司</option><option>海鲜水产配送</option><option>粮油批发商行</option></select></div>
-        <div class="form-item"><label>质量评分<span class="required">*</span></label><div class="star-rating" data-field="quality"><span class="star" data-v="1">★</span><span class="star" data-v="2">★</span><span class="star" data-v="3">★</span><span class="star" data-v="4">★</span><span class="star" data-v="5">★</span></div></div>
-        <div class="form-item"><label>时效评分<span class="required">*</span></label><div class="star-rating" data-field="timeliness"><span class="star" data-v="1">★</span><span class="star" data-v="2">★</span><span class="star" data-v="3">★</span><span class="star" data-v="4">★</span><span class="star" data-v="5">★</span></div></div>
-        <div class="form-item"><label>评价内容</label><textarea placeholder="请输入评价内容"></textarea></div>
-      </div>
-    </div>
-    <div class="modal-footer"><button class="btn btn-default" onclick="closeRateModal()">取消</button><button class="btn btn-primary">提交评价</button></div>
-  </div>
-</div>
 
 <script>
 // 页签切换
@@ -400,14 +447,10 @@ function toggleSubgroup(header){header.parentElement.classList.toggle('open');}
 (function(){var active=document.querySelector('.sidebar-item.active');if(!active)return;var sub=active.closest('.sidebar-subgroup');if(sub)sub.classList.add('open');})();
 
 // 弹窗控制 - 内部供应商
-function openInternalModal(mode, id, name, category, manager){
+function openInternalModal(mode){
   var m=document.getElementById('internalModal');
   document.getElementById('internalModalTitle').textContent=mode==='edit'?'编辑内部供应商':'新增内部供应商';
-  if(mode==='edit'){
-    document.getElementById('int_name').value=name||'';
-    document.getElementById('int_category').value=category||'';
-    document.getElementById('int_manager').value=manager||'';
-  }else{
+  if(mode!=='edit'){
     m.querySelectorAll('input,textarea').forEach(function(el){el.value='';});
     m.querySelectorAll('select').forEach(function(el){el.selectedIndex=0;});
   }
@@ -415,16 +458,24 @@ function openInternalModal(mode, id, name, category, manager){
 }
 function closeInternalModal(){document.getElementById('internalModal').style.display='none';}
 
+// 多选下拉交互
+function toggleMultiSelect(e){
+  if(e.target.closest('.remove'))return;
+  var ms=e.currentTarget;
+  ms.classList.toggle('open');
+}
+function removeTag(e,el){e.stopPropagation();el.parentElement.remove();}
+document.addEventListener('click',function(e){
+  document.querySelectorAll('.multi-select.open').forEach(function(ms){
+    if(!ms.contains(e.target))ms.classList.remove('open');
+  });
+});
+
 // 弹窗控制 - 外部供应商
-function openExternalModal(mode, name, category, phone, address){
+function openExternalModal(mode){
   var m=document.getElementById('externalModal');
   document.getElementById('externalModalTitle').textContent=mode==='edit'?'编辑外部供应商':'新增外部供应商';
-  if(mode==='edit'){
-    document.getElementById('ext_name').value=name||'';
-    document.getElementById('ext_category').value=category||'';
-    document.getElementById('ext_phone').value=phone||'';
-    document.getElementById('ext_address').value=address||'';
-  }else{
+  if(mode!=='edit'){
     m.querySelectorAll('input,textarea').forEach(function(el){el.value='';});
     m.querySelectorAll('select').forEach(function(el){el.selectedIndex=0;});
   }
@@ -432,27 +483,6 @@ function openExternalModal(mode, name, category, phone, address){
 }
 function closeExternalModal(){document.getElementById('externalModal').style.display='none';}
 
-// 弹窗控制 - 评价供应商
-function openRateModal(){
-  var m=document.getElementById('rateModal');
-  m.querySelectorAll('.star').forEach(function(s){s.classList.remove('active');});
-  m.querySelectorAll('select').forEach(function(el){el.selectedIndex=0;});
-  m.querySelectorAll('textarea').forEach(function(el){el.value='';});
-  m.style.display='flex';
-}
-function closeRateModal(){document.getElementById('rateModal').style.display='none';}
-
-// 星星评分交互
-document.querySelectorAll('.star-rating').forEach(function(rating){
-  rating.addEventListener('click',function(e){
-    var star=e.target.closest('.star');
-    if(!star)return;
-    var val=parseInt(star.dataset.v);
-    rating.querySelectorAll('.star').forEach(function(s){
-      s.classList.toggle('active',parseInt(s.dataset.v)<=val);
-    });
-  });
-});
 </script>
 </body>
 </html>