From fe4ec1a7cfebb6c8e804d07748324cd2de6b937a Mon Sep 17 00:00:00 2001
From: linbin <495561397@qq.com>
Date: Wed, 24 Sep 2025 03:44:31 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=BC=E8=BF=B0:=20=E5=AE=8C=E5=96=84?=
=?UTF-8?q?=E8=AE=A2=E5=8D=95=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2=E7=9A=84?=
=?UTF-8?q?=E4=B8=89=E7=BA=A7=E5=B1=95=E5=BC=80=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
- 增加店铺订单表格，实现结算单位订单→店铺订单→商品订单的三级展开结构
- 添加toggleShopExpand函数处理店铺订单的展开逻辑
- 优化表格嵌套结构和显示效果
---
商家端web/订单管理/订单管理.html | 132 ++++++++++++++++++++++++++++++-
1 file changed, 131 insertions(+), 1 deletion(-)
diff --git a/商家端web/订单管理/订单管理.html b/商家端web/订单管理/订单管理.html
index a9fb41c..7b5f55b 100644
--- a/商家端web/订单管理/订单管理.html
+++ b/商家端web/订单管理/订单管理.html
@@ -548,6 +548,28 @@
+
+
+
+ |
+ 序号 |
+ 店铺订单号 |
+ 档位 |
+ 订单状态 |
+ |
+
+
+
+
+ |
+ 1 |
+ SO202407190001 |
+ 牛牛蔬菜店 |
+ 待备货 |
+ |
+
+
+
+
+
+
+ |
+ 序号 |
+ 店铺订单号 |
+ 档位 |
+ 订单状态 |
+ |
+
+
+
+
+ |
+ 1 |
+ SO202407190002 |
+ 鲜蔬果园店 |
+ 待备货 |
+ |
+
+
+
+
+
+
+ |
+ 序号 |
+ 店铺订单号 |
+ 档位 |
+ 订单状态 |
+ |
+
+
+
+
+ |
+ 1 |
+ SO202407180001 |
+ 示例店铺 |
+ 完成 |
+ |
+
+
+
+
+
+
+ |
+ 序号 |
+ 店铺订单号 |
+ 档位 |
+ 订单状态 |
+ |
+
+
+
+
+ |
+ 1 |
+ SO202407180001 |
+ 示例店铺 |
+ 完成 |
+ |
+
+
+
+
+
+
+ |
+ 序号 |
+ 店铺订单号 |
+ 档位 |
+ 订单状态 |
+ |
+
+
+
+
+ |
+ 1 |
+ SO202407180001 |
+ 示例店铺 |
+ 完成 |
+ |
+
+
+
@@ -946,7 +1056,7 @@
}
}
- // 子表格展开功能
+ // 子表格展开功能（结算单位订单展开店铺订单）
function toggleSubExpand(btn) {
const currentRow = btn.closest('tr');
const tableWrapper = currentRow.closest('.nested-table-wrapper');
@@ -965,6 +1075,26 @@
}
}
+ // 店铺订单展开功能（店铺订单展开商品订单）
+ function toggleShopExpand(btn) {
+ const currentRow = btn.closest('tr');
+ const tableWrapper = currentRow.closest('.nested-table-wrapper');
+ const tables = tableWrapper.querySelectorAll('.sub-table');
+ let productTable = tables[tables.length - 1]; // 获取最后一个表格（商品订单表格）
+
+ if (productTable) {
+ const isVisible = productTable.style.display !== 'none';
+
+ if (isVisible) {
+ productTable.style.display = 'none';
+ btn.innerHTML = '▼';
+ } else {
+ productTable.style.display = 'table';
+ btn.innerHTML = '▲';
+ }
+ }
+ }
+
// 分页功能
document.querySelectorAll('.page-item:not(.disabled):not(.active)').forEach(item => {
item.addEventListener('click', function() {