From f9c9fd0b033a53807a0536226a6c2b3810e29d02 Mon Sep 17 00:00:00 2001
From: ronger <ronger-x@outlook.com>
Date: Tue, 28 Dec 2021 23:21:47 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20=E9=93=B6=E8=A1=8C=E5=8D=A1?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86-=E5=A2=9E=E5=8A=A0=E4=BA=A4=E6=98=93?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95=E6=9F=A5=E7=9C=8B=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/admin/bank-accounts.vue | 47 +++++++++++++++++++++++++++++++++--
 store/bank-account.js         | 44 ++++++++++++++++++++++++++++++++
 2 files changed, 89 insertions(+), 2 deletions(-)

diff --git a/pages/admin/bank-accounts.vue b/pages/admin/bank-accounts.vue
index e698cda..0583f40 100644
--- a/pages/admin/bank-accounts.vue
+++ b/pages/admin/bank-accounts.vue
@@ -40,6 +40,13 @@
           width="180"
           prop="createdTime">
         </el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-button size="mini" type="primary"
+                       @click="transactionRecords(scope.$index, scope.row)" plain>查看交易记录
+            </el-button>
+          </template>
+        </el-table-column>
       </el-table>
     </el-col>
     <el-col>
@@ -54,14 +61,21 @@
         :total="pagination.total">
       </el-pagination>
     </el-col>
+    <el-dialog :title="'卡号：' + bankAccount + ' 的交易记录'" :visible.sync="dialogVisible">
+      <records :records="records" :bankAccount="bankAccount"
+               @currentChange="handleTransactionRecordCurrentChange"
+               @searchTransactionRecord="searchTransactionRecord"></records>
+    </el-dialog>
   </el-row>
 </template>
 
 <script>
 import {mapState} from 'vuex';
+import Records from "../../components/common/bank/account/records";
 
 export default {
   name: "bank-accounts",
+  components: {Records},
   fetch({store, params, error}) {
     return Promise.all([
       store
@@ -72,7 +86,8 @@ export default {
   computed: {
     ...mapState({
       bankAccounts: state => state["bank-account"].list.data.bankAccounts,
-      pagination: state => state["bank-account"].list.data.pagination
+      pagination: state => state["bank-account"].list.data.pagination,
+      records: state => state["bank-account"].records.data
     })
   },
   data() {
@@ -80,7 +95,8 @@ export default {
       order: 'desc',
       idRole: 0,
       idUser: 0,
-      dialogVisible: false
+      dialogVisible: false,
+      bankAccount: ''
     }
   },
   methods: {
@@ -102,6 +118,33 @@ export default {
         page: page,
         rows: _ts.pagination.pageSize
       })
+    },
+    transactionRecords(index, bankAccount) {
+      let _ts = this
+      _ts.bankAccount = bankAccount.bankAccount
+      _ts.dialogVisible = true
+      _ts.$store.dispatch('bank-account/fetchTransactionRecordList', {
+        bankAccount: _ts.bankAccount
+      })
+    },
+    handleTransactionRecordCurrentChange(search) {
+      let _ts = this;
+      _ts.$store.dispatch('bank-account/fetchTransactionRecordList', {
+        bankAccount: _ts.bankAccount,
+        startDate: search.startDate,
+        endDate: search.endDate,
+        page: search.page
+      })
+    },
+    searchTransactionRecord(dates) {
+      let _ts = this
+      let startDate = dates[0]
+      let endDate = dates[1]
+      _ts.$store.dispatch('wallet/fetchTransactionRecordList', {
+        bankAccount: _ts.bankAccount,
+        startDate: startDate,
+        endDate: endDate
+      })
     }
   },
   mounted() {
diff --git a/store/bank-account.js b/store/bank-account.js
index 5ef5456..71a2eb4 100644
--- a/store/bank-account.js
+++ b/store/bank-account.js
@@ -6,17 +6,34 @@ const getDefaultListData = () => {
     pagination: {}
   }
 }
+const getDefaultTransactionRecordListData = () => {
+  return {
+    records: [],
+    pagination: {}
+  }
+}
 
 export const state = () => {
   return {
     list: {
       fetching: false,
       data: getDefaultListData()
+    },
+    records: {
+      fetching: false,
+      data: getDefaultTransactionRecordListData()
     }
   }
 }
 
 export const mutations = {
+  // 消费记录列表
+  updateTransactionRecordListFetching(state, action) {
+    state.records.fetching = action
+  },
+  updateTransactionRecordListData(state, action) {
+    state.records.data = action
+  },
   updateListFetching(state, action) {
     state.list.fetching = action
   },
@@ -46,6 +63,33 @@ export const actions = {
         console.log(error);
         commit('updateListFetching', false);
       });
+  },
+  // 获取账户交易记录
+  fetchTransactionRecordList({commit}, params = {}) {
+    commit('updateTransactionRecordListFetching', true)
+    return this.$axios
+      .$get(`${BANK_ACCOUNT_API_PATH}/transaction-records`, {
+        params: {
+          bankAccount: params.bankAccount,
+          startDate: params.startDate,
+          endDate: params.endDate,
+          page: params.page || 1
+        }
+      })
+      .then(response => {
+        return new Promise(resolve => {
+          commit('updateTransactionRecordListData', response)
+          commit('updateTransactionRecordListFetching', false)
+          resolve(response)
+          // delay(() => {
+          //   resolve(response)
+          // })
+        })
+      })
+      .catch(error => {
+        commit('updateTransactionRecordListFetching', false)
+        return Promise.reject(error)
+      })
   }
 }