feat(order): 更新订单列表用户信息展示

- 添加昵称和兼容name字段到用户模型
- 实现用户头像、昵称、手机号等完整信息展示
- 将原name列改为userInfo列并优化布局
- 移除独立的phone列以整合用户信息显示
- 添加用户ID显示和点击搜索功能
- 优化用户信息区域样式和交互体验
This commit is contained in:
2026-02-09 21:47:18 +08:00
parent e2f7bfb3c7
commit d738784730
2 changed files with 37 additions and 10 deletions

View File

@@ -37,6 +37,10 @@ export interface ShopOrder {
icCard?: string;
// 头像
avatar?: string;
// 昵称(部分接口会返回)
nickname?: string;
// 兼容字段:部分接口可能返回 name
name?: string;
// 真实姓名
realName?: string;
// 手机号码

View File

@@ -31,10 +31,33 @@
>
<template #toolbar> </template>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'name'">
<div @click="onSearch(record)" class="cursor-pointer">{{
record.name || '匿名'
}}</div>
<template v-if="column.key === 'userInfo'">
<a-space :size="8">
<a-avatar
v-if="record.avatar"
:src="record.avatar"
shape="square"
/>
<div class="leading-tight">
<div class="cursor-pointer" @click.stop="onSearch(record)">
{{
record.nickname ||
record.realName ||
record.name ||
'匿名'
}}
<span v-if="record.userId" class="text-gray-400">
(ID:{{ record.userId }})
</span>
</div>
<div
v-if="record.mobile || record.phone"
class="text-gray-500 text-xs"
>
{{ record.mobile || record.phone }}
</div>
</div>
</a-space>
</template>
<template v-if="column.key === 'orderGoods'">
<template v-for="(item, index) in record.orderGoods" :key="index">
@@ -46,12 +69,6 @@
</div>
</template>
</template>
<template v-if="column.key === 'phone'">
<div v-if="record.mobile" class="text-gray-400">{{
record.mobile
}}</div>
<div v-else class="text-gray-600">{{ record.phone }}</div>
</template>
<template v-if="column.key === 'payType'">
<template v-for="item in getPayType()">
<template v-if="record.payStatus == 1">
@@ -326,6 +343,12 @@
key: 'orderNo',
align: 'center'
},
{
title: '用户信息',
dataIndex: 'userId',
key: 'userInfo',
width: 220
},
{
title: '商品信息',
dataIndex: 'orderGoods',