feat(store): 门店订单页新增付款凭证展示

- 在订单详情买家备注下方添加付款凭证展示区域
- 付款凭证区域背景为绿色(bg-green-50),仅在有凭证时显示
- 支持点击付款凭证图片预览大图
- 修复之前只展示送达凭证未展示付款凭证的问题
This commit is contained in:
2026-07-17 17:08:01 +08:00
parent 0d0c4b327a
commit c6e022f815
2 changed files with 20 additions and 0 deletions

View File

@@ -149,3 +149,7 @@
- 恢复独立改价弹窗(订单信息 + 新金额输入 + 改价原因备注)
- 确认收款弹窗去掉「实付金额」输入框,`submitOperation` 中 confirmPay 分支去掉改价逻辑
- 改价按钮样式:橙色背景白字 `bg-orange-500`
### 门店订单页:付款凭证(paymentVoucher)未显示
- **问题**`renderOrderCard` 中只展示了 `sendEndImg`(配送/送达凭证),没有展示 `paymentVoucher`(付款凭证)。后端 `ShopOrder.paymentVoucher` 字段已正确保存和返回
- **修复**:在买家备注下方、送达凭证上方新增付款凭证展示区域(绿色背景 `bg-green-50`),仅当 `order.paymentVoucher` 有值时渲染,支持点击预览大图

View File

@@ -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)