zzc/api-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: order page
All checks were successful
continuous-integration/drone/tag Build is passing
Details

Browse Source
This commit is contained in:
zzc
2026-02-21 01:07:34 +08:00
parent 1800a7faa4
commit ce3a5f9c34
1 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/spring/user/order/index.vue
View File

@@ -19,7 +19,7 @@
<el-table v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText">
<el-table-column align="center" label="订单号" prop="outTradeNo" show-overflow-tooltip />
<el-table-column align="center" label="用户信息" min-width="150">
<el-table-column align="center" label="用户信息">
<template #default="{ row }">
<div v-if="row.detail" style="display: flex; align-items: center; justify-content: center">
<img
@@ -29,22 +29,25 @@
/>
<div style="text-align: left">
<div>{{ row.detail.nickname || row.userId }}</div>
<div style="font-size: 12px; color: #909399">ID: {{ row.userId }}</div>
<div style="font-size: 12px; color: #909399">
ID:
<el-link type="primary" :underline="false" @click="goToUser(row.userId)">{{ row.userId }}</el-link>
</div>
</div>
<span v-else>{{ row.userId }}</span>
</div>
<el-link v-else type="primary" :underline="false" @click="goToUser(row.userId)">{{ row.userId }}</el-link>
</template>
</el-table-column>
<el-table-column align="center" label="商品描述" min-width="150" prop="description" show-overflow-tooltip />
<el-table-column align="center" label="商品描述" prop="description" show-overflow-tooltip />
<el-table-column align="center" label="金额" min-width="150" prop="totalAmount" width="100">
<el-table-column align="center" label="金额" prop="totalAmount" width="120">
<template #default="{ row }">
<span style="color: #f56c6c; font-weight: bold">¥{{ (row.totalAmount / 100).toFixed(2) }}</span>
</template>
</el-table-column>
<el-table-column align="center" label="支付渠道" width="120">
<el-table-column align="center" label="支付渠道">
<template #default="{ row }">
<el-tag v-if="row.provider === 'wechat'" size="small" type="success">微信</el-tag>
<el-tag v-else-if="row.provider === 'alipay'" size="small" type="primary">支付宝</el-tag>
@@ -54,7 +57,7 @@
</template>
</el-table-column>
<el-table-column align="center" label="状态" prop="tradeState" width="100">
<el-table-column align="center" label="状态" prop="tradeState" width="120">
<template #default="{ row }">
<el-tag v-if="row.tradeState === 'SUCCESS'" type="success">支付成功</el-tag>
<el-tag v-else-if="row.tradeState === 'REFUND'" type="warning">已退款</el-tag>
@@ -65,13 +68,13 @@
</template>
</el-table-column>
<el-table-column align="center" label="VIP计划" prop="vipPlanId" show-overflow-tooltip width="120">
<el-table-column align="center" label="VIP计划" prop="vipPlanId" show-overflow-tooltip width="140">
<template #default="{ row }">
{{ row.vipPlanId || '-' }}
</template>
</el-table-column>
<el-table-column align="center" label="创建时间" prop="createdAt" width="160">
<el-table-column align="center" label="创建时间" prop="createdAt" width="170">
<template #default="{ row }">
{{ formatTime(row.createdAt) }}
</template>
@@ -143,6 +146,12 @@
this.listLoading = false
}
},
goToUser(userId) {
this.$router.push({
path: '/spring/user/user',
query: { userId },
})
},
},
}
</script>