Bläddra i källkod

修复】小程序端银行卡提现,银行名称改为下拉选择

Xiao_123 10 månader sedan
förälder
incheckning
4accf2331e
1 ändrade filer med 33 tillägg och 29 borttagningar
  1. 33 29
      pages/commission/withdraw.vue

+ 33 - 29
pages/commission/withdraw.vue

@@ -15,7 +15,11 @@
         <view class="num-title">可提现金额(元)</view>
         <view class="wallet-num">{{ fen2yuan(state.brokerageInfo.brokeragePrice) }}</view>
       </view>
-      <button class="ss-reset-button log-btn" @tap="sheep.$router.go('/pages/commission/wallet', { type: 2 })">
+      <button
+        class="ss-reset-button log-btn"
+        @tap="sheep.$router.go('/pages/commission/wallet', { type: 2 })"
+      >
+
         提现记录
       </button>
     </view>
@@ -99,15 +103,22 @@
       >
         <view class="unit" />
         <!--银入输入改为下拉-->
-        <picker @change="bankChange" :value="state.accountInfo.bankName" :range="state.bankList" range-key="label" style="width:100%">
+       <!--银行改为下拉选择-->
+       <picker
+          @change="bankChange"
+          :value="state.bankListSelectedIndex"
+          :range="state.bankList"
+          range-key="label"
+          style="width: 100%"
+        >
           <uni-easyinput
-            :inputBorder="false"																   
-            :value="state.selectedBankName"
+            :inputBorder="false"
+            :value="state.accountInfo.bankName"
             placeholder="请选择银行"
             suffixIcon="right"
             disabled
-            :styles="{disableColor:'#fff',borderColor:'#fff',color:'#333!important'}"
-            />
+            :styles="{ disableColor: '#fff', borderColor: '#fff', color: '#333!important' }"
+          />
         </picker>
       </view>
       <!-- 开户地址 -->
@@ -182,8 +193,8 @@
     frozenDays: 0, // 冻结天数
     minPrice: 0, // 最低提现金额
     withdrawTypes: [], // 提现方式
-    bankList:[], //银行字典数据
-	selectedBankName:"",//选中的银行名称
+    bankList: [], // 银行字典数据
+    bankListSelectedIndex: '', // 选中银行 bankList 的 index
   });
 
   // 打开提现方式的弹窗
@@ -191,30 +202,23 @@
     state.accountSelect = e;
   };
 
-   //获取提现银行配置字典	
-   async function getDictDataListByType(){	   
-	  let { code, data } = await DictApi.getDictDataListByType('brokerage_bank_name');	  
-	  if (code !== 0) {
-	    return;
-	  } 
-	  if(data && data.length > 0) {
-		data.map(item=>{
-			item.text = item.label;
-		})
-	  	state.bankList = data;
-	  }
+  // 获取提现银行配置字典
+  async function getDictDataListByType() {
+    let { code, data } = await DictApi.getDictDataListByType('brokerage_bank_name');
+    if (code !== 0) {
+      return;
+    }
+    if (data && data.length > 0) {
+      state.bankList = data;
+    }
   }
 
   //银行下拉选择
-   function bankChange(e){
-	  console.log(e);
-	  let value = e.target.value;
-	  state.accountInfo.bankName = value;
-	  let curr = state.bankList?.filter(item=>{		 
-		  return item.value == value
-	  })[0];
-	  console.log(curr);
-	  state.selectedBankName = curr.label;
+   // 银行选择
+  function bankChange(e) {
+    const value = e.detail.value;
+    state.bankListSelectedIndex = value;
+    state.accountInfo.bankName = state.bankList[value].label;
   }
 
   // 提交提现