128 lines
2.4 KiB
Vue
128 lines
2.4 KiB
Vue
<template>
|
|
<view class="bank_add_warp">
|
|
<view class="add_form">
|
|
<view class="add_bank_form_item" v-for="item in formList" :key="item.id">
|
|
<view class="add_title">{{item.title}}</view>
|
|
<up-input
|
|
:placeholder="item.placeholder"
|
|
border="surround"
|
|
v-model="form[item.formName]"
|
|
:customStyle="inputCss"
|
|
></up-input>
|
|
</view>
|
|
</view>
|
|
<view class="add_but" @click="addBank">
|
|
添加
|
|
</view>
|
|
<up-toast ref="uToastRef"></up-toast>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
inputCss:{
|
|
"height":'80rpx',
|
|
"background": "#F5F5F5",
|
|
"border-radius": "30rpx",
|
|
"border": "0rpx",
|
|
"padding-left": "16px",
|
|
},
|
|
form:{
|
|
name:null,
|
|
number:null,
|
|
bankName:null,// 银行名称
|
|
bankBranch:null,// 开户支行
|
|
iban:null,// IBAN
|
|
},
|
|
formList:[
|
|
{
|
|
id:1,
|
|
title:"姓名",
|
|
formName:"name",
|
|
placeholder:"请输入姓名",
|
|
},{
|
|
id:2,
|
|
title:"银行卡账号/卡号",
|
|
formName:"number",
|
|
placeholder:"请输入账号",
|
|
},{
|
|
id:3,
|
|
title:"银行名称",
|
|
formName:"bankName",
|
|
placeholder:"请输入银行名称",
|
|
},{
|
|
id:4,
|
|
title:"开户支行（选填）",
|
|
formName:"bankBranch",
|
|
placeholder:"请属于您的开户支行",
|
|
},{
|
|
id:5,
|
|
title:"IBAN（选填）",
|
|
formName:"iban",
|
|
placeholder:"IBNA",
|
|
},
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
addBank(){
|
|
|
|
const param ={
|
|
...this.form
|
|
};
|
|
if(!param.name){
|
|
this.$refs.uToastRef.show({
|
|
type: 'error',
|
|
message: "请输入姓名",
|
|
});
|
|
return;
|
|
}
|
|
if(!param.number){
|
|
this.$refs.uToastRef.show({
|
|
type: 'error',
|
|
message: "银行卡账号/卡号",
|
|
});
|
|
return;
|
|
}
|
|
if(!param.bankName){
|
|
this.$refs.uToastRef.show({
|
|
type: 'error',
|
|
message: "银行名称",
|
|
});
|
|
return;
|
|
}
|
|
console.log("param",param);
|
|
uni.navigateTo({
|
|
url:'/pages/mine_bank_card/mine_bank_card',
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.bank_add_warp{
|
|
height: calc(100vh - 58rpx);
|
|
background-color: $app-bj;
|
|
padding: 30rpx;
|
|
}
|
|
.add_form{
|
|
background: #FFFFFF;
|
|
border-radius: 30rpx;
|
|
padding: 30rpx;
|
|
}
|
|
|
|
.add_bank_form_item{
|
|
margin-bottom: 30rpx;
|
|
.add_title{
|
|
font-weight: bold;
|
|
font-size: 32rpx;
|
|
color: #111111;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
}
|
|
|
|
</style>
|