|
|
@ -11,32 +11,6 @@
|
|
|
|
layout="vertical"
|
|
|
|
layout="vertical"
|
|
|
|
:wrapper-col="wrapperCol"
|
|
|
|
:wrapper-col="wrapperCol"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<a-form-model-item
|
|
|
|
|
|
|
|
><div class="cardTitle">关联账号</div></a-form-model-item
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<a-form-model-item ref="tel" label="手机号" prop="tel">
|
|
|
|
|
|
|
|
<a-input
|
|
|
|
|
|
|
|
v-model="form.tel"
|
|
|
|
|
|
|
|
style="width: 60%"
|
|
|
|
|
|
|
|
placeholder="请输入手机号"
|
|
|
|
|
|
|
|
@blur="
|
|
|
|
|
|
|
|
() => {
|
|
|
|
|
|
|
|
$refs.tel.onFieldBlur();
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
|
|
|
<a-form-model-item label="手机验证码" prop="code">
|
|
|
|
|
|
|
|
<a-input
|
|
|
|
|
|
|
|
placeholder="请输入验证码"
|
|
|
|
|
|
|
|
v-model="form.code"
|
|
|
|
|
|
|
|
style="width: 60%; margin-right: 10px"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
<!-- <a-button type="primary" @click="getCode">获取验证码</a-button> -->
|
|
|
|
|
|
|
|
<a-button type="primary" @click="getCode" :disabled="inCodeGap">
|
|
|
|
|
|
|
|
{{inCodeGap == false ? '获取验证码' : codeGap+'s后再次获取'}}
|
|
|
|
|
|
|
|
</a-button>
|
|
|
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
|
|
|
<a-form-model-item
|
|
|
|
<a-form-model-item
|
|
|
|
><div class="cardTitle">基础信息</div></a-form-model-item
|
|
|
|
><div class="cardTitle">基础信息</div></a-form-model-item
|
|
|
|
>
|
|
|
|
>
|
|
|
@ -190,6 +164,31 @@
|
|
|
|
v-model="form.contactsAddressDetail"
|
|
|
|
v-model="form.contactsAddressDetail"
|
|
|
|
></a-input>
|
|
|
|
></a-input>
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-form-model-item>
|
|
|
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
|
|
|
><div class="cardTitle">关联账号</div></a-form-model-item
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<a-form-model-item ref="tel" label="手机号" prop="tel">
|
|
|
|
|
|
|
|
<a-input
|
|
|
|
|
|
|
|
v-model="form.tel"
|
|
|
|
|
|
|
|
style="width: 60%"
|
|
|
|
|
|
|
|
placeholder="请输入手机号"
|
|
|
|
|
|
|
|
@blur="
|
|
|
|
|
|
|
|
() => {
|
|
|
|
|
|
|
|
$refs.tel.onFieldBlur();
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
|
|
|
<a-form-model-item label="手机验证码" prop="code">
|
|
|
|
|
|
|
|
<a-input
|
|
|
|
|
|
|
|
placeholder="请输入验证码"
|
|
|
|
|
|
|
|
v-model="form.code"
|
|
|
|
|
|
|
|
style="width: 60%; margin-right: 10px"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
<a-button type="primary" @click="getCode" :disabled="inCodeGap">
|
|
|
|
|
|
|
|
{{inCodeGap == false ? '获取验证码' : codeGap+'s后再次获取'}}
|
|
|
|
|
|
|
|
</a-button>
|
|
|
|
|
|
|
|
</a-form-model-item>
|
|
|
|
</a-form-model>
|
|
|
|
</a-form-model>
|
|
|
|
<div style="text-align: center">
|
|
|
|
<div style="text-align: center">
|
|
|
|
<a-button type="primary" @click="onSubmit"> 提交 </a-button>
|
|
|
|
<a-button type="primary" @click="onSubmit"> 提交 </a-button>
|
|
|
@ -231,20 +230,20 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
// 获取验证码
|
|
|
|
// 获取验证码
|
|
|
|
getCode() {
|
|
|
|
getCode() {
|
|
|
|
let num = setInterval(() => {
|
|
|
|
|
|
|
|
this.inCodeGap = true;
|
|
|
|
|
|
|
|
this.codeGap -= 1;
|
|
|
|
|
|
|
|
if(this.codeGap < 1) {
|
|
|
|
|
|
|
|
clearInterval(num);
|
|
|
|
|
|
|
|
if(this.codeGap < 1) {
|
|
|
|
|
|
|
|
this.inCodeGap = false;
|
|
|
|
|
|
|
|
this.codeGap = 60;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},1000)
|
|
|
|
|
|
|
|
sendTelCode({ tel: this.form.tel }).then((res) => {
|
|
|
|
sendTelCode({ tel: this.form.tel }).then((res) => {
|
|
|
|
if (res) {
|
|
|
|
if (res) {
|
|
|
|
// this.$message.success("取消成功");
|
|
|
|
let num = setInterval(() => {
|
|
|
|
|
|
|
|
this.inCodeGap = false;
|
|
|
|
|
|
|
|
this.inCodeGap = true;
|
|
|
|
|
|
|
|
this.codeGap -= 1;
|
|
|
|
|
|
|
|
if(this.codeGap < 1) {
|
|
|
|
|
|
|
|
clearInterval(num);
|
|
|
|
|
|
|
|
if(this.codeGap < 1) {
|
|
|
|
|
|
|
|
this.inCodeGap = false;
|
|
|
|
|
|
|
|
this.codeGap = 60;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},1000)
|
|
|
|
this.$message.success(res.msg);
|
|
|
|
this.$message.success(res.msg);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|