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

由于后端接收的是银行名称参数会由配置字典进行解析,所以小程序端银行名称是不能让用户输入框手动输入的,需要查询后端字典配置进行显示和选择。提交的值是银行字典对应的value。

Signed-off-by: heyho <heywsk@qq.com>
This commit is contained in:
heyho
2024-09-04 09:31:55 +00:00
committed by Gitee
parent 9f33e44db0
commit 089191e95d
+19 -16
View File
@@ -98,8 +98,14 @@
v-show="state.accountInfo.type === '2'" v-show="state.accountInfo.type === '2'"
> >
<view class="unit" /> <view class="unit" />
<!--银入输入改为下拉--> <!-- <uni-easyinput
<picker @change="bankChange" :value="state.accountInfo.bankName" :range="state.bankList" range-key="label" style="width:100%"> :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 <uni-easyinput
:inputBorder="false" :inputBorder="false"
:value="state.selectedBankName" :value="state.selectedBankName"
@@ -109,6 +115,7 @@
:styles="{disableColor:'#fff',borderColor:'#fff',color:'#333!important'}" :styles="{disableColor:'#fff',borderColor:'#fff',color:'#333!important'}"
/> />
</picker> </picker>
</view> </view>
<!-- 开户地址 --> <!-- 开户地址 -->
<view class="card-title" v-show="state.accountInfo.type === '2'">开户地址</view> <view class="card-title" v-show="state.accountInfo.type === '2'">开户地址</view>
@@ -182,19 +189,19 @@
frozenDays: 0, // 冻结天数 frozenDays: 0, // 冻结天数
minPrice: 0, // 最低提现金额 minPrice: 0, // 最低提现金额
withdrawTypes: [], // 提现方式 withdrawTypes: [], // 提现方式
bankList:[], //银行字典数据 bankList:[], //银行字典数据
selectedBankName:"",//选中的银行名称 selectedBankName:"",//选中的银行名称
}); });
// 打开提现方式的弹窗 // 打开提现方式的弹窗
const onAccountSelect = (e) => { const onAccountSelect = (e) => {
state.accountSelect = e; state.accountSelect = e;
}; };
// 提交提现 // 提交提现
const onConfirm = async () => { const onConfirm = async () => {
// 参数校验 // 参数校验
debugger; //debugger;
if ( if (
!state.accountInfo.price || !state.accountInfo.price ||
state.accountInfo.price > state.brokerageInfo.price || state.accountInfo.price > state.brokerageInfo.price ||
@@ -241,7 +248,7 @@
if (data) { if (data) {
state.minPrice = data.brokerageWithdrawMinPrice || 0; state.minPrice = data.brokerageWithdrawMinPrice || 0;
state.frozenDays = data.brokerageFrozenDays || 0; state.frozenDays = data.brokerageFrozenDays || 0;
state.withdrawTypes = data.brokerageWithdrawTypes; state.withdrawTypes = data.brokerageWithdrawTypes;
} }
} }
@@ -252,23 +259,19 @@
state.brokerageInfo = data; state.brokerageInfo = data;
} }
} }
//获取提现银行配置字典 //获取提现银行配置字典
async function getDictDataListByType(){ async function getDictDataListByType(){
let { code, data } = await DictApi.getDictDataListByType('brokerage_bank_name'); let { code, data } = await DictApi.getDictDataListByType('brokerage_bank_name');
if (code !== 0) { if (code !== 0) {
return; return;
} }
if(data && data.length > 0) { if(data && data.length > 0) {
data.map(item=>{
item.text = item.label;
})
state.bankList = data; state.bankList = data;
} }
} }
//银行下拉选择 function bankChange(e){
function bankChange(e){
console.log(e); console.log(e);
let value = e.target.value; let value = e.target.value;
state.accountInfo.bankName = value; state.accountInfo.bankName = value;
@@ -282,7 +285,7 @@
onBeforeMount(() => { onBeforeMount(() => {
getWithdrawRules(); getWithdrawRules();
getBrokerageUser(); getBrokerageUser();
getDictDataListByType();//获取银行配置字典 getDictDataListByType();//获取银行字典数据
}) })
</script> </script>