Compare commits
21 Commits
master
..
8254fedb5f
| Author | SHA1 | Date | |
|---|---|---|---|
| 8254fedb5f | |||
| 34c47afd10 | |||
| 2a0196d332 | |||
| e4bec368f6 | |||
| 860ca1002e | |||
| 60120395d5 | |||
| 8c49c74b72 | |||
| f8cac7e976 | |||
| deebef26dd | |||
| 5fb53a2fdd | |||
| 8897a62dc7 | |||
| baec1e3685 | |||
| 4b73cb3ea0 | |||
| 8ba17ff6d0 | |||
| 05ad6f8a44 | |||
| fcfde5191e | |||
| 41295f27f0 | |||
| 225228f666 | |||
| 2e79be0b0f | |||
| 8847848d59 | |||
| 8e698c2644 |
@@ -181,29 +181,18 @@
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="订单列表" name="3">
|
||||
<el-table :data="userOrderList" v-loading="orderListLoading" stripe style="width: 100%">
|
||||
<el-table-column prop="id" label="订单ID" width="80" />
|
||||
<el-table-column prop="name" label="商品名称" min-width="180" show-overflow-tooltip />
|
||||
<el-table-column label="类型" width="80">
|
||||
<el-table-column prop="id" label="订单ID" width="100" />
|
||||
<el-table-column prop="name" label="商品名称" min-width="150" show-overflow-tooltip />
|
||||
<el-table-column prop="price" label="金额" width="100">
|
||||
<template #default="{row}">¥{{ (row.price / 100).toFixed(2) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="status" label="状态" width="100">
|
||||
<template #default="{row}">
|
||||
<el-tag :type="getOrderTypeTag(row.type)" size="small">{{ getOrderTypeText(row.type) }}</el-tag>
|
||||
<el-tag :type="getOrderStatusType(row.status)" size="small">{{ getOrderStatusText(row.status) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="金额" width="120">
|
||||
<template #default="{row}">
|
||||
<span>¥{{ (row.price / 100).toFixed(2) }}</span>
|
||||
<div v-if="row.renewPrice" style="font-size:12px;color:#909399">续费价: ¥{{ (row.renewPrice / 100).toFixed(2) }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" width="90">
|
||||
<template #default="{row}">
|
||||
<el-tag :type="getOrderStatusType(row.state)" size="small">{{ getOrderStatusText(row.state) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="到期时间" width="160">
|
||||
<template #default="{row}">{{ row.expireTime ? formatDate(row.expireTime) : '-' }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="创建时间" width="160">
|
||||
<template #default="{row}">{{ formatDate(row.CreatedAt) }}</template>
|
||||
<el-table-column prop="created_at" label="创建时间" width="160">
|
||||
<template #default="{row}">{{ formatDate(row.created_at) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="80" fixed="right">
|
||||
<template #default="scope">
|
||||
@@ -1028,6 +1017,7 @@ const fetchUserOrderList = async () => {
|
||||
page: orderListPage.value,
|
||||
count: orderListPageSize.value
|
||||
})
|
||||
console.log('111',res)
|
||||
if (res.data.code === 200) {
|
||||
userOrderList.value = res.data.data.list || []
|
||||
orderListTotal.value = res.data.data.all_count || 0
|
||||
@@ -1129,25 +1119,14 @@ const fetchUserBalance = async () => {
|
||||
}
|
||||
|
||||
// 订单状态
|
||||
const getOrderStatusText = (state) => {
|
||||
const getOrderStatusText = (status) => {
|
||||
const map = { 0: '待支付', 1: '已支付', 2: '已取消', 3: '已退款', 4: '已完成' }
|
||||
return map[state] || '未知'
|
||||
return map[status] || '未知'
|
||||
}
|
||||
|
||||
const getOrderStatusType = (state) => {
|
||||
const getOrderStatusType = (status) => {
|
||||
const map = { 0: 'warning', 1: 'success', 2: 'info', 3: 'danger', 4: 'success' }
|
||||
return map[state] || 'info'
|
||||
}
|
||||
|
||||
// 订单类型
|
||||
const getOrderTypeText = (type) => {
|
||||
const map = { create: '新购', renew: '续费', upgrade: '升级' }
|
||||
return map[type] || type || '未知'
|
||||
}
|
||||
|
||||
const getOrderTypeTag = (type) => {
|
||||
const map = { create: 'primary', renew: 'success', upgrade: 'warning' }
|
||||
return map[type] || 'info'
|
||||
return map[status] || 'info'
|
||||
}
|
||||
|
||||
// 工单状态
|
||||
@@ -1165,7 +1144,7 @@ const getTicketStatusType = (status) => {
|
||||
const handleViewOrder = (row) => {
|
||||
router.push({
|
||||
path: '/order/list',
|
||||
query: { order_id: row.id }
|
||||
query: { order_id: row.order_id }
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user