银行卡增加状态查询

src/http/moudules/letter.js

@@ -951,11 +951,11 @@ export const sysUsergetInsOrders = (data) => {
   })
 }
 //银行卡查询
-export const getUserBankList = () => {
+export const getUserBankList = (data) => {
   return axios({
     url: "/userBank/getUserBankList",
-    method: "get",
-
+    method: "post",
+    data
   })
 }
 //删除银行卡

src/views/Core/PersonalPanel.vue

@@ -37,17 +37,17 @@
           钱包
         </li>
     </div>
-    <div class="textItem logout"> 
+    <div class="textItem logout">
       <li>
-        <p>10.00</p>
+        <p>{{ MoneyData.handlingFee.toFixed(2) }}</p>
         <p>手续金额（元）</p>
       </li>
       <li>
-        <p>240.00</p>
+        <p>{{ MoneyData.documentary.toFixed(2) }}</p>
         <p>跟单金额（元）</p>
       </li>
       <li>
-        <p>10.00</p>
+        <p>{{ MoneyData.promotion.toFixed(2) }}</p>
         <p>推广金额（元）</p>
       </li>
       <!-- <el-button @click="logout" size="small" type="primary" plain>退出登录</el-button> -->
@@ -161,6 +161,7 @@ export default {
           type:'input',
           disabled:true
         },],
+        MoneyData:{},
 
     }
   },
@@ -171,11 +172,24 @@ export default {
       //     this.user.deptName = deptRes.data.name;
       //   });
       // }
+      this.allamount();
   },
   mounted() {
     this.user.createTime = this.user.createTime.substr(0,10)
   },
   methods: {
+    allamount() {
+      this.$api.letter.getSysAllAmount().then((res) => {
+        if (res.code == '200') {
+          this.MoneyData = res.data;
+        } else {
+          this.$message({
+            type: 'error',
+            message: res.msg,
+          });
+        }
+      });
+    },
     // 个人中心
     personalInformation(){
       this.backupVisible=true
@@ -285,7 +299,7 @@ export default {
   overflow: hidden;
   border-bottom: 1px solid #F1F3F6;
   li{
-   
+
     width: 90px;
     height: 70px;
     text-align: center;

src/views/Letter/Wallet/AmountManagement.vue

@@ -205,14 +205,15 @@
           <h3>提现金额</h3>
           <div style="border-bottom: 1px solid #999;" class="flex ">
             <span style="font-size: 45px;font-weight: bold;color: #333;">￥</span>
-            <input type="text" class="no-border" @input="suminput">
+            <el-input v-model="extract" class="no-border" @input="suminput"></el-input>
           </div>
           <div class="" style="padding:10px">
-            <span v-if="is_out" style="color: red;">输入金额超过可提现金额，账户余额{{ MoneyData.handlingFee }}元</span>
-            <span v-else-if="is_lowest" style="color: red;">最低{{ lowest }}元起提现，账户余额{{ MoneyData.handlingFee }}元</span>
+            <span v-if="is_out" style="color: red;">输入金额超过可提现金额，账户余额 {{ MoneyData[accountBalance] }} 元</span>
+            <span v-else-if="is_lowest" style="color: red;">最低{{ lowest }}元起提现，账户余额 {{ MoneyData[accountBalance] }}
+              元</span>
             <template v-else>
-              <span class="amountHint">当前可提现余额{{ MoneyData.handlingFee }}元</span>
-              <span class="allHint" @click="">全部提现</span>
+              <span class="amountHint">当前可提现余额{{ MoneyData[accountBalance] }}元</span>
+              <span class="allHint" @click="allwithdrawal">全部提现</span>
             </template>
 
           </div>
@@ -238,11 +239,12 @@ export default {
   // 数据存放区域
   data() {
     return {
+      accountBalance: "",
       is_out: false,
       is_lowest: false,
       is_post: false,
       lowest: 20,
-      extract: 0,
+      extract: null,
       bankCardInfo: {},
       withdrawalVisible: false,//提现弹窗
       detailsVisible: false,//详情弹窗
@@ -371,20 +373,30 @@ export default {
       ],
     }
   },
+  watch: {
+    "extract": {
+      handler(val) {
+        if (val) {
+          this.extract = val.toString().replace(/[^\d.]/g, '');
+        }
+      },
+    },
+  },
   // 生命周期函数
   created() {
     this.formQuery.amountStatus = this.$route.query.type;
     switch (this.formQuery.amountStatus) {
       case 1:
-        this.pageTitle = "手续金额"
+        this.pageTitle = "手续金额";
+        this.accountBalance = 'handlingFee';
         break;
       case 2:
         this.pageTitle = "跟单金额"
-
+        this.accountBalance = 'documentary';
         break;
       case 3:
         this.pageTitle = "推广金额"
-
+        this.accountBalance = 'promotion';
         break;
     }
     this.amountType = this.$route.query.type;
@@ -395,6 +407,10 @@ export default {
   },
   // 方法函数
   methods: {
+    allwithdrawal() {
+      this.extract =parseFloat(this.MoneyData[this.accountBalance]);
+      this.checkMoney();
+    },
     withdrawalRequest() {
       let params = {
         amount: this.extract,
@@ -409,7 +425,7 @@ export default {
           });
           this.allamount();
           this.FindPage();
-          this.withdrawalVisible=false;
+          this.withdrawalVisible = false;
         } else {
           this.$message({
             type: 'error',
@@ -419,9 +435,9 @@ export default {
       });
     },
     suminput(e) {
-      if (e.data) {
-        this.extract = this.extract * 10 + parseInt(e.data);
-        console.log(this.extract)
+      console.log(e)
+      if (e) {
+        this.extract = e;
         this.checkMoney();
       } else {
         if (this.extract && this.extract > 0) {
@@ -437,7 +453,7 @@ export default {
       if (!this.extract || this.extract < this.lowest) {
         this.is_lowest = true;
         this.is_post = false;
-      } else if (this.extract > this.MoneyData.handlingFee) {
+      } else if (this.extract > this.MoneyData[this.accountBalance]) {
         this.is_out = true;
         this.is_lowest = false;
         this.is_post = false;
@@ -449,16 +465,18 @@ export default {
       if (parseFloat(this.extract).toString() == 'NaN') {
         this.is_post = false;
         this.$message({
-            type: 'error',
-            message: '输入金额不合法',
-          });
+          type: 'error',
+          message: '输入金额不合法',
+        });
       }
     },
     bankselection(data) {
       this.bankCardInfo = data;
     },
     banklist() {
-      this.$api.letter.getUserBankList().then((res) => {
+      this.$api.letter.getUserBankList({
+        auditStatus: '1',
+      }).then((res) => {
         if (res.code == '200') {
           this.bankList.map(val => {
             res.data.map(ele => {
@@ -703,6 +721,18 @@ export default {
   .el-dialog__footer {
     padding: 10px;
   }
+
+  .no-border {
+    .el-input__inner {
+      border: none;
+      outline: none;
+      background: transparent;
+      font-size: 45px;
+      font-weight: bold;
+      height: 100%;
+    }
+
+  }
 }
 
 .withdrawalinput {
@@ -760,13 +790,7 @@ export default {
     cursor: pointer;
   }
 
-  input.no-border {
-    border: none;
-    outline: none;
-    background: transparent;
-    font-size: 45px;
-    font-weight: bold;
-  }
+
 }
 
 .dialogCentent,

src/views/Letter/Wallet/BankCard.vue

@@ -1,35 +1,94 @@
 <!-- 模板区域 -->
 <template>
-  <div id="body" class="flex f-wrap  a-c">
+  <div id="body">
     <!-- 模板内容 -->
-    <div class="bankClass " @click="bankAddVisible = true">
-      <div class="add flex j-c a-c">
-        <img src="../../../../static/bankadd.png" alt="">
-        <span>添加银行卡提现</span>
+    <el-radio-group v-model="bankType" style="margin: 0 40px 30px;" >
+      <el-radio-button label="0">未审核</el-radio-button>
+      <el-radio-button label="1">已审核</el-radio-button>
+      <el-radio-button label="2">审核驳回</el-radio-button>
+    </el-radio-group>
+    <div class="flex f-wrap  a-c">
+      <div class="bankClass " @click="bankAddVisible = true">
+        <div class="add flex j-c a-c">
+          <img src="../../../../static/bankadd.png" alt="">
+          <span>添加银行卡提现</span>
+        </div>
       </div>
-    </div>
-    <div class="bankdata flex f-c j-s" :style="{ background: item.stylelist.background }"
-      v-for="(item, index) in cardPackList" :key="index">
-      <img class="Backgroundimage" src="../../../../static/bankLogo/img1.png" alt="">
-      <div class="flex j-s a-start">
-        <div class="flex">
-          <div class="logo">
-            <img :src="item.stylelist.logo" mode="">
+      <template v-if="bankType == 0">
+        <div class="bankdata flex f-c j-s" :style="{ background: item.stylelist.background }"
+          v-for="(item, index) in cardPackList1" :key="index">
+          <img class="Backgroundimage" src="../../../../static/bankLogo/img1.png" alt="">
+          <div class="flex j-s a-start">
+            <div class="flex">
+              <div class="logo">
+                <img :src="item.stylelist.logo" mode="">
+              </div>
+              <div class="banktitle flex f-c">
+                <span>{{ item.bankAccount }}</span>
+                <span>储蓄卡</span>
+              </div>
+            </div>
+            <img src="../../../../static/bankdel.png" mode="" style="width: 24px;height: 24px;" @click="bankdel(item.id)"
+              v-loading.fullscreen.lock="Loading">
           </div>
-          <div class="banktitle flex f-c">
-            <span>{{ item.bankAccount }}</span>
-            <span>储蓄卡</span>
+          <div class="bank flex j-s a-c">
+            <div>****</div>
+            <div>****</div>
+            <div>****</div>
+            <span>{{ item.bankNumber.slice(-4) }}</span>
           </div>
         </div>
-        <img src="../../../../static/bankdel.png" mode="" style="width: 24px;height: 24px;" @click="bankdel(item.id)"
-          v-loading.fullscreen.lock="Loading">
-      </div>
-      <div class="bank flex j-s a-c">
-        <div>****</div>
-        <div>****</div>
-        <div>****</div>
-        <span>{{ item.bankNumber.slice(-4) }}</span>
-      </div>
+      </template>
+      <template v-if="bankType == 1">
+        <div class="bankdata flex f-c j-s" :style="{ background: item.stylelist.background }"
+          v-for="(item, index) in cardPackList2" :key="index">
+          <img class="Backgroundimage" src="../../../../static/bankLogo/img1.png" alt="">
+          <div class="flex j-s a-start">
+            <div class="flex">
+              <div class="logo">
+                <img :src="item.stylelist.logo" mode="">
+              </div>
+              <div class="banktitle flex f-c">
+                <span>{{ item.bankAccount }}</span>
+                <span>储蓄卡</span>
+              </div>
+            </div>
+            <img src="../../../../static/bankdel.png" mode="" style="width: 24px;height: 24px;" @click="bankdel(item.id)"
+              v-loading.fullscreen.lock="Loading">
+          </div>
+          <div class="bank flex j-s a-c">
+            <div>****</div>
+            <div>****</div>
+            <div>****</div>
+            <span>{{ item.bankNumber.slice(-4) }}</span>
+          </div>
+        </div>
+      </template>
+      <template v-if="bankType == 2">
+        <div class="bankdata flex f-c j-s" :style="{ background: item.stylelist.background }"
+          v-for="(item, index) in cardPackList3" :key="index">
+          <img class="Backgroundimage" src="../../../../static/bankLogo/img1.png" alt="">
+          <div class="flex j-s a-start">
+            <div class="flex">
+              <div class="logo">
+                <img :src="item.stylelist.logo" mode="">
+              </div>
+              <div class="banktitle flex f-c">
+                <span>{{ item.bankAccount }}</span>
+                <span>储蓄卡</span>
+              </div>
+            </div>
+            <img src="../../../../static/bankdel.png" mode="" style="width: 24px;height: 24px;" @click="bankdel(item.id)"
+              v-loading.fullscreen.lock="Loading">
+          </div>
+          <div class="bank flex j-s a-c">
+            <div>****</div>
+            <div>****</div>
+            <div>****</div>
+            <span>{{ item.bankNumber.slice(-4) }}</span>
+          </div>
+        </div>
+      </template>
     </div>
     <el-dialog title="添加银行卡" :visible.sync="bankAddVisible" width="28%">
       <div class="dialogCentent">
@@ -61,6 +120,7 @@ export default {
   // 数据存放区域
   data() {
     return {
+      bankType: "1",
       bankAddform: {
         "bankNumber": "",
         "bankAccount": "",
@@ -69,7 +129,9 @@ export default {
       },
       bankAddVisible: false,
       Loading: false,
-      cardPackList: [],
+      cardPackList1: [],
+      cardPackList2: [],
+      cardPackList3: [],
       list: [{
         value: '1',
         label: '中国工商银行'
@@ -267,14 +329,19 @@ export default {
       });
 
     },
-    banklist() {
+    banklist(type) {
       const loading = this.$loading({
         lock: true,
         text: 'Loading',
         spinner: 'el-icon-loading',
         background: 'rgba(0, 0, 0, 0.7)'
       });
-      this.$api.letter.getUserBankList().then((res) => {
+      this.$api.letter.getUserBankList({
+        auditStatus: '',
+      }).then((res) => {
+        let list1 = [];
+        let list2 = [];
+        let list3 = [];
         if (res.code == '200') {
           res.data.map(val => {
             let name = this.bankList.find(ele => ele.bankName === val.bankAccount)
@@ -288,8 +355,21 @@ export default {
                 background: 'linear-gradient(90deg, rgba(229, 166,0,0.7) 0%, #e5a600 100%)',
               }
             }
+            switch (val.auditStatus) {
+              case "0":
+                list1.push(val);
+                break;
+              case "1":
+                list2.push(val);
+                break;
+              case "2":
+                list3.push(val);
+                break;
+            }
           })
-          this.cardPackList = res.data;
+          this.cardPackList1 = list1;
+          this.cardPackList2 = list2;
+          this.cardPackList3 = list3;
           loading.close();
         } else {
           this.$message({
@@ -315,6 +395,12 @@ export default {
   .el-dialog__footer {
     padding: 10px;
   }
+
+  .el-radio-button__orig-radio:checked+.el-radio-button__inner {
+    background-color: #2D4D89;
+    border-color: #2D4D89;
+    box-shadow: -1px 0 0 0 #2D4D89;
+  }
 }
 
 .dialogCentent {