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 === 1" color="red">隐藏</a-tag>
|
||||
</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'">
|
||||
<a-space>
|
||||
<!-- 查看详情 - 所有状态都可以查看 -->
|
||||
@@ -176,6 +186,7 @@
|
||||
v-if="
|
||||
record.payStatus &&
|
||||
record.deliveryStatus === 10 &&
|
||||
record.orderStatus === 0 &&
|
||||
!isCancelledStatus(record.orderStatus) &&
|
||||
!isRefundStatus(record.orderStatus)
|
||||
"
|
||||
@@ -349,6 +360,7 @@
|
||||
title: '订单编号',
|
||||
dataIndex: 'orderNo',
|
||||
key: 'orderNo',
|
||||
width: 200,
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
@@ -388,19 +400,11 @@
|
||||
// key: 'comments',
|
||||
// align: 'center',
|
||||
// },
|
||||
// {
|
||||
// title: '支付时间',
|
||||
// dataIndex: 'payTime',
|
||||
// key: 'payTime',
|
||||
// align: 'center',
|
||||
// width: 180,
|
||||
// sorter: true,
|
||||
// ellipsis: true
|
||||
// },
|
||||
{
|
||||
title: '下单时间',
|
||||
dataIndex: 'createTime',
|
||||
key: 'createTime',
|
||||
width: 180,
|
||||
align: 'center',
|
||||
sorter: true,
|
||||
customRender: ({ text }) => toDateString(text)
|
||||
|
||||
Reference in New Issue
Block a user