admin123
/
shop-front-end
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(订单页面): 优化支付方式显示 

在订单页面中，支付方式的显示由直接显示原始值改为显示更易读的中文描述（如“微信支付”、“余额支付”）。这提升了用户体验，使支付方式更直观易懂。
This commit is contained in:
dzq 2025-04-21 17:18:48 +08:00
parent bad63e65d7
commit 524e5dd84b
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/shop/order/index.vue
View File

@ -133,7 +133,11 @@ getList();
</el-tag> </el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="支付方式" prop="paymentMethod" width="120" /> <el-table-column label="支付方式" prop="paymentMethod" width="120">
<template #default="{ row }">
{{ { wechat: '微信支付', balance: '余额支付' }[row.paymentMethod] || row.paymentMethod }}
</template>
</el-table-column>
<el-table-column label="支付时间" prop="payTime" width="180"> <el-table-column label="支付时间" prop="payTime" width="180">
<template #default="{ row }"> <template #default="{ row }">
{{ row.payTime ? new Date(row.payTime).toLocaleString() : '-' }} {{ row.payTime ? new Date(row.payTime).toLocaleString() : '-' }}