feat(shop): 优化店铺订单列表展示
- 在订单列表中为创建时间和支付时间添加双行显示 - 为订单编号列设置固定宽度200px提升可读性 - 移除独立的支付时间列并整合到时间信息中 - 添加订单状态条件限制发货操作的显示逻辑 - 为创建时间字段设置固定宽度180px便于排序查看
This commit is contained in:
@@ -156,6 +156,16 @@
|
|||||||
<a-tag v-if="record.status === 0" color="green">显示</a-tag>
|
<a-tag v-if="record.status === 0" color="green">显示</a-tag>
|
||||||
<a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
|
<a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
|
||||||
</template>
|
</template>
|
||||||
|
<template v-if="column.key === 'createTime'">
|
||||||
|
<div class="flex flex-col">
|
||||||
|
<a-tooltip title="创建时间">
|
||||||
|
<span class="text-gray-400">{{ record.createTime }}</span>
|
||||||
|
</a-tooltip>
|
||||||
|
<a-tooltip title="支付时间">
|
||||||
|
<span class="text-blue-400">{{ record.payTime }}</span>
|
||||||
|
</a-tooltip>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
<template v-if="column.key === 'action'">
|
<template v-if="column.key === 'action'">
|
||||||
<a-space>
|
<a-space>
|
||||||
<!-- 查看详情 - 所有状态都可以查看 -->
|
<!-- 查看详情 - 所有状态都可以查看 -->
|
||||||
@@ -176,6 +186,7 @@
|
|||||||
v-if="
|
v-if="
|
||||||
record.payStatus &&
|
record.payStatus &&
|
||||||
record.deliveryStatus === 10 &&
|
record.deliveryStatus === 10 &&
|
||||||
|
record.orderStatus === 0 &&
|
||||||
!isCancelledStatus(record.orderStatus) &&
|
!isCancelledStatus(record.orderStatus) &&
|
||||||
!isRefundStatus(record.orderStatus)
|
!isRefundStatus(record.orderStatus)
|
||||||
"
|
"
|
||||||
@@ -349,6 +360,7 @@
|
|||||||
title: '订单编号',
|
title: '订单编号',
|
||||||
dataIndex: 'orderNo',
|
dataIndex: 'orderNo',
|
||||||
key: 'orderNo',
|
key: 'orderNo',
|
||||||
|
width: 200,
|
||||||
align: 'center'
|
align: 'center'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -388,19 +400,11 @@
|
|||||||
// key: 'comments',
|
// key: 'comments',
|
||||||
// align: 'center',
|
// align: 'center',
|
||||||
// },
|
// },
|
||||||
// {
|
|
||||||
// title: '支付时间',
|
|
||||||
// dataIndex: 'payTime',
|
|
||||||
// key: 'payTime',
|
|
||||||
// align: 'center',
|
|
||||||
// width: 180,
|
|
||||||
// sorter: true,
|
|
||||||
// ellipsis: true
|
|
||||||
// },
|
|
||||||
{
|
{
|
||||||
title: '下单时间',
|
title: '下单时间',
|
||||||
dataIndex: 'createTime',
|
dataIndex: 'createTime',
|
||||||
key: 'createTime',
|
key: 'createTime',
|
||||||
|
width: 180,
|
||||||
align: 'center',
|
align: 'center',
|
||||||
sorter: true,
|
sorter: true,
|
||||||
customRender: ({ text }) => toDateString(text)
|
customRender: ({ text }) => toDateString(text)
|
||||||
|
|||||||
Reference in New Issue
Block a user