|
@@ -7,12 +7,37 @@
|
|
<div class="main">
|
|
<div class="main">
|
|
<navbar :user="user"></navbar>
|
|
<navbar :user="user"></navbar>
|
|
<div class="main-reg">
|
|
<div class="main-reg">
|
|
-
|
|
|
|
<form ref="regForm" style="margin: 50px auto;">
|
|
<form ref="regForm" style="margin: 50px auto;">
|
|
<!-- active0 -->
|
|
<!-- active0 -->
|
|
- <ul class="fhlist">
|
|
|
|
|
|
+ <ul class="fhlist" style="width: 600px;margin:0 auto">
|
|
<li class="mt10">
|
|
<li class="mt10">
|
|
- <span class="title"><em class="fvx">*</em>证件姓名</span>
|
|
|
|
|
|
+ <span class="title">
|
|
|
|
+ <em class="fvx">*</em>手机号</span>
|
|
|
|
+
|
|
|
|
+ <input type="text" name="phone" v-model="phone" class="ui-ipt iptform" :disabled="!!count" placeholder="输入手机">
|
|
|
|
+
|
|
|
|
+ <span class="formver ng-scope" v-if="phone && phone.length!=11">
|
|
|
|
+ <span class="p-ico ico-formver"></span>
|
|
|
|
+ <span class="p-ico ico-worm"></span>请输入合法手机
|
|
|
|
+ </span>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="mt10">
|
|
|
|
+ <span class="title"><em class="fvx">*</em>校验码</span>
|
|
|
|
+ <input type="text" name="code" v-model="code" class="ui-ipt iptform2" placeholder="输入校验码">
|
|
|
|
+
|
|
|
|
+ <el-button class="auth-code" type="primary" v-if="phone.length!=11" disabled>校验码</el-button>
|
|
|
|
+ <el-button class="auth-code" type="primary" v-else-if="!count" @click="getCode()">校验码</el-button>
|
|
|
|
+ <el-button class="auth-code" type="primary" disabled v-else>{{count}} s</el-button>
|
|
|
|
+
|
|
|
|
+ <!-- <span class="formver ng-scope" v-if="phone.length==11 && code.length<4">
|
|
|
|
+ <span class="p-ico ico-formver"></span>
|
|
|
|
+ <span class="p-ico ico-worm"></span>请输入校验码
|
|
|
|
+ </span> -->
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="mt10">
|
|
|
|
+ <span class="title"><em class="fvx">*</em>姓名</span>
|
|
<input type="text" name="name" v-model="name" class="ui-ipt iptform" placeholder="输入真实姓名" clearable>
|
|
<input type="text" name="name" v-model="name" class="ui-ipt iptform" placeholder="输入真实姓名" clearable>
|
|
</li>
|
|
</li>
|
|
|
|
|
|
@@ -27,29 +52,25 @@
|
|
</li>
|
|
</li>
|
|
|
|
|
|
<li class="mt10">
|
|
<li class="mt10">
|
|
- <span class="title">
|
|
|
|
- <em class="fvx">*</em>手机号</span>
|
|
|
|
-
|
|
|
|
- <input type="text" name="phone" v-model="phone" class="ui-ipt iptform" :disabled="!!count" placeholder="输入手机" >
|
|
|
|
-
|
|
|
|
- <span class="formver ng-scope" v-if="phone && phone.length!=11">
|
|
|
|
- <span class="p-ico ico-formver"></span>
|
|
|
|
- <span class="p-ico ico-worm"></span>请输入合法手机
|
|
|
|
- </span>
|
|
|
|
-
|
|
|
|
- <el-button class="auth-code" type="primary" v-else-if="!count" @click="getCode()">短信校验码</el-button>
|
|
|
|
- <el-button class="auth-code" type="primary" disabled v-else>{{count}} s</el-button>
|
|
|
|
|
|
+ <span class="title"><em class="fvx">*</em>学历</span>
|
|
|
|
+ <input type="text" name="education" v-model="education" class="ui-ipt iptform" placeholder="输入学历" clearable>
|
|
</li>
|
|
</li>
|
|
|
|
|
|
|
|
+
|
|
<li class="mt10">
|
|
<li class="mt10">
|
|
- <span class="title"><em class="fvx">*</em>校验码</span>
|
|
|
|
- <input type="text" name="code" v-model="code" class="ui-ipt iptform" placeholder="输入校验码">
|
|
|
|
- <span class="formver ng-scope" v-if="phone.length==11 && code.length<4">
|
|
|
|
- <span class="p-ico ico-formver"></span>
|
|
|
|
- <span class="p-ico ico-worm"></span>请输入校验码
|
|
|
|
- </span>
|
|
|
|
|
|
+ <span class="title"><em class="fvx">*</em>工作单位</span>
|
|
|
|
+ <input type="text" name="company" v-model="company" class="ui-ipt iptform" placeholder="输入工作单位" clearable>
|
|
</li>
|
|
</li>
|
|
|
|
|
|
|
|
+
|
|
|
|
+ <!-- <li class="mt10">
|
|
|
|
+ <span class="title"><em class="fvx">*</em>证书编号</span>
|
|
|
|
+ <input type="text" name="rzCode" v-model="rzCode" class="ui-ipt iptform" placeholder="输入证书编号" clearable>
|
|
|
|
+ </li> -->
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
<li class="mb5">
|
|
<li class="mb5">
|
|
<span class="title">
|
|
<span class="title">
|
|
<em class="fvx">*</em>账户密码</span>
|
|
<em class="fvx">*</em>账户密码</span>
|
|
@@ -90,7 +111,7 @@
|
|
|
|
|
|
<li class="m-t-20">
|
|
<li class="m-t-20">
|
|
<span class="title"> </span>
|
|
<span class="title"> </span>
|
|
- <input class="ui-btn btn-r" type="button" value="提 交" :disabled="!cansubmit()" @click="submitData()" >
|
|
|
|
|
|
+ <input class="ui-btn btn-r" type="button" value="提 交" :disabled="!cansubmit()" @click="submitData()">
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</form>
|
|
</form>
|
|
@@ -99,9 +120,10 @@
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
-
|
|
|
|
-import data from "@/components/data/data.js";
|
|
|
|
- import { httpServer } from "@/components/httpServer/httpServer.js";
|
|
|
|
|
|
+ import data from "@/components/data/data.js";
|
|
|
|
+ import {
|
|
|
|
+ httpServer
|
|
|
|
+ } from "@/components/httpServer/httpServer.js";
|
|
import navbar from "@/components/nav/navbar.vue";
|
|
import navbar from "@/components/nav/navbar.vue";
|
|
import md5 from 'js-md5'
|
|
import md5 from 'js-md5'
|
|
export default {
|
|
export default {
|
|
@@ -113,18 +135,18 @@ import data from "@/components/data/data.js";
|
|
user: {
|
|
user: {
|
|
nickname: ''
|
|
nickname: ''
|
|
},
|
|
},
|
|
- count:0,
|
|
|
|
|
|
+ count: 0,
|
|
name: '',
|
|
name: '',
|
|
passwordLevel: 'sick',
|
|
passwordLevel: 'sick',
|
|
password: '',
|
|
password: '',
|
|
|
|
|
|
confirmPassword: '',
|
|
confirmPassword: '',
|
|
phone: '',
|
|
phone: '',
|
|
- code:"",
|
|
|
|
|
|
+ code: "",
|
|
err: '',
|
|
err: '',
|
|
cardId: '',
|
|
cardId: '',
|
|
timer: false,
|
|
timer: false,
|
|
- rules: data.rulesData( this.validatePass )
|
|
|
|
|
|
+ rules: data.rulesData(this.validatePass)
|
|
};
|
|
};
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|
|
@@ -197,30 +219,32 @@ import data from "@/components/data/data.js";
|
|
if (!this.checkPhone()) return;
|
|
if (!this.checkPhone()) return;
|
|
let phone = this.phone
|
|
let phone = this.phone
|
|
|
|
|
|
- httpServer("Auth.getCode", {phone}).then(res => {
|
|
|
|
- if( res.code == 200){
|
|
|
|
|
|
+ httpServer("Auth.getCode", {
|
|
|
|
+ phone
|
|
|
|
+ }).then(res => {
|
|
|
|
+ if (res.code == 200) {
|
|
this.$message.successMsg("发送成功", 1)
|
|
this.$message.successMsg("发送成功", 1)
|
|
this.startTimer()
|
|
this.startTimer()
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- startTimer(){
|
|
|
|
|
|
+ startTimer() {
|
|
const TIME_COUNT = 60; //更改倒计时时间
|
|
const TIME_COUNT = 60; //更改倒计时时间
|
|
- if( this.timer) clearInterval( this.timer );
|
|
|
|
|
|
+ if (this.timer) clearInterval(this.timer);
|
|
this.count = TIME_COUNT;
|
|
this.count = TIME_COUNT;
|
|
this.timer = setInterval(() => {
|
|
this.timer = setInterval(() => {
|
|
- if (this.count > 0 ) {
|
|
|
|
- this.count--;
|
|
|
|
- } else {
|
|
|
|
- clearInterval(this.timer); // 清除定时器
|
|
|
|
- this.timer = null;
|
|
|
|
- this.count = 0;
|
|
|
|
- }
|
|
|
|
- }, 1000)
|
|
|
|
|
|
+ if (this.count > 0) {
|
|
|
|
+ this.count--;
|
|
|
|
+ } else {
|
|
|
|
+ clearInterval(this.timer); // 清除定时器
|
|
|
|
+ this.timer = null;
|
|
|
|
+ this.count = 0;
|
|
|
|
+ }
|
|
|
|
+ }, 1000)
|
|
},
|
|
},
|
|
cansubmit() {
|
|
cansubmit() {
|
|
if (this.isPhoneErr()) return false;
|
|
if (this.isPhoneErr()) return false;
|
|
- if (this.cardId.length!=18) return false;
|
|
|
|
|
|
+ if (this.cardId.length != 18) return false;
|
|
if (!this.name) return false;
|
|
if (!this.name) return false;
|
|
if (!this.password || this.password != this.confirmPassword) return false;
|
|
if (!this.password || this.password != this.confirmPassword) return false;
|
|
if (this.password.length < 6) return false;
|
|
if (this.password.length < 6) return false;
|