优化:豆豆积分 - 分配明细显示内容优化

This commit is contained in:
wuhui_zzw 2024-02-18 16:50:57 +08:00
parent a2b8eabb73
commit 92a2990179
1 changed files with 21 additions and 20 deletions

View File

@ -61,11 +61,11 @@
<!--表单列表-->
<el-table v-loading="listLoading" :data="tableData.data" style="width: 100%" size="mini">
<el-table-column prop="id" label="ID" min-width="60" align="center"/>
<el-table-column label="用户信息" prop="nickname" min-width="280" align="left">
<el-table-column label="用户信息" prop="nickname" min-width="230" align="center">
<template slot-scope="scope">
<div class="user-content">
<div class="user-avatar" v-if="scope.row.avatar && scope.row.avatar != 1">
<img :src="scope.row.avatar" />
<div class="user-avatar">
<img :src="scope.row.avatar || moren" />
</div>
<div class="user-info">
<div class="nickname">{{ scope.row.nickname }}</div>
@ -74,40 +74,39 @@
</div>
</template>
</el-table-column>
<el-table-column label="订单金额" min-width="300" align="center">
<el-table-column prop="order_money" label="总金额" min-width="100" align="center"/>
<el-table-column prop="refund_order_money" label="退款减少" min-width="100" align="center"/>
<el-table-column label="剩余" min-width="100" align="center">
<el-table-column label="订单金额" align="center">
<el-table-column prop="order_money" label="总金额" min-width="80" align="center"/>
<el-table-column prop="refund_order_money" label="退款减少" min-width="80" align="center"/>
<el-table-column label="剩余" min-width="80" align="center">
<template slot-scope="scope">
{{ (scope.row.order_money - scope.row.refund_order_money).toFixed(2) }}
</template>
</el-table-column>
</el-table-column>
<el-table-column prop="order_money_rate" label="占比例(%)" min-width="100" align="center"/>
<el-table-column label="获得豆" min-width="300" align="center">
<el-table-column prop="get_legumes" label="总获得" min-width="100" align="center"/>
<el-table-column prop="refund_get_legumes" label="退款减少" min-width="100" align="center"/>
<el-table-column label="剩余" min-width="100" align="center">
<el-table-column prop="order_money_rate" label="占比例(%)" min-width="80" align="center"/>
<el-table-column label="获得豆" align="center">
<el-table-column prop="get_legumes" label="总获得" min-width="80" align="center"/>
<el-table-column prop="refund_get_legumes" label="退款减少" min-width="80" align="center"/>
<el-table-column label="剩余" min-width="80" align="center">
<template slot-scope="scope">
{{ (scope.row.get_legumes - scope.row.refund_get_legumes).toFixed(2) }}
</template>
</el-table-column>
</el-table-column>
<el-table-column label="积分" min-width="400" align="center">
<el-table-column label="积分上限" min-width="100" align="center">
<el-table-column label="积分" align="center">
<el-table-column label="积分上限" min-width="80" align="center">
<template slot-scope="scope">
{{ (scope.row.order_money - scope.row.refund_order_money).toFixed(2) }}
</template>
</el-table-column>
<el-table-column prop="get_integral" label="已获取积分" min-width="100" align="center"/>
<el-table-column prop="use_integral" label="已使用积分" min-width="100" align="center"/>
<el-table-column label="剩余可用" min-width="100" align="center">
<el-table-column prop="get_integral" label="已获取积分" min-width="80" align="center"/>
<el-table-column prop="use_integral" label="已使用积分" min-width="80" align="center"/>
<el-table-column label="剩余可用" min-width="80" align="center">
<template slot-scope="scope">
{{ (scope.row.get_integral - scope.row.use_integral).toFixed(2) }}
</template>
</el-table-column>
</el-table-column>
<el-table-column prop="create_time" label="处理时间" min-width="150" align="center"/>
<el-table-column label="状态" min-width="100" align="center">
<template slot-scope="scope">
<el-tag v-if="scope.row.status == 0" type="info" effect="dark">冻结中</el-tag>
@ -115,6 +114,7 @@
<el-tag v-else type="danger" effect="dark">已失效</el-tag>
</template>
</el-table-column>
<el-table-column prop="create_time" label="处理时间" min-width="130" align="center"/>
</el-table>
</el-tab-pane>
<el-tab-pane label="持有明细" name="hold_list">
@ -146,8 +146,8 @@
<el-table-column label="用户信息" prop="nickname" min-width="280" align="center">
<template slot-scope="scope">
<div class="user-content">
<div class="user-avatar" v-if="scope.row.avatar && scope.row.avatar != 1">
<img :src="scope.row.avatar" />
<div class="user-avatar">
<img :src="scope.row.avatar || moren" />
</div>
<div class="user-info">
<div class="nickname">{{ scope.row.nickname }}</div>
@ -201,6 +201,7 @@ export default {
components: { cardsData },
data() {
return {
moren: require('@/assets/images/f.png'),
//
activeName: 'cycle_list',
//