feat(store): 门店订单页新增付款凭证展示
- 在订单详情买家备注下方添加付款凭证展示区域 - 付款凭证区域背景为绿色(bg-green-50),仅在有凭证时显示 - 支持点击付款凭证图片预览大图 - 修复之前只展示送达凭证未展示付款凭证的问题
This commit is contained in:
@@ -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)
|
||||
|
||||
Reference in New Issue
Block a user