|
|
@@ -1,25 +1,54 @@
|
|
|
<template>
|
|
|
- <el-row>
|
|
|
- <el-col :md="12">
|
|
|
- <el-card class="box-card">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span>我的钱包</span>
|
|
|
- <el-button style="float: right; padding: 3px 0" type="text" @click="getBillRecord">账单</el-button>
|
|
|
- </div>
|
|
|
- <div class="text item">
|
|
|
- <el-row>
|
|
|
- <h1>余额: <span style="color: red">￥{{wallet.balance}}</span></h1>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-button
|
|
|
- size="medium"
|
|
|
- type="success"
|
|
|
- @click="showChargeDialog"
|
|
|
- >充值</el-button>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- </el-col>
|
|
|
+ <el-main>
|
|
|
+ <el-row class="movie-list">
|
|
|
+ <el-col :md="8" style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
|
|
|
+ <el-card class="box-card">
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
+ <span>我的钱包</span>
|
|
|
+ <el-button style="float: right; padding: 3px 0" type="text" @click="showChargeDialog">充值</el-button>
|
|
|
+ </div>
|
|
|
+ <div class="text item">
|
|
|
+ <el-row>
|
|
|
+ <h1>余额: <span style="color: red">￥{{ wallet.balance }}</span></h1>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+ </el-col>
|
|
|
+ <el-col :md="16" style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
|
|
|
+ <el-card class="box-card">
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
+ <span>我的账单</span>
|
|
|
+ </div>
|
|
|
+ <el-table
|
|
|
+ :data="billList"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ prop="createAt"
|
|
|
+ label="时间"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ prop="type"
|
|
|
+ label="类型"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="number"
|
|
|
+ label="金额"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ @click="handleDetail(scope.$index, scope.row)"
|
|
|
+ >详情</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-card>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
|
|
|
<el-dialog
|
|
|
title="充值"
|
|
|
@@ -45,12 +74,11 @@
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</el-dialog>
|
|
|
- </el-row>
|
|
|
+ </el-main>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-
|
|
|
-import {chargeWallet, getWallet, getWalletBill} from "@/api/mall";
|
|
|
+import { chargeWallet, getWallet, getWalletBill } from '@/api/mall'
|
|
|
|
|
|
export default {
|
|
|
name: 'MyWallet',
|
|
|
@@ -62,7 +90,14 @@ export default {
|
|
|
},
|
|
|
wallet: {
|
|
|
balance: '0.00'
|
|
|
- }
|
|
|
+ },
|
|
|
+ billList: [
|
|
|
+ {
|
|
|
+ createAt: '2024-09-03 17:46:27',
|
|
|
+ type: '收入',
|
|
|
+ number: 12.11
|
|
|
+ }
|
|
|
+ ]
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
@@ -73,8 +108,6 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- mounted() {
|
|
|
- },
|
|
|
methods: {
|
|
|
showChargeDialog() {
|
|
|
this.chargeDialog = true
|
|
|
@@ -98,6 +131,9 @@ export default {
|
|
|
console.log(resp.data)
|
|
|
}
|
|
|
})
|
|
|
+ },
|
|
|
+ handleDetail(index, row) {
|
|
|
+ this.$message.info('账单详情')
|
|
|
}
|
|
|
}
|
|
|
}
|
