feat(shop): 添加订单状态字段和展示功能

- 在资金模型中新增订单状态字段(orderStatus)及注释说明
- 实现订单状态标签展示组件,支持8种不同状态的可视化显示
- 添加订单状态表格列,设置固定宽度便于查看
- 更新开发环境配置中的API地址设置
This commit is contained in:
2026-03-16 13:30:01 +08:00
parent 05b9be7c2e
commit 312e2934a9
3 changed files with 34 additions and 4 deletions

View File

@@ -1,5 +1,5 @@
VITE_APP_NAME=后台管理(开发环境)
#VITE_API_URL=http://127.0.0.1:9200/api
VITE_API_URL=http://127.0.0.1:9200/api
#VITE_SERVER_API_URL=http://127.0.0.1:8000/api

View File

@@ -14,6 +14,8 @@ export interface ShopDealerCapital {
orderId?: number;
// 订单编号
orderNo?: string;
// 订单状态 (1已完成 4退款申请中 6已退款)
orderStatus?: number;
// 资金流动类型 (10佣金收入 20提现支出 30转账支出 40转账收入)
flowType?: number;
// 金额

View File

@@ -26,9 +26,30 @@
<template v-if="column.key === 'userId'">
<div>{{ record.nickName }}({{ record.userId }})</div>
</template>
<template v-if="column.key === 'status'">
<a-tag v-if="record.status === 0" color="green">显示</a-tag>
<a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
<template v-if="column.key === 'orderStatus'">
<a-space :size="6" wrap>
<!-- 订单状态 -->
<a-tag v-if="record.orderStatus === 0">未完成</a-tag>
<a-tag v-if="record.orderStatus === 1" color="green"
>已完成</a-tag
>
<a-tag v-if="record.orderStatus === 2">已关闭</a-tag>
<a-tag v-if="record.orderStatus === 3" color="red"
>关闭中</a-tag
>
<a-tag v-if="record.orderStatus === 4" color="red"
>退款申请中</a-tag
>
<a-tag v-if="record.orderStatus === 5" color="red"
>退款被拒绝</a-tag
>
<a-tag v-if="record.orderStatus === 6" color="orange"
>已退款</a-tag
>
<a-tag v-if="record.orderStatus === 7" color="pink"
>客户端申请退款</a-tag
>
</a-space>
</template>
<template v-if="column.key === 'action'">
<a-space>
@@ -198,6 +219,13 @@
key: 'createTime',
align: 'center',
sorter: true
},
{
title: '订单状态',
dataIndex: 'orderStatus',
key: 'orderStatus',
align: 'center',
width: 90
}
// {
// title: '操作',