admin/sale
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复订单表格宽度问题

Browse Source
This commit is contained in:
admin
2026-05-25 19:32:53 +08:00
parent bc5e2dc951
commit 998bee42d4
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/admin/Orders.vue
+3 -3
View File
@@ -4,16 +4,16 @@
<el-button @click="exportOrders">导出订单</el-button>
</div>
<div class="table-card">
<el-table :data="paginatedOrders">
<el-table :data="paginatedOrders" style="width: 100%">
<el-table-column prop="id" label="ID" width="80" />
<el-table-column prop="user.username" label="用户" width="120" />
<el-table-column prop="user.username" label="用户" min-width="120" />
<el-table-column prop="total_amount" label="金额" width="100"><template #default="{ row }">¥{{ row.total_amount }}</template></el-table-column>
<el-table-column prop="status" label="状态" width="120"><template #default="{ row }"><el-tag>{{ statusText(row.status) }}</el-tag></template></el-table-column>
<el-table-column prop="refund_status" label="退款" width="100"><template #default="{ row }"><el-tag v-if="row.refund_status" type="warning">{{ row.refund_status }}</el-tag></template></el-table-column>
<el-table-column label="创建时间" width="180">
<template #default="{ row }">{{ formatDate(row.created_at) }}</template>
</el-table-column>
<el-table-column label="操作" width="120">
<el-table-column label="操作" width="150">
<template #default="{ row }">
<el-button v-if="row.refund_status === 'pending'" link type="primary" size="small" @click="processRefund(row.id, 'approved')">批准</el-button>
<el-button v-if="row.refund_status === 'pending'" link type="danger" size="small" @click="processRefund(row.id, 'rejected')">拒绝</el-button>