peihaoyu/nebula
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 我的钱包展示效果修改

Browse Source
This commit is contained in:
ronger 2021-06-28 11:59:22 +08:00
parent 9d02325a19
commit 27e7c27b57
1 changed files with 44 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
pages/wallet.vue
View File

@ -3,6 +3,9 @@
<el-col> <el-col>
<h1>账户信息</h1> <h1>账户信息</h1>
</el-col> </el-col>
<el-col class="bank-account-item">
<span style="font-size: 24px;"> 账号:</span> <span style="color: red;">{{ bankAccount.bankAccount }}</span>
</el-col>
<el-col class="bank-account-item"> <el-col class="bank-account-item">
<span style="font-size: 24px;"> 余额:</span> <span style="color: red;">{{ bankAccount.accountBalance }}</span> <span style="font-size: 24px;">巴旦木</span> <span style="font-size: 24px;"> 余额:</span> <span style="color: red;">{{ bankAccount.accountBalance }}</span> <span style="font-size: 24px;">巴旦木</span>
</el-col> </el-col>
@ -14,9 +17,47 @@
:data="transactionRecords" :data="transactionRecords"
style="width: 100%"> style="width: 100%">
<el-table-column <el-table-column
label="#" label="流水号"
width="40" prop="transactionNo"
prop="idTransactionRecord"> width="200">
</el-table-column>
<el-table-column
label="支付账号">
<template slot-scope="scope">
<el-popover
placement="right"
trigger="hover">
<el-col style="padding: 5px;">
开户银行: {{scope.row.formBankAccountInfo.bankName}}
</el-col>
<el-col style="padding: 5px;">
银行账号: {{scope.row.formBankAccountInfo.bankAccount}}
</el-col>
<el-col style="padding: 5px;">
所属用户: {{scope.row.formBankAccountInfo.accountOwnerName}}
</el-col>
<el-button slot="reference" type="text">{{ scope.row.formBankAccount }}</el-button>
</el-popover>
</template>
</el-table-column>
<el-table-column
label="收款账号">
<template slot-scope="scope">
<el-popover
placement="right"
trigger="hover">
<el-col style="padding: 5px;">
开户银行: {{scope.row.toBankAccountInfo.bankName}}
</el-col>
<el-col style="padding: 5px;">
银行账号: {{scope.row.toBankAccountInfo.bankAccount}}
</el-col>
<el-col style="padding: 5px;">
所属用户: {{scope.row.toBankAccountInfo.accountOwnerName}}
</el-col>
<el-button slot="reference" type="text">{{ scope.row.toBankAccount }}</el-button>
</el-popover>
</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="款项" label="款项"