Parcourir la source

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

YunaiV il y a 1 an
Parent
commit
81cd02bbee
3 fichiers modifiés avec 49 ajouts et 59 suppressions
  1. 45 47
      pages/commission/withdraw.vue
  2. 0 8
      sheep/api/promotion/combination.js
  3. 4 4
      sheep/api/system/dict.js

+ 45 - 47
pages/commission/withdraw.vue

@@ -15,7 +15,10 @@
         <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>
@@ -98,24 +101,23 @@
         v-show="state.accountInfo.type === '2'"
       >
         <view class="unit" />
-        <!-- <uni-easyinput
-          :inputBorder="false"
-          class="ss-flex-1 ss-p-l-10"
-          v-model="state.accountInfo.bankName"
-          placeholder="请输入提现银行"
-        /> -->
-		<!--银行改为下拉选择-->
-		<picker @change="bankChange" :value="state.accountInfo.bankName" :range="state.bankList" range-key="label" style="width:100%">
-			<uni-easyinput
-				:inputBorder="false"																   
-				:value="state.selectedBankName"
-				placeholder="请选择银行"
-				suffixIcon="right"
-				disabled
-				:styles="{disableColor:'#fff',borderColor:'#fff',color:'#333!important'}"
-				 />
-		</picker>
-	
+        <!--银行改为下拉选择-->
+        <picker
+          @change="bankChange"
+          :value="state.bankListSelectedIndex"
+          :range="state.bankList"
+          range-key="label"
+          style="width: 100%"
+        >
+          <uni-easyinput
+            :inputBorder="false"
+            :value="state.accountInfo.bankName"
+            placeholder="请选择银行"
+            suffixIcon="right"
+            disabled
+            :styles="{ disableColor: '#fff', borderColor: '#fff', color: '#333!important' }"
+          />
+        </picker>
       </view>
       <!-- 开户地址 -->
       <view class="card-title" v-show="state.accountInfo.type === '2'">开户地址</view>
@@ -189,13 +191,13 @@
     frozenDays: 0, // 冻结天数
     minPrice: 0, // 最低提现金额
     withdrawTypes: [], // 提现方式
-	bankList:[], //银行字典数据
-	selectedBankName:"",//选中的银行名称	
+    bankList: [], // 银行字典数据
+    bankListSelectedIndex: '', // 选中银行 bankList 的 index
   });
 
   // 打开提现方式的弹窗
   const onAccountSelect = (e) => {
-    state.accountSelect = e;	
+    state.accountSelect = e;
   };
 
   // 提交提现
@@ -230,12 +232,12 @@
       confirmText: '查看记录',
       success: (res) => {
         if (res.confirm) {
-          sheep.$router.go('/pages/commission/wallet', { type: 2 })
+          sheep.$router.go('/pages/commission/wallet', { type: 2 });
           return;
         }
         getBrokerageUser();
         state.accountInfo = {};
-      }
+      },
     });
   };
 
@@ -248,7 +250,7 @@
     if (data) {
       state.minPrice = data.brokerageWithdrawMinPrice || 0;
       state.frozenDays = data.brokerageFrozenDays || 0;
-      state.withdrawTypes = data.brokerageWithdrawTypes;	
+      state.withdrawTypes = data.brokerageWithdrawTypes;
     }
   }
 
@@ -259,34 +261,30 @@
       state.brokerageInfo = 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;
-	  }
+
+  // 获取提现银行配置字典
+  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;
   }
 
   onBeforeMount(() => {
     getWithdrawRules();
     getBrokerageUser();
-	getDictDataListByType();//获取银行字典数据
-  })
+    getDictDataListByType(); //获取银行字典数据
+  });
 </script>
 
 <style lang="scss" scoped>

+ 0 - 8
sheep/api/promotion/combination.js

@@ -2,14 +2,6 @@ import request from '@/sheep/request';
 
 // 拼团 API
 const CombinationApi = {
-  // 获得拼团活动列表
-  getCombinationActivityList: (count) => {
-    return request({
-      url: '/promotion/combination-activity/list',
-      method: 'GET',
-      params: { count },
-    });
-  },
 
   // 获得拼团活动分页
   getCombinationActivityPage: (params) => {

+ 4 - 4
sheep/api/system/dict.js

@@ -6,11 +6,11 @@ const DictApi = {
     return request({
       url: `/system/dict-data/type`,
       method: 'GET',
-	  params: {
-	    type,
-	  },
+      params: {
+        type,
+      },
     });
   },
 };
 
-export default DictApi;
+export default DictApi;