diff --git a/H5/1 工作台/1.1 会员管理/1.1.4 积分订单/四级订单详情页面.html b/H5/1 工作台/1.1 会员管理/1.1.4 积分订单/四级订单详情页面.html new file mode 100644 index 0000000..0c0d2cb --- /dev/null +++ b/H5/1 工作台/1.1 会员管理/1.1.4 积分订单/四级订单详情页面.html @@ -0,0 +1,568 @@ + + + + + + 订单详情 - 四级订单关系 + + + +
+
+

订单详情查看

+

四级订单关系展示

+
+ + +
+
+

总订单 #TO202401150001

+
+
+
+
+ + TO202401150001 +
+
+ + ¥289.50 +
+
+ + -¥20.00 +
+
+ + -¥5.00 +
+
+ + ¥8.00 +
+
+ + ¥272.50 +
+
+ + 2024-01-15 14:30:25 +
+
+ + 2024-01-15 16:00:00 +
+
+ + 2.3km +
+
+ + 配送中 +
+
+ + +
+
+

结算单位订单 #1 - 大妈集市结算单位

+
+
+
+
+ + 1 +
+
+ + 大妈集市结算单位 +
+
+ + +
+
+
店铺订单 #1 - 牛牛蔬菜店
+
+
+
+
+ + 1 +
+
+ + 牛牛蔬菜店 +
+
+ + +
+
+
商品订单 #PO202401150001001
+
+
+
+
+ + PO202401150001001 +
+
+ + 有机白菜 +
+
+ + ¥12.50 +
+
+ + 2份 +
+
+ + -¥2.00 +
+
+ + -¥1.00 +
+
+ + ¥22.00 +
+
+
+
+ +
+
+
商品订单 #PO202401150001002
+
+
+
+
+ + PO202401150001002 +
+
+ + 新鲜胡萝卜 +
+
+ + ¥8.90 +
+
+ + 3份 +
+
+ + -¥3.00 +
+
+ + -¥1.50 +
+
+ + ¥22.20 +
+
+
+
+
+
+ + +
+
+
店铺订单 #2 - 鲜果时光店
+
+
+
+
+ + 2 +
+
+ + 鲜果时光店 +
+
+ +
+
+
商品订单 #PO202401150002001
+
+
+
+
+ + PO202401150002001 +
+
+ + 进口苹果 +
+
+ + ¥15.80 +
+
+ + 2斤 +
+
+ + -¥5.00 +
+
+ + -¥1.50 +
+
+ + ¥25.10 +
+
+
+
+
+
+
+
+
+
+
+ + + + \ No newline at end of file diff --git a/web/2.1 营销工具/2.1.1 会员功能/积分订单/总订单查看.html b/web/2.1 营销工具/2.1.1 会员功能/积分订单/总订单查看.html index 4de15e2..7ff7439 100644 --- a/web/2.1 营销工具/2.1.1 会员功能/积分订单/总订单查看.html +++ b/web/2.1 营销工具/2.1.1 会员功能/积分订单/总订单查看.html @@ -88,7 +88,7 @@ transform: rotate(90deg); } - /* 第二级表格样式 */ + /* 第二级表格样式 - 结算单位订单 */ .level-2-container { display: none; background: #f8f9fa; @@ -119,7 +119,7 @@ color: #212529; } - /* 第三级表格样式 */ + /* 第三级表格样式 - 店铺订单 */ .level-3-container { display: none; background: #ffffff; @@ -137,7 +137,7 @@ .level-3-table th { background: #f1f3f4; padding: 8px 6px; - text-align: center; + text-align: left; border-bottom: 1px solid #dee2e6; font-weight: 600; color: #495057; @@ -146,6 +146,38 @@ .level-3-table td { padding: 8px 6px; + text-align: left; + border-bottom: 1px solid #dee2e6; + color: #212529; + } + + /* 第四级表格样式 - 商品订单 */ + .level-4-container { + display: none; + background: #fafafa; + border-top: 1px solid #dee2e6; + } + + .level-4-table { + width: 100%; + border-collapse: collapse; + margin-left: 90px; + font-size: 12px; + table-layout: auto; + } + + .level-4-table th { + background: #eeeeee; + padding: 6px 4px; + text-align: center; + border-bottom: 1px solid #dee2e6; + font-weight: 600; + color: #495057; + font-size: 11px; + } + + .level-4-table td { + padding: 6px 4px; text-align: center; border-bottom: 1px solid #dee2e6; color: #212529; @@ -172,7 +204,8 @@ } .level-2-table, - .level-3-table { + .level-3-table, + .level-4-table { margin-left: 15px; } @@ -188,6 +221,12 @@ font-size: 11px; } + .level-4-table th, + .level-4-table td { + padding: 4px 2px; + font-size: 10px; + } + .product-image { width: 30px; height: 30px; @@ -217,6 +256,10 @@ background: #ffc107; } + .level-4-indicator:before { + background: #dc3545; + } + .order-level-badge { display: inline-block; padding: 2px 6px; @@ -240,6 +283,11 @@ background: #fff3e0; color: #f57c00; } + + .level-4-badge { + background: #ffebee; + color: #d32f2f; + } @@ -283,58 +331,81 @@ 已完成 - - + + - + - +
序号店铺名称名称
- 店铺 + 结算单位 ▶ 1牛牛蔬菜店大妈集市结算单位
- + - - - - - - - - - - - + + + - - - - - - - - - - + + + + + + @@ -350,7 +421,7 @@
序号商品订单号商品名称商品原价优惠券减免积分减免商品终价商品订单金额商品数量商品单价商品图片序号店铺名称
商品111420250719153384802014上海青约300g20.10.11.81-
- 蔬菜图片 + 店铺 + ▶ + 1牛牛蔬菜店
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
序号商品订单号商品名称商品原价优惠券减免积分减免商品终价商品订单金额商品数量商品图片
商品111420250719153384802014上海青约300g20.10.11.81- + 蔬菜图片 +