122 lines
2.4 KiB
Vue
122 lines
2.4 KiB
Vue
<template>
|
|
<view class="shop-3-container">
|
|
<u-form :model="form" ref="uForm" label-width="90">
|
|
<u-form-item label="开户行">
|
|
|
|
<view class="manage-type-tips" slot="right" @click="showActionSheet = true"
|
|
>{{ manageType }}
|
|
<u-icon
|
|
style="display: inline-block; margin-left: 8rpx"
|
|
name="arrow-down"
|
|
size="12"
|
|
color="aaaaaa"
|
|
></u-icon>
|
|
</view>
|
|
|
|
</u-form-item>
|
|
<u-form-item label="收款账户">
|
|
<u-input v-model="form.name" placeholder="请输入收款账户"/>
|
|
</u-form-item>
|
|
<u-form-item label="账号名称">
|
|
<u-input v-model="form.intro" placeholder="请输入账号名称"/>
|
|
</u-form-item>
|
|
</u-form>
|
|
<u-picker
|
|
mode="selector"
|
|
:show="showActionSheet"
|
|
:safe-area-inset-bottom="true"
|
|
:default-selector="[0]"
|
|
:columns="arr"
|
|
:keyName="'name'"
|
|
@cancel="handleCancel"
|
|
@confirm="handleConfirm"
|
|
>
|
|
</u-picker>
|
|
<view class="btn-content">
|
|
<u-button class="btn-submit" @click="handleSubmit">提交审核</u-button>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
// import uSelect from '../../components/u-select.vue'
|
|
export default {
|
|
// components:{ uSelect},
|
|
data(){
|
|
return{
|
|
manageType:'请选择您的开户行',
|
|
showActionSheet:false,
|
|
form: {
|
|
openingBank: '',
|
|
intro: '',
|
|
sex: '',
|
|
},
|
|
arr:[
|
|
[
|
|
{
|
|
id:0,
|
|
name: '工商银行'
|
|
},
|
|
{
|
|
id:1,
|
|
name: '建设银行'
|
|
},
|
|
{
|
|
id:2,
|
|
name: '农业银行'
|
|
}
|
|
],
|
|
],
|
|
bankList:[
|
|
|
|
{
|
|
id:0,
|
|
name: '工商银行'
|
|
},
|
|
{
|
|
id:1,
|
|
name: '建设银行'
|
|
},
|
|
{
|
|
id:2,
|
|
name: '农业银行'
|
|
}
|
|
]
|
|
}
|
|
},
|
|
methods:{
|
|
actionSheetCallback(){
|
|
|
|
},
|
|
handleSubmit(){
|
|
uni.switchTab({ url: "/pages/index/index" });
|
|
},
|
|
handleCancel(){
|
|
this.showActionSheet = false;
|
|
},
|
|
handleConfirm(e){
|
|
this.manageType = e.value[0].name;
|
|
this.showActionSheet = false;
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.shop-3-container{
|
|
padding: 24rpx;
|
|
|
|
.btn-content{
|
|
position: fixed;
|
|
bottom: 40rpx;
|
|
width: 88%;
|
|
padding: 0 24rpx;
|
|
}
|
|
|
|
.btn-submit{
|
|
border-radius: 16rpx;
|
|
background: #02a7f0;
|
|
color: #fff;
|
|
}
|
|
}
|
|
</style> |