feat(shop): 支持货到付款支付类型及状态展示

- 在订单状态中新增货到付款标签区分
- 已付款状态中增加针对货到付款的待收货付款标签
- 订单支付类型展示中添加货到付款蓝色标签
- 更新支付类型列表,新增货到付款及调整相关标签名称
- 修复支付类型获取函数安全性,防止索引异常失败
This commit is contained in:
2026-07-14 19:26:24 +08:00
parent db0d2d3773
commit 3989c755e8
2 changed files with 43 additions and 69 deletions

View File

@@ -88,14 +88,27 @@
<template v-if="column.key === 'statusInfo'">
<div class="py-1">
<a-space :size="6" wrap>
<!-- 货到付款标识 -->
<a-tag
v-if="record.payType === 8"
color="blue"
>货到付款</a-tag>
<!-- 支付状态 -->
<a-tag
v-if="record.payStatus == 1"
v-if="record.payStatus == 1 && record.payType !== 8"
color="green"
@click.stop="updatePayStatus(record)"
class="cursor-pointer"
>已付款</a-tag
>
<a-tag
v-else-if="record.payStatus == 1 && record.payType === 8"
color="green"
@click.stop="updatePayStatus(record)"
class="cursor-pointer"
>待收货付款</a-tag
>
<a-tag
v-else-if="record.payStatus == 0 || record.payStatus == null"
@click.stop="updatePayStatus(record)"
@@ -169,14 +182,20 @@
</template>
</template>
<template v-if="column.key === 'payType'">
<template v-for="item in getPayType()">
<template v-if="record.payStatus == 1">
<span v-if="item.value == record.payType">{{
item.label
}}</span>
</template>
<template v-else>
<span></span>
<!-- 货到付款特殊标识 -->
<template v-if="record.payType === 8">
<a-tag color="blue">货到付款</a-tag>
</template>
<template v-else>
<template v-for="item in getPayType()">
<template v-if="record.payStatus == 1">
<span v-if="item.value == record.payType">{{
item.label
}}</span>
</template>
<template v-else>
<span></span>
</template>
</template>
</template>
</template>