From c6e022f815b4e323425d06caff0e660848873f58 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Fri, 17 Jul 2026 17:08:01 +0800
Subject: [PATCH] =?UTF-8?q?feat(store):=20=E9=97=A8=E5=BA=97=E8=AE=A2?=
 =?UTF-8?q?=E5=8D=95=E9=A1=B5=E6=96=B0=E5=A2=9E=E4=BB=98=E6=AC=BE=E5=87=AD?=
 =?UTF-8?q?=E8=AF=81=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在订单详情买家备注下方添加付款凭证展示区域
- 付款凭证区域背景为绿色（bg-green-50），仅在有凭证时显示
- 支持点击付款凭证图片预览大图
- 修复之前只展示送达凭证未展示付款凭证的问题
---
 .workbuddy/memory/2026-07-17.md  |  4 ++++
 src/pages/store/orders/index.tsx | 16 ++++++++++++++++
 2 files changed, 20 insertions(+)

diff --git a/.workbuddy/memory/2026-07-17.md b/.workbuddy/memory/2026-07-17.md
index c5f0cd4..97b58a8 100644
--- a/.workbuddy/memory/2026-07-17.md
+++ b/.workbuddy/memory/2026-07-17.md
@@ -149,3 +149,7 @@
   - 恢复独立改价弹窗（订单信息 + 新金额输入 + 改价原因备注）
   - 确认收款弹窗去掉「实付金额」输入框，`submitOperation` 中 confirmPay 分支去掉改价逻辑
   - 改价按钮样式：橙色背景白字 `bg-orange-500`
+
+### 门店订单页：付款凭证(paymentVoucher)未显示
+- **问题**：`renderOrderCard` 中只展示了 `sendEndImg`（配送/送达凭证），没有展示 `paymentVoucher`（付款凭证）。后端 `ShopOrder.paymentVoucher` 字段已正确保存和返回
+- **修复**：在买家备注下方、送达凭证上方新增付款凭证展示区域（绿色背景 `bg-green-50`），仅当 `order.paymentVoucher` 有值时渲染，支持点击预览大图
diff --git a/src/pages/store/orders/index.tsx b/src/pages/store/orders/index.tsx
index c398ed9..f017880 100644
--- a/src/pages/store/orders/index.tsx
+++ b/src/pages/store/orders/index.tsx
@@ -639,6 +639,22 @@ export default function StoreOrdersPage() {
                     </View>
                 )}
 
+                {/* 付款凭证（线下付款确认收款后显示） */}
+                {order.paymentVoucher && (
+                    <View className='bg-green-50 rounded-lg p-3 mb-3'>
+                        <Text className='text-xs text-green-500 mb-2 block'>付款凭证：</Text>
+                        <Image
+                            className='w-20 h-20 rounded-lg bg-gray-100'
+                            src={getCompressedImageUrl(order.paymentVoucher)}
+                            mode='aspectFill'
+                            onClick={() => Taro.previewImage({
+                                current: order.paymentVoucher!,
+                                urls: [order.paymentVoucher!]
+                            })}
+                        />
+                    </View>
+                )}
+
                 {/* 送达凭证（已完成订单） */}
                 {order.sendEndImg && (() => {
                     const imgs = parseSendEndImg(order.sendEndImg)