Skip to content

M
million
Commit d7d2ccbb authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 7834c847
Hide whitespace changes
Inline Side-by-side
Showing with 150 additions and 61 deletions
src/pages/usercenter/register.vue
View file @ d7d2ccbb
<style>
.regist_Box {
max-width: 420px;
padding: 50px 40px;
margin: 40px auto;
background-color: #fff;
border-radius: 5px;
background-clip: padding-box;
box-shadow: 0 2px 4px 0 rgba(10, 8, 8, .5);
}
.registLogo {
height: 45px;
width: auto;
margin: 0 auto 20px;
display: block;
}
.regist_inner {
margin: 0 -15px 0 -15px;
}
.registform-group {
position: relative;
margin-bottom: 15px;
}
.regist_Box .q-field__control {
height: 46px;
}
.regisTiptext{
font-size: 16px;
margin-bottom: 15px;
color: #999;
text-align: center;
}
.regisTiptext a{
color:#00afff;
cursor: pointer;
}
.regist_Box .q-field__control{
min-height:46px!important;
}
.regist_Box .q-field__native{
min-height:46px;
}
.regist_Box .q-field__marginal{
height:46px;
}
.regisStar{
color:red;
}
</style>
<template> <template>
<q-page> <q-page>
<div class="account"> <div class="account">
<table> <div class="regist_Box">
<tr> <img :src="logo" class="q-mr-lg registLogo" @click="CommonJump('/index',{})" />
<td> <div class="regist_inner">
<img :src="logo" style="height:45px; cursor:pointer;" class="q-mr-lg" @click="CommonJump('/index',{})" /> <p class="regisTiptext">已經有帳號了？<a @click="CommonJump('/login',{})">立即登入</a></p>
</td> </div>
</tr> <div class="registform-group">
<tr> <div class="login_labelName"><span class="regisStar">*</span>姓名</div>
<td> <q-input outlined v-model="registerMsg.Name" class="bg-grey-1" />
已經有帳號了？ <a @click="CommonJump('/login',{})">立即登入</a> </div>
</td> <div class="registform-group">
</tr> <div class="login_labelName"><span class="regisStar">*</span>電子郵件</div>
<tr> <q-input outlined v-model="registerMsg.Account" class="bg-grey-1" />
<td> </div>
*姓名 <div class="registform-group">
<q-input filled name="Name" v-model="registerMsg.Name" class="bg-grey-1" label="姓名" /> <div class="login_labelName"><span class="regisStar">*</span>設定密碼</div>
</td> <q-input outlined v-model="registerMsg.Password" class="bg-grey-1" />
</tr> </div>
<tr> <div class="registform-group">
<td> <div class="login_labelName"><span class="regisStar">*</span>再輸入一次密碼</div>
*電子郵件 <q-input outlined v-model="registerMsg.SurePwd" class="bg-grey-1" />
<q-input filled name="Account" v-model="registerMsg.Account" class="bg-grey-1" label="電子郵件" /> </div>
</td> <div class="registform-group">
</tr> <div class="login_labelName">性別</div>
<tr> <q-select filled v-model="registerMsg.Sex" :options="sexArray" emit-value map-options>
<td> </q-select>
*設定密碼 </div>
<q-input filled name="Password" v-model="registerMsg.Password" class="bg-grey-1" label="設定密碼" /> <div class="registform-group">
</td> <div class="login_labelName">生日</div>
</tr> <q-input filled v-model="registerMsg.Birthday" mask="date">
<tr> <template v-slot:append>
<td> <q-icon name="event" class="cursor-pointer">
*再輸入一次密碼 <q-popup-proxy ref="qDateProxy" transition-show="scale" transition-hide="scale">
<q-input filled name="SurePwd" v-model="registerMsg.SurePwd" class="bg-grey-1" label="再輸入一次密碼" /> <q-date mask="YYYY-MM-DD" v-model="registerMsg.Birthday" @input="() => $refs.qDateProxy.hide()" />
</td> </q-popup-proxy>
</tr> </q-icon>
<tr> </template>
<td> </q-input>
*性別 </div>
<!-- <q-select filled v-model="registerMsg.Sex" :options="sexArray" option-label="Name" option-value="Id" <div class="registform-group">
label="性別"> <div class="login_labelName">聯絡電話</div>
</q-select> --> <q-input outlined v-model="registerMsg.Mobile" class="bg-grey-1" />
</td> </div>
</tr> <div class="registform-group">
<tr> <q-btn color="primary" style="width:100%;height:50px;margin-top:20px;" @click="doRegister" label="免費註冊" />
<td> </div>
*聯絡電話 </div>
<q-input filled name="Mobile" v-model="registerMsg.Mobile" class="bg-grey-1" label="聯絡電話" />
</td>
</tr>
<tr>
<td>
<q-btn type="a" @click="doRegister" label="免費註冊" />
</td>
</tr>
</table>
</div> </div>
</q-page> </q-page>
</template> </template>
...@@ -68,7 +112,7 @@ ...@@ -68,7 +112,7 @@
AccountId: 0, //账号编号 AccountId: 0, //账号编号
Name: "", //姓名 Name: "", //姓名
Account: "", //账号 Account: "", //账号
Sex: "1", //性别(1-男,2-女) Sex: 1, //性别(1-男,2-女)
Birthday: "", //生日 Birthday: "", //生日
Password: "", //密码 Password: "", //密码
SurePwd: "", //确认密码 SurePwd: "", //确认密码
...@@ -76,12 +120,12 @@ ...@@ -76,12 +120,12 @@
}, },
logo: "", //Logo地址 logo: "", //Logo地址
sexArray: [{ sexArray: [{
Id: 1, value: 1,
Name: "男" label: "男"
}, },
{ {
Id: 2, value: 2,
Name: "女" label: "女"
}, },
] ]
}; };
...@@ -101,10 +145,55 @@ ...@@ -101,10 +145,55 @@
}, },
methods: { methods: {
doRegister() { doRegister() {
if(this.registerMsg.Name==''){
this.$q.notify({
type: 'negative',
message:'请输入姓名',
position:'top',
timeout: 2000, // 以毫秒为单位; 0意味着没有超时
})
return;
}
if(this.registerMsg.Account==''){
this.$q.notify({
type: 'negative',
message:'请输入账号',
position:'top',
timeout: 2000, // 以毫秒为单位; 0意味着没有超时
})
return;
}
if(this.registerMsg.Password==''){
this.$q.notify({
type: 'negative',
message:'请输入密码',
position:'top',
timeout: 2000, // 以毫秒为单位; 0意味着没有超时
})
return;
}
if(this.registerMsg.SurePwd==''){
this.$q.notify({
type: 'negative',
message:'请输入确认密码',
position:'top',
timeout: 2000, // 以毫秒为单位; 0意味着没有超时
})
return;
}
if(this.registerMsg.SurePwd!=this.registerMsg.Password){
this.$q.notify({
type: 'negative',
message:'两次输入密码不一致',
position:'top',
timeout: 2000, // 以毫秒为单位; 0意味着没有超时
})
return;
}
this.apipost( this.apipost(
"b2b_post_SetCustomerAccountService", this.registerMsg, "b2b_post_SetCustomerAccountService", this.registerMsg,
res => { res => {
console.log("res", res.data);
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
var jsonData = JSON.stringify(res.data.data); var jsonData = JSON.stringify(res.data.data);
window.localStorage.setItem("b2bUser", jsonData); window.localStorage.setItem("b2bUser", jsonData);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment