|
@@ -3,28 +3,34 @@
|
|
|
<view class="index-content-info">
|
|
|
<!-- 头部主要内容 开始 -->
|
|
|
<view class="index-content-header">
|
|
|
- <customNavbar :title="title" bgColor="rgba(0,0,0,0)" :is-left="true" :customNavbarInfo='{}'>
|
|
|
+ <customNavbar
|
|
|
+ :title="title"
|
|
|
+ bgColor="rgba(0,0,0,0)"
|
|
|
+ :is-left="true"
|
|
|
+ :customNavbarInfo='{}'
|
|
|
+ :leftStyle="{ color: '#fff' }"
|
|
|
+ >
|
|
|
</customNavbar>
|
|
|
</view>
|
|
|
<!-- 头部主要内容 结束 -->
|
|
|
- <view>
|
|
|
- <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm">
|
|
|
- <u-form-item label="真实姓名" prop="name" borderBottom ref="item1">
|
|
|
+ <view style="padding: 30rpx;">
|
|
|
+ <u--form labelPosition="left" :model="form" :rules="rules" labelWidth='100' ref="uForm">
|
|
|
+ <u-form-item label="真实姓名" prop="name" borderBottom>
|
|
|
<u--input v-model="form.name" border="none"></u--input>
|
|
|
</u-form-item>
|
|
|
- <u-form-item label="开户行" prop="bankName" borderBottom ref="item1">
|
|
|
+ <u-form-item label="开户行" prop="bankName" borderBottom>
|
|
|
<u--input v-model="form.bankName" border="none"></u--input>
|
|
|
</u-form-item>
|
|
|
- <u-form-item label="银行卡号" prop="bankNo" borderBottom ref="item1">
|
|
|
+ <u-form-item label="银行卡号" prop="bankNo" borderBottom>
|
|
|
<u--input v-model="form.bankNo" border="none"></u--input>
|
|
|
</u-form-item>
|
|
|
- <u-form-item label="开户行" prop="openBankName" borderBottom ref="item1">
|
|
|
+ <u-form-item label="开户行" prop="openBankName" borderBottom>
|
|
|
<u--input v-model="form.openBankName" border="none"></u--input>
|
|
|
</u-form-item>
|
|
|
</u--form>
|
|
|
</view>
|
|
|
- <view>
|
|
|
- <u-button type="primary" @click="getRetailQrcode()" text="提交"></u-button>
|
|
|
+ <view style="padding: 30rpx;">
|
|
|
+ <u-button type="primary" @click="insertOrUpdateFun()" text="提交"></u-button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -54,28 +60,24 @@
|
|
|
},
|
|
|
'moblie': {
|
|
|
type: 'string',
|
|
|
- max: 1,
|
|
|
required: true,
|
|
|
message: '请输入手机号',
|
|
|
trigger: ['blur', 'change']
|
|
|
},
|
|
|
'bankName': {
|
|
|
type: 'string',
|
|
|
- max: 1,
|
|
|
required: true,
|
|
|
message: '请输入银行名称',
|
|
|
trigger: ['blur', 'change']
|
|
|
},
|
|
|
'bankNo': {
|
|
|
type: 'string',
|
|
|
- max: 1,
|
|
|
required: true,
|
|
|
message: '请输入银行卡号',
|
|
|
trigger: ['blur', 'change']
|
|
|
},
|
|
|
'openBankName': {
|
|
|
type: 'string',
|
|
|
- max: 1,
|
|
|
required: true,
|
|
|
message: '请输入开户行',
|
|
|
trigger: ['blur', 'change']
|
|
@@ -84,7 +86,7 @@
|
|
|
}
|
|
|
},
|
|
|
onLoad() {
|
|
|
-
|
|
|
+ this.getRetailQrcode()
|
|
|
},
|
|
|
onShow() {
|
|
|
this.statusBarHeight = getApp().globalData.statusBarHeight
|
|
@@ -123,22 +125,29 @@
|
|
|
/**
|
|
|
* 提交 我的银行卡
|
|
|
*/
|
|
|
- async getRetailQrcode() {
|
|
|
+ async insertOrUpdateFun() {
|
|
|
this.$refs.uForm.validate().then(async res => {
|
|
|
try {
|
|
|
uni.showLoading({
|
|
|
title: "提交数据中..."
|
|
|
})
|
|
|
- let res = await this.$u.api.insertOrUpdateApi({...this.form})
|
|
|
+ let res = await this.$u.api.insertOrUpdateApi({...this.form})
|
|
|
+ uni.hideLoading()
|
|
|
if (res && res.code === 200) {
|
|
|
- uni.hideLoading()
|
|
|
uni.showToast({
|
|
|
- title: "绑定成功!!!"
|
|
|
+ title: "绑定成功!!!",
|
|
|
+ duration: 2000
|
|
|
})
|
|
|
- this.getRetailQrcode()
|
|
|
+ setTimeout(()=>{
|
|
|
+ this.getRetailQrcode()
|
|
|
+ },2000)
|
|
|
}
|
|
|
this.loading = false
|
|
|
} catch (e) {
|
|
|
+ uni.hideLoading()
|
|
|
+ uni.showToast({
|
|
|
+ title: "绑定失败!!!"
|
|
|
+ })
|
|
|
//TODO handle the exception
|
|
|
console.error("e===", e)
|
|
|
this.loading = false
|
|
@@ -158,9 +167,6 @@
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
box-sizing: border-box;
|
|
|
-
|
|
|
- --header-h: 170rpx;
|
|
|
-
|
|
|
// background-color:
|
|
|
.index-content-info {
|
|
|
width: 100%;
|
|
@@ -171,7 +177,6 @@
|
|
|
/** 头部主要内容 开始 */
|
|
|
.index-content-header {
|
|
|
width: 100%;
|
|
|
- height: var(--header-h);
|
|
|
box-sizing: border-box;
|
|
|
background-color: var(--gd-bgm-color);
|
|
|
|