From 27e7c27b57071be0e1ad20d047853fa9f9ac542b Mon Sep 17 00:00:00 2001
From: ronger <ronger-x@outlook.com>
Date: Mon, 28 Jun 2021 11:59:22 +0800
Subject: [PATCH] =?UTF-8?q?:art:=20=E6=88=91=E7=9A=84=E9=92=B1=E5=8C=85?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E6=95=88=E6=9E=9C=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/wallet.vue | 47 ++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 44 insertions(+), 3 deletions(-)

diff --git a/pages/wallet.vue b/pages/wallet.vue
index 15e989d..791269c 100644
--- a/pages/wallet.vue
+++ b/pages/wallet.vue
@@ -3,6 +3,9 @@
     <el-col>
       <h1>账户信息</h1>
     </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">
       <span style="font-size: 24px;"> 余额:</span> <span style="color: red;">{{ bankAccount.accountBalance }}</span> <span style="font-size: 24px;">巴旦木</span>
     </el-col>
@@ -14,9 +17,47 @@
         :data="transactionRecords"
         style="width: 100%">
         <el-table-column
-          label="#"
-          width="40"
-          prop="idTransactionRecord">
+          label="流水号"
+          prop="transactionNo"
+          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
           label="款项"