提现修改

src/views/Letter/Wallet/AutoInsuranceDetails.vue

@@ -163,9 +163,9 @@ export default {
         { prop: "insuredName", label: "被保险人", minWidth: 160 },
         { prop: "jqapplyno", label: "交强保单号", minWidth: 160 },
         { prop: "syapplyno", label: "商业保单号", minWidth: 160 },
+        { prop: "amount", label: "交易金额", minWidth: 160 },
         { prop: "auditTime", label: "审核时间", minWidth: 160 },
         { prop: "auditstatus", label: "审核状态", minWidth: 160 ,formatter: this.validIndFormatter,},
-        { prop: "amount", label: "交易金额", minWidth: 160 },
       ],
     }
   },

src/views/Letter/Wallet/BankCard.vue

@@ -94,7 +94,7 @@
       <div class="dialogCentent">
         <el-form ref="form" :model="bankAddform" label-width="80px">
           <el-form-item label="选择银行">
-            <el-select v-model="bankAddform.bankAccount" placeholder="点击选择银行卡">
+            <el-select v-model="bankAddform.bankAccount" placeholder="点击选择银行卡" filterable  clearable >
               <el-option :label="item.label" :value="item.label" v-for="(item, index) in list " :key="index"></el-option>
             </el-select>
           </el-form-item>
@@ -212,6 +212,18 @@ export default {
         value: '20',
         label: '上海银行'
       },
+      {
+        value: '20',
+        label: '晋商银行'
+      },
+      {
+        value: '20',
+        label: '山西银行'
+      },
+      {
+        value: '20',
+        label: '农村商业银行'
+      },
       ],
       bankList: [{
         bankName: "中国邮政储蓄银行",
@@ -273,6 +285,16 @@ export default {
         logo: "../../../../static/bankLogo/jinshang.png",
         background: "linear-gradient(90deg, rgba(224, 150, 165, 0.7) 0%, #e096a5 100%)"
       },
+      {
+        bankName: "山西银行",
+        logo: "../../../../static/bankLogo/shanxi.png",
+        background: "linear-gradient(90deg, rgba(192, 19, 73, 0.7) 0%, #c01349 100%)"
+      },
+      {
+        bankName: "农村商业银行",
+        logo: "../../../../static/bankLogo/nongcun.png",
+        background: "linear-gradient(90deg, rgba(0, 155, 77, 0.7) 0%, #009b4d 100%)"
+      },
       ],
     }
   },

src/views/Letter/Wallet/FundsWallet.vue

@@ -11,7 +11,7 @@
         </el-date-picker>
       </div>
     </div>
-    <div class="header flex a-c j-start">
+    <div class="header flex a-c  f-wrap">
       <div class="summary flex f-c">
         <span>车险收益</span>
         <span>￥ <span style="font-size: 36px;font-family: DIN, DIN;
@@ -35,7 +35,7 @@ font-weight: 500;">{{ findMyAmountData.advanceCarInsuranceAmount }}</span> </spa
 font-weight: 500;">{{ findMyAmountData.paidUpCarInsuranceAmount }}</span> </span>
       </div>
     </div>
-    <div class="header flex a-c j-start">
+    <div class="header flex a-c  f-wrap">
       <div class="summary flex f-c">
         <span>推广费收益</span>
         <span>￥ <span style="font-size: 36px;font-family: DIN, DIN;
@@ -59,35 +59,32 @@ font-weight: 500;">{{ findMyAmountData.advanceCollectionPromotionFeesAmount }}</
 font-weight: 500;">{{ findMyAmountData.paidPromotionFeesAmount }}</span> </span>
       </div>
     </div>
-    <div class="header flex a-c j-s">
-      <div class="flex a-c">
-        <div class="summary flex f-c">
-          <span>车险推广费合计收益</span>
-          <span>￥ <span style="font-size: 36px;font-family: DIN, DIN;
+    <div class="header flex a-c  f-wrap">
+      <div class="summary flex f-c">
+        <span>车险推广费合计收益</span>
+        <span>￥ <span style="font-size: 36px;font-family: DIN, DIN;
 font-weight: 500;">{{ findMyAmountData.sumDrawAmount }}</span> </span>
-        </div>
-        <div class="circle flex j-c a-c">
-          <img src="../../../assets/qianbao1.png" alt="">
-        </div>
+      </div>
+      <div class="circle flex j-c a-c">
+        <img src="../../../assets/qianbao1.png" alt="">
+      </div>
 
-        <div class=" summary flex f-c">
-          <span>已提现金额</span>
-          <span>￥ <span style="font-size: 36px;font-family: DIN, DIN;
+      <div class=" summary flex f-c">
+        <span>已提现金额</span>
+        <span>￥ <span style="font-size: 36px;font-family: DIN, DIN;
 font-weight: 500;">{{ findMyAmountData.withdrawnAmount }}</span> </span>
-        </div>
-        <div class="circle flex j-c a-c">
-          <img src="../../../assets/qianbao2.png" alt="">
-        </div>
-        <div class="summary flex f-c">
-          <span>可提现金额</span>
-          <span>￥ <span style="font-size: 36px;font-family: DIN, DIN;
+      </div>
+      <div class="circle flex j-c a-c">
+        <img src="../../../assets/qianbao2.png" alt="">
+      </div>
+      <div class="summary flex f-c">
+        <span>可提现金额</span>
+        <span>￥ <span style="font-size: 36px;font-family: DIN, DIN;
 font-weight: 500;">{{ findMyAmountData.withdrawableAmount }}</span> </span>
-        </div>
       </div>
-
-      <span class="withdrawal-style" @click="instantWithdrawal()">提现</span>
+      <el-button class="withdrawal-style" type="primary" @click="instantWithdrawal">提现</el-button>
     </div>
-    <div class="header flex j-s a-c">
+    <div class="header flex  a-c">
       <div class="flex a-c advance-payment" @click="toBillDetails('autoInsuranceDetails')">
         <img src="../../../assets/qianbao3.png" />
         <div>
@@ -227,6 +224,16 @@ export default {
         logo: "../../../../static/bankLogo/jinshang.png",
         background: "linear-gradient(90deg, rgba(224, 150, 165, 0.7) 0%, #e096a5 100%)"
       },
+      {
+        bankName: "山西银行",
+        logo: "../../../../static/bankLogo/shanxi.png",
+        background: "linear-gradient(90deg, rgba(192, 19, 73, 0.7) 0%, #c01349 100%)"
+      },
+      {
+        bankName: "农村商业银行",
+        logo: "../../../../static/bankLogo/nongcun.png",
+        background: "linear-gradient(90deg, rgba(0, 155, 77, 0.7) 0%, #009b4d 100%)"
+      },
       ],
       is_lowest: false,
       is_out: false,
@@ -375,7 +382,7 @@ export default {
       this.$api.letter.findMyAmount(params).then((res) => {
         if (res.code == '200') {
           this.findMyAmountData = res.data;
-          this.moneyData = res.data;
+          this.moneyData = res.data.withdrawableAmount;
           loading.close();
         } else {
           loading.close();
@@ -436,7 +443,7 @@ export default {
   height: auto;
   background: #F2F5FD;
   border-radius: 12px 12px 12px 12px;
-  padding: 30px 40px;
+  padding: 20px;
   box-sizing: border-box;
   margin-bottom: 20px;
 
@@ -447,7 +454,7 @@ export default {
   }
 
   .summary {
-    width: 220px;
+    width: 12%;
 
     >span:nth-child(1) {
       font-size: 20px;
@@ -473,21 +480,19 @@ export default {
 
 
 .withdrawal-style {
-  text-align: center;
   width: 140px;
-  line-height: 42px;
   color: #fff;
-  height: 42px;
   background: linear-gradient(270deg, #0052FF 0%, #6899FF 100%);
-  border-radius: 8px 8px 8px 8px;
-  margin-right: 100px;
+  border-color: #6899FF;
+  margin-left: 30px;
 }
 
 .advance-payment {
-  width: 320px;
+  max-width: 320px;
   background: #FFFFFF;
   border-radius: 8px 8px 8px 8px;
   padding: 18px 24px;
+  margin: 0 20px;
 
   div {
     margin-left: 15px;

src/views/Letter/Wallet/PromotionFeeDetails.vue

@@ -112,15 +112,15 @@ export default {
       detailsVisible:false,
       promotionColumns: [
         { prop: "subOrderNo", label: "订单编号", minWidth: 160, },
-        { prop: "signingTime", label: "承保时间", minWidth: 160 },
+        { prop: "userId", label: "代理人工号", minWidth: 160 },
+        { prop: "userLevel", label: "代理人级别", minWidth: 160 },
         { prop: "licenseNo", label: "车牌号", minWidth: 160 },
-        { prop: "amount", label: "实收金额", minWidth: 160 },
         { prop: "jypremium", label: "驾意险", minWidth: 160 },
         { prop: "jqpremium", label: "交强险", minWidth: 160 },
         { prop: "sypremium", label: "商业险", minWidth: 160 },
-        { prop: "userId", label: "代理人工号", minWidth: 160 },
+        { prop: "amount", label: "实收金额", minWidth: 160 },
+        { prop: "signingTime", label: "承保时间", minWidth: 160 },
         { prop: "userName", label: "代理人", minWidth: 160 },
-        { prop: "userLevel", label: "代理人级别", minWidth: 160 },
       ],
     }
   },