feat(shop): 优化店铺订单列表展示

- 在订单列表中为创建时间和支付时间添加双行显示
- 为订单编号列设置固定宽度200px提升可读性
- 移除独立的支付时间列并整合到时间信息中
- 添加订单状态条件限制发货操作的显示逻辑
- 为创建时间字段设置固定宽度180px便于排序查看
This commit is contained in:
2026-03-09 12:47:15 +08:00
parent 50e358cbff
commit 028620f12d

View File

@@ -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)