From 11630b9560fae95104fccc36db369ae8f10ce1f9 Mon Sep 17 00:00:00 2001
From: linbin <495561397@qq.com>
Date: Fri, 26 Sep 2025 11:20:46 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=BC=E8=BF=B0:=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E8=AE=A2=E5=8D=95=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2=E7=BB=93?=
 =?UTF-8?q?=E6=9E=84=E5=92=8C=E5=8A=9F=E8=83=BD=20-=20=E5=9C=A8=E8=AE=A2?=
 =?UTF-8?q?=E5=8D=95=E7=8A=B6=E6=80=81=E7=AD=9B=E9=80=89=E4=B8=AD=EF=BC=8C?=
 =?UTF-8?q?=E5=B0=86=E5=8E=9F=E6=9C=89=E7=9A=84=E7=AE=80=E5=8D=95=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=E9=80=89=E9=A1=B9=E7=BB=86=E5=8C=96=E4=B8=BA=E5=AE=8C?=
 =?UTF-8?q?=E6=95=B4=E7=9A=84=E8=AE=A2=E5=8D=95=E6=B5=81=E7=A8=8B=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=EF=BC=8C=E5=8C=85=E6=8B=AC=E5=BE=85=E6=94=AF=E4=BB=98?=
 =?UTF-8?q?=E3=80=81=E5=BE=85=E6=8E=A5=E5=8D=95=E3=80=81=E5=BE=85=E5=A4=87?=
 =?UTF-8?q?=E8=B4=A7=E3=80=81=E5=BE=85=E5=8F=96=E8=B4=A7=E3=80=81=E5=B7=B2?=
 =?UTF-8?q?=E5=8F=96=E8=B4=A7=E5=BE=85=E9=85=8D=E9=80=81=E3=80=81=E9=85=8D?=
 =?UTF-8?q?=E9=80=81=E4=B8=AD=E3=80=81=E5=B7=B2=E9=85=8D=E9=80=81=E5=BE=85?=
 =?UTF-8?q?=E6=94=B6=E8=B4=A7=E3=80=81=E5=AE=8C=E6=88=90=E5=BE=85=E8=AF=84?=
 =?UTF-8?q?=E4=BB=B7=E3=80=81=E6=9C=AA=E6=94=AF=E4=BB=98=E5=8F=96=E6=B6=88?=
 =?UTF-8?q?=E3=80=81=E7=94=A8=E6=88=B7=E7=94=B3=E8=AF=B7=E9=80=80=E6=AC=BE?=
 =?UTF-8?q?=E4=B8=AD=E3=80=81=E7=94=A8=E6=88=B7=E7=94=B3=E8=AF=B7=E5=B7=B2?=
 =?UTF-8?q?=E9=80=80=E6=AC=BE=E3=80=81=E5=95=86=E5=AE=B6=E5=8F=96=E6=B6=88?=
 =?UTF-8?q?=E3=80=81=E5=B9=B3=E5=8F=B0=E5=8F=96=E6=B6=88=E7=AD=8913?=
 =?UTF-8?q?=E7=A7=8D=E7=8A=B6=E6=80=81=20-=20=E5=B0=86=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E4=B8=AD=E7=9A=84"=E6=80=BB=E8=AE=A2=E5=8D=95=E5=8F=B7"?=
 =?UTF-8?q?=E5=88=97=E6=A0=87=E9=A2=98=E4=BF=AE=E6=94=B9=E4=B8=BA"?=
 =?UTF-8?q?=E7=BB=93=E7=AE=97=E8=AE=A2=E5=8D=95=E5=8F=B7"=EF=BC=8C?=
 =?UTF-8?q?=E6=9B=B4=E5=87=86=E7=A1=AE=E5=8F=8D=E6=98=A0=E4=B8=9A=E5=8A=A1?=
 =?UTF-8?q?=E5=90=AB=E4=B9=89=20-=20=E4=BC=98=E5=8C=96=E8=AE=A2=E5=8D=95?=
 =?UTF-8?q?=E5=B1=95=E5=BC=80=E5=8A=9F=E8=83=BD=EF=BC=8C=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?toggleShopExpand=E5=87=BD=E6=95=B0=E5=AE=9E=E7=8E=B0=E6=9B=B4?=
 =?UTF-8?q?=E5=87=86=E7=A1=AE=E7=9A=84=E8=A1=8C=E5=B1=95=E5=BC=80=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91=EF=BC=8C=E5=8C=BA=E5=88=86=E4=B8=BB=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E5=92=8C=E5=AD=90=E8=A1=A8=E6=A0=BC=E7=9A=84=E5=B1=95=E5=BC=80?=
 =?UTF-8?q?=E8=A1=8C=E4=B8=BA=20-=20=E7=AE=80=E5=8C=96=E5=B5=8C=E5=A5=97?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E7=BB=93=E6=9E=84=EF=BC=8C=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?=E4=BA=86=E9=87=8D=E5=A4=8D=E7=9A=84=E8=AE=A2=E5=8D=95=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E5=A4=B4=E9=83=A8=E8=A1=A8=E6=A0=BC=EF=BC=8C=E7=9B=B4?=
 =?UTF-8?q?=E6=8E=A5=E4=BD=BF=E7=94=A8=E5=8D=95=E4=B8=80=E7=9A=84=E5=AD=90?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E5=B1=95=E7=A4=BA=E5=BA=97=E9=93=BA=E8=AE=A2?=
 =?UTF-8?q?=E5=8D=95=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 商家端web/订单管理/订单管理.html | 195 +++++++++----------------------
 1 file changed, 57 insertions(+), 138 deletions(-)

diff --git a/商家端web/订单管理/订单管理.html b/商家端web/订单管理/订单管理.html
index c3db8f9..062e2e2 100644
--- a/商家端web/订单管理/订单管理.html
+++ b/商家端web/订单管理/订单管理.html
@@ -421,12 +421,19 @@
                     <label class="form-label">订单状态</label>
                     <select class="form-input">
                         <option value="">全部</option>
-                        <option value="pending">待支付</option>
-                        <option value="paid">已支付</option>
-                        <option value="completed">已完成</option>
-                        <option value="cancelled">取消</option>
-                        <option value="refund">退款</option>
-                        <option value="partial_refund">部分退款</option>
+                        <option value="pending_payment">待支付</option>
+                        <option value="pending_accept">待接单</option>
+                        <option value="pending_prepare">待备货</option>
+                        <option value="pending_pickup">待取货</option>
+                        <option value="pickup_pending_delivery">已取货（待配送）</option>
+                        <option value="delivery_in_progress">配送中（待送达）</option>
+                        <option value="delivered_pending_receipt">已配送（待收货或已送达自提点）</option>
+                        <option value="completed_pending_review">完成（待评价或自动完成）</option>
+                        <option value="unpaid_cancelled">未支付订单取消</option>
+                        <option value="user_refund_processing">用户申请退款中</option>
+                        <option value="user_refund_completed">用户申请已退款</option>
+                        <option value="merchant_cancelled">商家取消订单</option>
+                        <option value="platform_cancelled">平台取消订单</option>
                     </select>
                 </div>
                 <div class="form-item">
@@ -479,7 +486,7 @@
                         <tr>
                             <th></th>
                             <th>序号</th>
-                            <th>总订单号</th>
+                            <th>结算订单号</th>
                             <th>下单时间</th>
                             <th>收货人姓名</th>
                             <th>收货人电话</th>
@@ -498,7 +505,7 @@
                     </thead>
                     <tbody>
                         <tr>
-                            <td><button class="expand-btn" onclick="toggleExpand(this)">▼</button></td>
+                            <td><button class="expand-btn" onclick="toggleShopExpand(this)">▼</button></td>
                             <td>1</td>
                             <td>11120250719153384808917</td>
                             <td>2025-07-19 15:33:55</td>
@@ -519,29 +526,7 @@
                         <tr class="expandable-row" style="display: none;">
                             <td colspan="16">
                                 <div class="nested-table-wrapper">
-                                    <table class="sub-table order-detail-header">
-                                        <thead>
-                                            <tr>
-                                                <th></th>
-                                                <th>序号</th>
-                                                <th>订单编号</th>
-                                                <th>店铺名称</th>
-                                                <th>订单状态</th>
-                                                <th></th>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                            <tr>
-                                                <td><button class="expand-btn" onclick="toggleSubExpand(this)">▼</button></td>
-                                                <td>1</td>
-                                                <td>11220250719153384807045</td>
-                                                <td>牛牛蔬菜店</td>
-                                                <td><span class="status-tag status-pending">待备货</span></td>
-                                                <td></td>
-                                            </tr>
-                                        </tbody>
-                                    </table>
-                                    <table class="sub-table" style="display: none;">
+                                    <table class="sub-table">
                                         <thead>
                                             <tr>
                                                 <th></th>
@@ -596,7 +581,7 @@
                         </tr>
 
                         <tr>
-                            <td><button class="expand-btn" onclick="toggleExpand(this)">▼</button></td>
+                            <td><button class="expand-btn" onclick="toggleShopExpand(this)">▼</button></td>
                             <td>2</td>
                             <td>11120250719145684803694</td>
                             <td>2025-07-19 14:56:21</td>
@@ -617,29 +602,7 @@
                         <tr class="expandable-row" style="display: none;">
                             <td colspan="16">
                                 <div class="nested-table-wrapper">
-                                    <table class="sub-table order-detail-header">
-                                        <thead>
-                                            <tr>
-                                                <th></th>
-                                                <th>序号</th>
-                                                <th>订单编号</th>
-                                                <th>店铺名称</th>
-                                                <th>订单状态</th>
-                                                <th></th>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                            <tr>
-                                                <td><button class="expand-btn" onclick="toggleSubExpand(this)">▼</button></td>
-                                                <td>1</td>
-                                                <td>11220250719145684802345</td>
-                                                <td>鲜蔬果园店</td>
-                                                <td><span class="status-tag status-pending">待备货</span></td>
-                                                <td></td>
-                                            </tr>
-                                        </tbody>
-                                    </table>
-                                    <table class="sub-table" style="display: none;">
+                                    <table class="sub-table">
                                         <thead>
                                             <tr>
                                                 <th></th>
@@ -694,7 +657,7 @@
                         </tr>
 
                         <tr>
-                            <td><button class="expand-btn" onclick="toggleExpand(this)">▼</button></td>
+                            <td><button class="expand-btn" onclick="toggleShopExpand(this)">▼</button></td>
                             <td>3</td>
                             <td>21120250718172950560206</td>
                             <td>2025-07-18 17:29:48</td>
@@ -715,29 +678,7 @@
                         <tr class="expandable-row" style="display: none;">
                             <td colspan="16">
                                 <div class="nested-table-wrapper">
-                                    <table class="sub-table order-detail-header">
-                                        <thead>
-                                            <tr>
-                                                <th></th>
-                                                <th>序号</th>
-                                                <th>订单编号</th>
-                                                <th>店铺名称</th>
-                                                <th>订单状态</th>
-                                                <th></th>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                            <tr>
-                                                <td><button class="expand-btn" onclick="toggleSubExpand(this)">▼</button></td>
-                                                <td>1</td>
-                                                <td>订单详细编号</td>
-                                                <td>店铺名称</td>
-                                                <td><span class="status-tag status-completed">完成</span></td>
-                                                <td></td>
-                                            </tr>
-                                        </tbody>
-                                    </table>
-                                    <table class="sub-table" style="display: none;">
+                                    <table class="sub-table">
                                         <thead>
                                             <tr>
                                                 <th></th>
@@ -792,7 +733,7 @@
                         </tr>
 
                         <tr>
-                            <td><button class="expand-btn" onclick="toggleExpand(this)">▼</button></td>
+                            <td><button class="expand-btn" onclick="toggleShopExpand(this)">▼</button></td>
                             <td>4</td>
                             <td>21120250718172950562355</td>
                             <td>2025-07-18 17:29:23</td>
@@ -813,29 +754,7 @@
                         <tr class="expandable-row" style="display: none;">
                             <td colspan="16">
                                 <div class="nested-table-wrapper">
-                                    <table class="sub-table order-detail-header">
-                                        <thead>
-                                            <tr>
-                                                <th></th>
-                                                <th>序号</th>
-                                                <th>订单编号</th>
-                                                <th>店铺名称</th>
-                                                <th>订单状态</th>
-                                                <th></th>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                            <tr>
-                                                <td><button class="expand-btn" onclick="toggleSubExpand(this)">▼</button></td>
-                                                <td>1</td>
-                                                <td>订单详细编号</td>
-                                                <td>店铺名称</td>
-                                                <td><span class="status-tag status-completed">完成</span></td>
-                                                <td></td>
-                                            </tr>
-                                        </tbody>
-                                    </table>
-                                    <table class="sub-table" style="display: none;">
+                                    <table class="sub-table">
                                         <thead>
                                             <tr>
                                                 <th></th>
@@ -890,7 +809,7 @@
                         </tr>
 
                         <tr>
-                            <td><button class="expand-btn" onclick="toggleExpand(this)">▼</button></td>
+                            <td><button class="expand-btn" onclick="toggleShopExpand(this)">▼</button></td>
                             <td>5</td>
                             <td>21120250717120850567740</td>
                             <td>2025-07-17 12:08:07</td>
@@ -911,29 +830,7 @@
                         <tr class="expandable-row" style="display: none;">
                             <td colspan="16">
                                 <div class="nested-table-wrapper">
-                                    <table class="sub-table order-detail-header">
-                                        <thead>
-                                            <tr>
-                                                <th></th>
-                                                <th>序号</th>
-                                                <th>订单编号</th>
-                                                <th>店铺名称</th>
-                                                <th>订单状态</th>
-                                                <th></th>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                            <tr>
-                                                <td><button class="expand-btn" onclick="toggleSubExpand(this)">▼</button></td>
-                                                <td>1</td>
-                                                <td>订单详细编号</td>
-                                                <td>店铺名称</td>
-                                                <td><span class="status-tag status-completed">完成</span></td>
-                                                <td></td>
-                                            </tr>
-                                        </tbody>
-                                    </table>
-                                    <table class="sub-table" style="display: none;">
+                                    <table class="sub-table">
                                         <thead>
                                             <tr>
                                                 <th></th>
@@ -1068,22 +965,44 @@
             }
         }
 
-        // 店铺订单展开功能（店铺订单展开商品订单）
+        // 订单展开功能
         function toggleShopExpand(btn) {
             const currentRow = btn.closest('tr');
+
+            // 如果是结算订单行（主表格中的行），展开/收起店铺订单表格
+            if (currentRow.closest('table').classList.contains('order-table')) {
+                const nextRow = currentRow.nextElementSibling;
+                if (nextRow && nextRow.classList.contains('expandable-row')) {
+                    const isVisible = nextRow.style.display !== 'none';
+
+                    if (isVisible) {
+                        nextRow.style.display = 'none';
+                        btn.innerHTML = '▼';
+                    } else {
+                        nextRow.style.display = 'table-row';
+                        btn.innerHTML = '▲';
+                    }
+                }
+                return;
+            }
+
+            // 如果是店铺订单行（子表格中的行），展开/收起商品订单表格
             const tableWrapper = currentRow.closest('.nested-table-wrapper');
-            const tables = tableWrapper.querySelectorAll('.sub-table');
-            let productTable = tables[tables.length - 1]; // 获取最后一个表格（商品订单表格）
+            if (tableWrapper) {
+                // 查找商品订单表格（第二个sub-table）
+                const subTables = tableWrapper.querySelectorAll('.sub-table');
+                const productTable = subTables[1]; // 第二个表格是商品订单表格
 
-            if (productTable) {
-                const isVisible = productTable.style.display !== 'none';
+                if (productTable) {
+                    const isVisible = productTable.style.display === 'table';
 
-                if (isVisible) {
-                    productTable.style.display = 'none';
-                    btn.innerHTML = '▼';
-                } else {
-                    productTable.style.display = 'table';
-                    btn.innerHTML = '▲';
+                    if (isVisible) {
+                        productTable.style.display = 'none';
+                        btn.innerHTML = '▼';
+                    } else {
+                        productTable.style.display = 'table';
+                        btn.innerHTML = '▲';
+                    }
                 }
             }
         }