|
|
|
@ -13,12 +13,7 @@ |
|
|
|
> |
|
|
|
<a-input v-decorator="['account']" /> |
|
|
|
</a-form-item> |
|
|
|
<a-form-item |
|
|
|
:label-col="formItemLayout.labelCol" |
|
|
|
:wrapper-col="formItemLayout.wrapperCol" |
|
|
|
label="单位性质" |
|
|
|
required |
|
|
|
> |
|
|
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="单位性质" required> |
|
|
|
<a-select placeholder="请选择单位性质" v-decorator="['nature']"> |
|
|
|
<a-select-option value="1">高校</a-select-option> |
|
|
|
<a-select-option value="2">初中</a-select-option> |
|
|
|
@ -42,32 +37,13 @@ |
|
|
|
> |
|
|
|
<a-input v-decorator="['code1']" /> |
|
|
|
</a-form-item> |
|
|
|
<a-form-item |
|
|
|
:label-col="formItemLayout.labelCol" |
|
|
|
:wrapper-col="formItemLayout.wrapperCol" |
|
|
|
label="登录密码" |
|
|
|
required |
|
|
|
> |
|
|
|
<a-input-password |
|
|
|
placeholder="密码由字母和数字混合组成，6-16位字符" |
|
|
|
v-decorator="['password', { rules: passwordRules }]" |
|
|
|
/> |
|
|
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="登录密码" required> |
|
|
|
<a-input-password placeholder="密码由字母和数字混合组成，6-16位字符" v-decorator="['password', { rules: passwordRules }]" /> |
|
|
|
</a-form-item> |
|
|
|
<a-form-item |
|
|
|
:label-col="formItemLayout.labelCol" |
|
|
|
:wrapper-col="formItemLayout.wrapperCol" |
|
|
|
label="确认密码" |
|
|
|
> |
|
|
|
<a-input-password |
|
|
|
placeholder="请再次输入您设置的密码" |
|
|
|
v-decorator="['againCredential', { rules: againPassword }]" |
|
|
|
/> |
|
|
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="确认密码"> |
|
|
|
<a-input-password placeholder="请再次输入您设置的密码" v-decorator="['againCredential', { rules: againPassword }]" /> |
|
|
|
</a-form-item> |
|
|
|
<a-form-item |
|
|
|
:label-col="formItemLayout.labelCol" |
|
|
|
:wrapper-col="formItemLayout.wrapperCol" |
|
|
|
label="手机" |
|
|
|
> |
|
|
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="手机"> |
|
|
|
<a-input |
|
|
|
@change="changePhone" |
|
|
|
placeholder="该手机号用于账号激活、登录及找回密码" |
|
|
|
@ -75,52 +51,21 @@ |
|
|
|
v-decorator="['phone', { rules: phoneRules }]" |
|
|
|
/> |
|
|
|
</a-form-item> |
|
|
|
<a-form-item |
|
|
|
:label-col="formItemLayout.labelCol" |
|
|
|
:wrapper-col="formItemLayout.wrapperCol" |
|
|
|
label="图片验证码" |
|
|
|
required |
|
|
|
> |
|
|
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="图片验证码" required> |
|
|
|
<div class="d-flex flex-nowrap"> |
|
|
|
<a-input placeholder="请输入图片验证码" type="number" v-model="codeNum" /> |
|
|
|
<img |
|
|
|
:src="picCode.imageBase64" |
|
|
|
@click="changePicCode" |
|
|
|
class="code_img ml-2" |
|
|
|
v-if="picCode && picCode.imageBase64" |
|
|
|
/> |
|
|
|
<a-button |
|
|
|
@click="changePicCode" |
|
|
|
class="code_img ml-2" |
|
|
|
size="small" |
|
|
|
type="primary" |
|
|
|
v-else |
|
|
|
>重新获取</a-button> |
|
|
|
<img :src="picCode.imageBase64" @click="changePicCode" class="code_img ml-2" v-if="picCode && picCode.imageBase64" /> |
|
|
|
<a-button @click="changePicCode" class="code_img ml-2" size="small" type="primary" v-else>重新获取</a-button> |
|
|
|
</div> |
|
|
|
</a-form-item> |
|
|
|
<a-form-item |
|
|
|
:label-col="formItemLayout.labelCol" |
|
|
|
:wrapper-col="formItemLayout.wrapperCol" |
|
|
|
label="短信验证码" |
|
|
|
required |
|
|
|
> |
|
|
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="短信验证码" required> |
|
|
|
<div class="d-flex flex-nowrap"> |
|
|
|
<a-input |
|
|
|
placeholder="请输入验证码" |
|
|
|
type="number" |
|
|
|
v-decorator="['smsCode', { rules: codeRules }]" |
|
|
|
/> |
|
|
|
<a-input placeholder="请输入验证码" type="number" v-decorator="['smsCode', { rules: codeRules }]" /> |
|
|
|
<a-button class="ml-2" disabled type="primary" v-if="showInterval">重新发送 {{ interval }}</a-button> |
|
|
|
<a-button |
|
|
|
:disabled="phone && phone.length !== 11" |
|
|
|
@click="getCode" |
|
|
|
class="ml-2" |
|
|
|
type="primary" |
|
|
|
v-else |
|
|
|
>获取验证码</a-button> |
|
|
|
<a-button :disabled="phone && phone.length !== 11" @click="getCode" class="ml-2" type="primary" v-else>获取验证码</a-button> |
|
|
|
</div> |
|
|
|
</a-form-item> |
|
|
|
<a-form-item |
|
|
|
<!-- <a-form-item |
|
|
|
:label-col="formItemLayout.labelCol" |
|
|
|
:wrapper-col="formItemLayout.wrapperCol" |
|
|
|
label="来源" |
|
|
|
@ -128,7 +73,7 @@ |
|
|
|
<a-select placeholder="请选择来源" v-decorator="['source', {initialValue: source }]"> |
|
|
|
<a-select-option value="1">绿谷</a-select-option> |
|
|
|
</a-select> |
|
|
|
</a-form-item> |
|
|
|
</a-form-item> --> |
|
|
|
<div class="d-flex flex-row-reverse"> |
|
|
|
<a-button block class="my-5" html-type="submit" style="width: 75%" type="primary">立即注册</a-button> |
|
|
|
</div> |
|
|
|
@ -219,15 +164,15 @@ export default { |
|
|
|
e.preventDefault(); |
|
|
|
this.form.validateFields(async (err, values) => { |
|
|
|
if (!err) { |
|
|
|
console.log('Received values of form: ', values); |
|
|
|
// console.log('Received values of form: ', values); |
|
|
|
try { |
|
|
|
const { account, nature, fullName, code1, password, phone, smsCode, source } = values; |
|
|
|
this.info = values; |
|
|
|
const params = { account, password, phone, smsCode, source }; |
|
|
|
const params = { account, password, phone, smsCode, source: 1 }; |
|
|
|
await this.signUp(params); |
|
|
|
this.saveUserMes(); |
|
|
|
} catch (error) { |
|
|
|
console.log(`mechanismSignUp.vue methods handleSignUp: ${error}`); |
|
|
|
// console.log(`mechanismSignUp.vue methods handleSignUp: ${error}`); |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
@ -238,9 +183,9 @@ export default { |
|
|
|
async saveUserMes() { |
|
|
|
try { |
|
|
|
const { account, nature, fullName, code1, password, phone, smsCode, source } = this.info; |
|
|
|
console.log('this.info: ', this.info); |
|
|
|
// console.log('this.info: ', this.info); |
|
|
|
const params = { param: { code: code1, companyName: fullName, mold: nature, name: account, nickname: '', phone, type: 2 } }; |
|
|
|
console.log('params: ', params); |
|
|
|
// console.log('params: ', params); |
|
|
|
const res = await saveUserMes(params); |
|
|
|
const { code, msg, data } = res.data; |
|
|
|
if (code === 200) { |
|
|
|
@ -252,7 +197,7 @@ export default { |
|
|
|
throw msg; |
|
|
|
} |
|
|
|
} catch (error) { |
|
|
|
console.log(`mechanismSignUp.vue methods saveUserMes: ${error}`); |
|
|
|
// console.log(`mechanismSignUp.vue methods saveUserMes: ${error}`); |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
