feat(jd-order): 更新订单状态及历史记录展示逻辑

- 修改cookie历史记录中“替换”为“换绑”
- 新增订单历史中的“待支付”状态图标与样式
- 更新订单详情和列表中状态标签的颜色和文案
- 在订单历史抽屉中增加库存问题状态的图标和颜色配置
- 调整订单状态筛选选项,新增“下单京东订单失败”和“库存问题”两项
- 替换订单历史中“重新绑定”为“绑定”,并更新相关显示逻辑
This commit is contained in:
danial
2025-10-19 00:45:07 +08:00
parent ac7e80661c
commit 1059a702d0
5 changed files with 41 additions and 16 deletions

View File

@@ -216,7 +216,7 @@ const getChangeTypeText = (
case KamiApiJdCookieV1CookieHistoryInfoChangeTypeEnum.Delete:
return '删除';
case KamiApiJdCookieV1CookieHistoryInfoChangeTypeEnum.Replaced:
return '换';
return '换';
default:
return changeType || '未知';
}

View File

@@ -31,6 +31,10 @@
v-else-if="item.changeType === 'unbind'"
:style="{ color: '#ff7d00', fontSize: '16px' }"
/>
<icon-clock-circle
v-else-if="item.changeType === 'pendPay'"
:style="{ color: '#ff7d00', fontSize: '16px' }"
/>
<icon-check-circle
v-else-if="item.changeType === 'pay'"
:style="{ color: '#00b42a', fontSize: '16px' }"
@@ -201,6 +205,7 @@ const getStatusColor = (changeType?: string): string => {
create: 'green', // 创建
bind: 'blue', // 绑定
unbind: 'orange', // 解绑
pendPay: 'orange', // 待支付
pay: 'green', // 支付
expire: 'red', // 过期
invalid: 'gray', // 失效
@@ -216,6 +221,7 @@ const getStatusText = (changeType?: string): string => {
create: '创建',
bind: '绑定',
unbind: '解绑',
pendPay: '待支付',
pay: '支付',
expire: '过期',
invalid: '失效',
@@ -231,6 +237,7 @@ const getTimelineDotColor = (changeType?: string): string => {
create: '#00b42a', // 创建
bind: '#165dff', // 绑定
unbind: '#ff7d00', // 解绑
pendPay: '#ff7d00', // 待支付
pay: '#00b42a', // 支付
expire: '#f53f3f', // 过期
invalid: '#86909c', // 失效

View File

@@ -32,9 +32,13 @@
<a-tag v-else-if="orderData.status === 2" color="green">已支付</a-tag>
<a-tag v-else-if="orderData.status === 3" color="red">已过期</a-tag>
<a-tag v-else-if="orderData.status === 4" color="gray">已取消</a-tag>
<a-tag v-else-if="orderData.status === 5" color="purple">
Cookie账号Ck失败
<a-tag v-else-if="orderData.status === 5" color="orange">
cookie失效
</a-tag>
<a-tag v-else-if="orderData.status === 6" color="red">
下单京东订单失败
</a-tag>
<a-tag v-else-if="orderData.status === 7" color="red">库存问题</a-tag>
<a-tag v-else color="gray">未知</a-tag>
</a-descriptions-item>
<a-descriptions-item label="最后请求时间">

View File

@@ -24,7 +24,7 @@
:style="{ color: '#00b42a', fontSize: '16px' }"
/>
<icon-link
v-else-if="item.changeType === 'rebind'"
v-else-if="item.changeType === 'bind'"
:style="{ color: '#165dff', fontSize: '16px' }"
/>
<icon-check-circle
@@ -43,6 +43,10 @@
v-else-if="item.changeType === 'jd_order_failed'"
:style="{ color: '#f53f3f', fontSize: '16px' }"
/>
<icon-minus-circle
v-else-if="item.changeType === 'stock_failed'"
:style="{ color: '#f53f3f', fontSize: '16px' }"
/>
<icon-more v-else :style="{ color: '#86909c', fontSize: '16px' }" />
</template>
@@ -110,6 +114,7 @@ import {
IconClockCircle,
IconCloseCircle,
IconExclamationCircle,
IconMinusCircle,
IconSync,
IconMore
} from '@arco-design/web-vue/es/icon';
@@ -188,11 +193,12 @@ const onPageSizeChange = (size: number) => {
const getStatusColor = (changeType?: string): string => {
const colorMap: Record<string, string> = {
create: 'green', // 创建
rebind: 'blue', // 重新绑定
pay: 'green', // 支付
expire: 'red', // 过期
ck_failed: 'orange', // cookie失效
jd_order_failed: 'red' // 下单京东订单失败
bind: 'blue', // 绑定
ck_failed: 'orange', // Ck失败
jd_order_failed: 'red', // 下单京东订单失败
stock_failed: 'red' // 库存问题
};
return colorMap[changeType || ''] || 'gray';
};
@@ -201,11 +207,12 @@ const getStatusColor = (changeType?: string): string => {
const getStatusText = (changeType?: string): string => {
const textMap: Record<string, string> = {
create: '创建',
rebind: '重新绑定',
pay: '支付',
expire: '过期',
ck_failed: 'cookie失效',
jd_order_failed: '下单京东订单失败'
bind: '绑定',
ck_failed: 'Ck失败',
jd_order_failed: '下单京东订单失败',
stock_failed: '库存问题'
};
return textMap[changeType || ''] || '未知状态';
};
@@ -214,11 +221,12 @@ const getStatusText = (changeType?: string): string => {
const getTimelineDotColor = (changeType?: string): string => {
const colorMap: Record<string, string> = {
create: '#00b42a', // 创建
rebind: '#165dff', // 重新绑定
pay: '#00b42a', // 支付
expire: '#f53f3f', // 过期
ck_failed: '#ff7d00', // cookie失效
jd_order_failed: '#f53f3f' // 下单京东订单失败
bind: '#165dff', // 绑定
ck_failed: '#ff7d00', // Ck失败
jd_order_failed: '#f53f3f', // 下单京东订单失败
stock_failed: '#f53f3f' // 库存问题
};
return colorMap[changeType || ''] || '#86909c';
};

View File

@@ -30,7 +30,9 @@
<a-option :value="2">已支付</a-option>
<a-option :value="3">已过期</a-option>
<a-option :value="4">已取消</a-option>
<a-option :value="5">Cookie账号Ck失败</a-option>
<a-option :value="5">cookie失效</a-option>
<a-option :value="6">下单京东订单失败</a-option>
<a-option :value="7">库存问题</a-option>
</a-select>
</a-form-item>
</a-col>
@@ -85,9 +87,13 @@
<a-tag v-else-if="record.status === 2" color="green">已支付</a-tag>
<a-tag v-else-if="record.status === 3" color="red">已过期</a-tag>
<a-tag v-else-if="record.status === 4" color="gray">已取消</a-tag>
<a-tag v-else-if="record.status === 5" color="purple">
Cookie账号Ck失败
<a-tag v-else-if="record.status === 5" color="orange">
cookie失效
</a-tag>
<a-tag v-else-if="record.status === 6" color="red">
下单京东订单失败
</a-tag>
<a-tag v-else-if="record.status === 7" color="red">库存问题</a-tag>
<a-tag v-else color="gray">未知</a-tag>
</template>
<template #amount="{ record }">