充提记录增加币种筛选功能

src/views/RobotDetails.vue

@@ -256,13 +256,20 @@
               <el-checkbox-button v-for="(option,index) in options1" :label="index+''" :key="option">{{option}}</el-checkbox-button>
             </el-checkbox-group>
           </div>
-          <div class="select-bar-content status-select fl small">
+          <div class="select-bar-content fl">
             <span class="title">状态</span>
             <el-checkbox-button :indeterminate="isIndeterminate3" v-model="checkAll3" @change="handleCheckAllChange3">全部</el-checkbox-button>
             <el-checkbox-group v-model="checkedStates1" @change="handleCheckedChange3">
               <el-checkbox-button v-for="(state,index) in states1" :label="index+''" :key="state">{{state}}</el-checkbox-button>
             </el-checkbox-group>
           </div>
+          <div class="select-bar-content fl">
+            <span class="title">币种</span>
+            <el-checkbox-button :indeterminate="isIndeterminate4" v-model="checkAll4" @change="handleCheckAllChange4">全部</el-checkbox-button>
+            <el-checkbox-group v-model="checkedCoins" @change="handleCheckedChange4">
+              <el-checkbox-button v-for="coin in coins" :label="coin" :key="coin">{{coin}}</el-checkbox-button>
+            </el-checkbox-group>
+          </div>
         </div>
         <el-date-picker
           class="fr"
@@ -509,6 +516,10 @@
         checkAll3: false,
         checkedStates1: [],
         states1: ["成功", "失败"],
+        isIndeterminate4: true,//币种筛选
+        checkAll4: false,
+        checkedCoins: [],
+        coins: [],
         Loading: false,//充提币后数据加载标志
         transactionLoading: false, //充提记录查询加载
         recordsLoading: false,//交易记录查询加载
@@ -520,7 +531,7 @@
     methods: {
       //页面初始化
       init() {
-        // this.robotDetailInfo = JSON.parse(sessionStorage.getItem('robotDetailInfo'));
+        this.coins = [this.robotDetailInfo.coin, this.robotDetailInfo.base];
         this.getWalletInfo();
         this.getTransaction();
         this.getRecords();
@@ -716,9 +727,10 @@
       //查询充提记录
       getRecords(params) {
         this.recordsLoading = true;
+        const Coin = this.checkedCoins ? this.checkedCoins : this.coins;
         const baseParams = {
           account: this.robotDetailInfo.account,
-          coin: [this.robotDetailInfo.coin, this.robotDetailInfo.base],
+          coin: Coin,
           page: "1",
           size: this.pageSize1+'',
           opt: this.checkedOptions1,
@@ -766,7 +778,8 @@
       handleCurrentChange(val) {
         this.getTransaction({page: val+''});
       },
-      //充提记录筛选
+      /*充提记录筛选*/
+      //类型筛选
       handleCheckAllChange2(val) {
         this.checkedOptions1 = val ? ['0', '1'] : [];
         // console.log(this.checkedOptions1);
@@ -779,6 +792,7 @@
         this.isIndeterminate2 = checkedCount > 0 && checkedCount < this.options1.length;
         this.getRecords();
       },
+      //状态筛选
       handleCheckAllChange3(val) {
         this.checkedStates1 = val ? ['0', '1'] : [];
         this.isIndeterminate3 = false;
@@ -790,6 +804,18 @@
         this.isIndeterminate3 = checkedCount > 0 && checkedCount < this.states1.length;
         this.getRecords();
       },
+      //币种筛选
+      handleCheckAllChange4(val) {
+        this.checkedCoins = val ? this.coins : [];
+        this.isIndeterminate4 = false;
+        this.getRecords();
+      },
+      handleCheckedChange4(value) {
+        let checkedCount = value.length;
+        this.checkAll4 = checkedCount === this.coins.length;
+        this.isIndeterminate4 = checkedCount > 0 && checkedCount < this.coins.length;
+        this.getRecords();
+      },
       //分页
       handleSizeChange1(val) {
         this.pageSize1 = val+'';

src/views/overview.vue

@@ -111,14 +111,14 @@
         <div class="coin">
           <span>{{item.coin}}余额</span>
           <div class="sum">
-            <span>{{item.base_amount}}</span>
+            <span>{{item.coin_amount}}</span>
             <span>{{item.coin}}</span>
           </div>
         </div>
         <div class="base">
           <span>{{item.base}}余额</span>
           <div class="sum">
-            <span>{{item.coin_amount}}</span>
+            <span>{{item.base_amount}}</span>
             <span>{{item.base}}</span>
           </div>
         </div>