|
|
|
|
|
|
|
|
<view class="container"> |
|
|
<view class="container"> |
|
|
<u-form label-width='200' :model="state.form" ref="uForm"> |
|
|
<u-form label-width='200' :model="state.form" ref="uForm"> |
|
|
<u-form-item label="姓名"> |
|
|
<u-form-item label="姓名"> |
|
|
<u-input v-model="state.form.name" placeholder='请输入姓名'/> |
|
|
|
|
|
|
|
|
<u-input v-model="state.form.name" placeholder='请输入姓名' /> |
|
|
</u-form-item> |
|
|
</u-form-item> |
|
|
<u-form-item label="银行卡号"> |
|
|
<u-form-item label="银行卡号"> |
|
|
<u-input v-model="state.form.card" placeholder='请输入银行卡号'/> |
|
|
|
|
|
|
|
|
<u-input v-model="state.form.card" placeholder='请输入银行卡号' /> |
|
|
</u-form-item> |
|
|
</u-form-item> |
|
|
<u-form-item label="开户银行"> |
|
|
<u-form-item label="开户银行"> |
|
|
<u-input v-model="state.form.bank" placeholder='请输入开户银行'/> |
|
|
|
|
|
|
|
|
<u-input v-model="state.form.bank" placeholder='请输入开户银行' /> |
|
|
</u-form-item> |
|
|
</u-form-item> |
|
|
<!-- <u-form-item label="身份证"> |
|
|
<!-- <u-form-item label="身份证"> |
|
|
<u-input v-model="state.form.agentgender" /> |
|
|
<u-input v-model="state.form.agentgender" /> |
|
|
|
|
|
|
|
|
<!-- <u-form-item label="开户银行"> |
|
|
<!-- <u-form-item label="开户银行"> |
|
|
<u-input v-model="state.form.begindate" type="select" /> |
|
|
<u-input v-model="state.form.begindate" type="select" /> |
|
|
</u-form-item> --> |
|
|
</u-form-item> --> |
|
|
<!-- <u-form-item label="银行预留手机号"> |
|
|
|
|
|
|
|
|
<!-- <u-form-item label="银行预留手机号"> |
|
|
<u-input v-model="state.form.phone" /> |
|
|
<u-input v-model="state.form.phone" /> |
|
|
</u-form-item> --> |
|
|
</u-form-item> --> |
|
|
<u-form-item label="银行预留手机号"> |
|
|
<u-form-item label="银行预留手机号"> |
|
|
<u-input v-model="state.form.phone" placeholder='请输入银行预留手机号'/> |
|
|
|
|
|
<u-button type="success" size="mini" @click="getCode" v-if="waitTime==0">获取验证码</u-button> |
|
|
|
|
|
|
|
|
<u-input v-model="state.form.phone" placeholder='请输入银行预留手机号' /> |
|
|
|
|
|
<u-button type="success" size="mini" @click="getCode" v-if="waitTime==0">获取验证码</u-button> |
|
|
<text class="btn" v-else>{{waitTime}}后重试</text> |
|
|
<text class="btn" v-else>{{waitTime}}后重试</text> |
|
|
</u-form-item> |
|
|
</u-form-item> |
|
|
<u-form-item label="验证码" placeholder='请输入验证码'> |
|
|
<u-form-item label="验证码" placeholder='请输入验证码'> |
|
|
|
|
|
|
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script setup lang="ts"> |
|
|
<script setup lang="ts"> |
|
|
import { reactive,ref } from "vue"; |
|
|
|
|
|
import {request} from "@/utils/network/request.js"; |
|
|
|
|
|
import {addBankCard,sendCode} from "@/utils/network/api.js"; |
|
|
|
|
|
import {stringToJson} from "@/utils/network/encryption.js"; |
|
|
|
|
|
|
|
|
import { reactive, ref } from "vue"; |
|
|
|
|
|
import { request } from "@/utils/network/request.js"; |
|
|
|
|
|
import { addBankCard, sendCode } from "@/utils/network/api.js"; |
|
|
|
|
|
import { stringToJson } from "@/utils/network/encryption.js"; |
|
|
import { msg } from "@/utils/utils"; |
|
|
import { msg } from "@/utils/utils"; |
|
|
let waitTime = ref(0); |
|
|
let waitTime = ref(0); |
|
|
const state = reactive({ |
|
|
const state = reactive({ |
|
|
form: { |
|
|
form: { |
|
|
name:'', |
|
|
|
|
|
card:'', |
|
|
|
|
|
bank:'', |
|
|
|
|
|
phone:'', |
|
|
|
|
|
code:'', |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
name: '', |
|
|
|
|
|
card: '', |
|
|
|
|
|
bank: '', |
|
|
|
|
|
phone: '', |
|
|
|
|
|
code: '', |
|
|
|
|
|
}, |
|
|
// isDefault:0, //是否默认 |
|
|
// isDefault:0, //是否默认 |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const submit = () => { |
|
|
const submit = () => { |
|
|
for(var i in state.form){ |
|
|
|
|
|
if(!state.form[i]){ |
|
|
|
|
|
|
|
|
for (var i in state.form) { |
|
|
|
|
|
if (!state.form[i]) { |
|
|
msg('请将信息填写完整!'); |
|
|
msg('请将信息填写完整!'); |
|
|
return; |
|
|
return; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
}; |
|
|
}; |
|
|
request(addBankCard, options).then((res) => { |
|
|
request(addBankCard, options).then((res) => { |
|
|
const data = stringToJson(res.bizContent) |
|
|
const data = stringToJson(res.bizContent) |
|
|
console.log("添加银行卡",data) |
|
|
|
|
|
|
|
|
msg('银行卡新增成功') |
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
|
uni.navigateBack({ |
|
|
|
|
|
delta: 1 |
|
|
|
|
|
}) |
|
|
|
|
|
}, 1500) |
|
|
|
|
|
|
|
|
|
|
|
console.log("添加银行卡", data) |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
const getCode = () => { |
|
|
const getCode = () => { |
|
|
|
|
|
|
|
|
method: "POST", //提交方式(默认POST) |
|
|
method: "POST", //提交方式(默认POST) |
|
|
showLoading: true, //是否显示加载中(默认显示) |
|
|
showLoading: true, //是否显示加载中(默认显示) |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//调用方式 |
|
|
//调用方式 |
|
|
request(sendCode, options) |
|
|
request(sendCode, options) |
|
|
.then((res) => { |
|
|
.then((res) => { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}) |
|
|
}) |
|
|
.catch((err) => { |
|
|
.catch((err) => { |
|
|
console.log(err); |
|
|
console.log(err); |
|
|
|
|
|
|
|
|
.container { |
|
|
.container { |
|
|
padding: 30rpx; |
|
|
padding: 30rpx; |
|
|
} |
|
|
} |
|
|
.uni-list-cell{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.uni-list-cell { |
|
|
display: flex; |
|
|
display: flex; |
|
|
margin: 10rpx auto; |
|
|
margin: 10rpx auto; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
} |
|
|
} |
|
|
::v-deep .u-form-item--right__content__slot{ |
|
|
|
|
|
display:flex !important; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
::v-deep .u-form-item--right__content__slot { |
|
|
|
|
|
display: flex !important; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
} |
|
|
} |
|
|
.btn{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.btn { |
|
|
background: #19BE6B; |
|
|
background: #19BE6B; |
|
|
padding: 0rpx 32rpx; |
|
|
padding: 0rpx 32rpx; |
|
|
border-radius: 10rpx; |
|
|
border-radius: 10rpx; |
|
|
|
|
|
|
|
|
line-height: 46rpx; |
|
|
line-height: 46rpx; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
|
|
|
|
|
|
</style> |