!92 【修复】小程序端银行卡提现，银行名称改为下拉选择。【新增接口】新增系统字典查询接口

Merge pull request !92 from heyho/master

pages/commission/withdraw.vue

@@ -98,12 +98,24 @@
         v-show="state.accountInfo.type === '2'"
       >
         <view class="unit" />
-        <uni-easyinput
+        <!-- <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>
+	
       </view>
       <!-- 开户地址 -->
       <view class="card-title" v-show="state.accountInfo.type === '2'">开户地址</view>
@@ -152,6 +164,7 @@
   import { fen2yuan } from '@/sheep/hooks/useGoods';
   import TradeConfigApi from '@/sheep/api/trade/config';
   import BrokerageApi from '@/sheep/api/trade/brokerage';
+  import DictApi from '@/sheep/api/system/dict';
 
   const headerBg = sheep.$url.css('/static/img/shop/user/withdraw_bg.png');
   const statusBarHeight = sheep.$platform.device.statusBarHeight * 2;
@@ -176,6 +189,8 @@
     frozenDays: 0, // 冻结天数
     minPrice: 0, // 最低提现金额
     withdrawTypes: [], // 提现方式
+	bankList:[], //银行字典数据
+	selectedBankName:"",//选中的银行名称	
   });
 
   // 打开提现方式的弹窗
@@ -186,7 +201,7 @@
   // 提交提现
   const onConfirm = async () => {
     // 参数校验
-    debugger;
+    //debugger;
     if (
       !state.accountInfo.price ||
       state.accountInfo.price > state.brokerageInfo.price ||
@@ -245,9 +260,32 @@
     }
   }
   
+  //获取提现银行配置字典	
+  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;
+  }
+
   onBeforeMount(() => {
     getWithdrawRules();
-    getBrokerageUser()
+    getBrokerageUser();
+	getDictDataListByType();//获取银行字典数据
   })
 </script>
 

sheep/api/system/dict.js

@@ -0,0 +1,16 @@
+import request from '@/sheep/request';
+
+const DictApi = {
+  // 根据字典类型查询字典数据信息
+  getDictDataListByType: (type) => {
+    return request({
+      url: `/system/dict-data/type`,
+      method: 'GET',
+	  params: {
+	    type,
+	  },
+    });
+  },
+};
+
+export default DictApi;