Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
478ae091 by simon
Options

默认提交

1 parent eed82949
Inline Side-by-side
Showing 34 changed files with 923 additions and 25 deletions
......@@ -344,6 +344,10 @@ textarea {
margin: 0 auto;
}
.focus{
border: 1px solid $cOrange ;
}
.app__width {
width: 750px;
}
......@@ -405,4 +409,10 @@ textarea {
.swiper-pagination-bullet-active {
background: #f05a23 !important;
}
.ipt:focus {
border-color: $cOrange !important;
}
</style>
......
......@@ -13,8 +13,7 @@ function Toast(msg) {
// 服务器地址
// let base = process.env.REQUEST_DOMAIN || "http://localhost:9101";
// let base = COM.baseUrl;
let base = ""
console.log("process.env:", process.env);
let base = "";
const axios = axiosIns.create({
baseURL: process.env.VUE_APP_BASE_URL || "http://localhost:9101",
timeout: 5000
......

3 KB | W: | H:

2.2 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

2.87 KB | W: | H:

2.16 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

3.23 KB | W: | H:

2.41 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

3.05 KB | W: | H:

2.19 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

2.93 KB | W: | H:

2.16 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

3.21 KB | W: | H:

2.41 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

3.03 KB | W: | H:

2.28 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

2.95 KB | W: | H:

2.19 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
......@@ -51,7 +51,7 @@ module.exports = {
},
{
name: "Pay premium",
path: "/payment/type"
path: "/custom/service?q=m2"
},
{
name: "Query policy",
......
......@@ -51,7 +51,7 @@ module.exports = {
},
{
name: "繳付保費",
path: "/payment/type"
path: "/custom/service?q=m2"
},
{
name: "保單查詢",
......
......@@ -51,7 +51,7 @@ module.exports = {
},
{
name: "缴付保费",
path: "/payment/type"
path: "/custom/service?q=m2"
},
{
name: "保单查询",
......
......@@ -73,7 +73,7 @@
}
}
.focus {
.public {
width: 6.25rem;
text-align: center;
margin-right: 3rem;
......
......@@ -39,7 +39,7 @@
</div>
</div>
<div class="focus">
<div class="public">
<div class="tit">{{$t('footer.qrcode')}}</div>
<img class="qrcode" src="@/assets/images/home/qrcode-focus.png" alt="">
</div>
......
import api from '@/api/api'
import {
httpGet,
httpPost
} from '@/api/fetch-api.js'
export default {
data() {
return {
key: 'value'
}
},
components: {},
methods: {
initData() {}
},
mounted() {},
created() {
}
}
\ No newline at end of file
@import '@/styles/_support';
<template>
<div class="comp">
modal-comp
</div>
</template>
<script src="./modal-comp.js"></script>
<style lang="scss" scoped>
@import "./modal-comp.scss";
</style>
......@@ -6,13 +6,13 @@
</div>
<div class="top-space"></div>
<div class="box product">
<div class="product-item" @click="toPage('/custom/service?q=m1')">
<div @click="toPage('/custom/service?q=m1')" class="product-item">
<div class="icon-wrap">
<img src="@/assets/images/custom-product/icon-cp-1.png">
</div>
<div class="t1">{{$t('customProduct.menu1')}}</div>
</div>
<div @click="toPage('/payment/type')" class="product-item">
<div @click="toPage('/custom/service?q=m2')" class="product-item">
<div class="icon-wrap">
<img src="@/assets/images/custom-product/icon-cp-2.png">
</div>
......@@ -38,7 +38,7 @@
</div>
<div class="t1">{{$t('customProduct.menu5')}}</div>
</div>
<div @click="toPage('/custom/service?q=m6')" class="product-item">
<div @click="toPage('/custom/service?q=m6')" class="product-item">
<div class="icon-wrap">
<img src="@/assets/images/custom-product/icon-cp-6.png">
</div>
......
......@@ -21,7 +21,7 @@
position: relative;
margin-bottom: 2.333333rem;
&:last-child{
&:last-child {
margin-bottom: 0;
}
......@@ -55,6 +55,7 @@
padding: 0 2.083333rem;
}
.name-ipt {
width: 13.666667rem;
}
......@@ -84,7 +85,7 @@
cursor: default;
}
.check-icon{
.check-icon {
display: inline-block;
margin-left: 2.166667rem;
margin-right: .666667rem;
......@@ -93,6 +94,7 @@
}
}
.submit-btn {
width: 13.583333rem;
height: 4.083333rem;
......
......@@ -42,7 +42,7 @@
left: 0;
right: 0;
margin: 0 auto;
z-index: 11;
z-index: 1;
}
.grid {
......
......@@ -88,7 +88,7 @@
background-color: #ffffff;
.panel {
display: none;
// display: none;
}
.activity {
......
......@@ -22,7 +22,35 @@
</template>
</div>
<div class="right-panel">
<div class="panel" :class="{activity : activity == 'm1'}">
<div class="panel" v-if="activity == 'm1'">
<contact-us></contact-us>
</div>
<div class="panel" v-if="activity == 'm2'">
<payment-type></payment-type>
</div>
<div class="panel" v-if="activity == 'm3'">
<insurance-query></insurance-query>
</div>
<div class="panel" v-if="activity == 'm41'">
<policy-change-guide></policy-change-guide>
</div>
<div class="panel" v-if="activity == 'm42'">
<policy-change-contact></policy-change-contact>
</div>
<div class="panel" v-if="activity == 'm43'">
<policy-change-information></policy-change-information>
</div>
<div class="panel" v-if="activity == 'm5'"></div>
<div class="panel" v-if="activity == 'm6'">
<reservation></reservation>
</div>
<div class="panel" v-if="activity == 'm7'">
<complaint-acceptance></complaint-acceptance>
</div>
<div class="panel" v-if="activity == 'm8'">
<common-form></common-form>
</div>
<!-- <div class="panel" :class="{activity : activity == 'm1'}">
<contact-us></contact-us>
</div>
<div class="panel" :class="{activity : activity == 'm2'}">
......@@ -31,7 +59,6 @@
<div class="panel" :class="{activity : activity == 'm3'}">
<insurance-query></insurance-query>
</div>
<!-- <div class="panel" :class="{activity : activity == 'm4'}"></div> -->
<div class="panel" :class="{activity : activity == 'm41'}">
<policy-change-guide></policy-change-guide>
</div>
......@@ -41,7 +68,6 @@
<div class="panel" :class="{activity : activity == 'm43'}">
<policy-change-information></policy-change-information>
</div>
<div class="panel" :class="{activity : activity == 'm5'}"></div>
<div class="panel" :class="{activity : activity == 'm6'}">
<reservation></reservation>
......@@ -51,7 +77,7 @@
</div>
<div class="panel" :class="{activity : activity == 'm8'}">
<common-form></common-form>
</div>
</div> -->
</div>
</div>
</template>
......
import api from '@/api/api'
import {
httpGet,
httpPost
} from '@/api/fetch-api.js'
export default {
data() {
return {
key: 'value',
values: {
// 返回的token，串连整个流程，后台安全校验使用
vcodeuuid: "",
token: "",
deviceId: "",
imageBase64: "",
password: "",
passwordRepeat: ""
},
}
},
components: {},
computed: {
locale() {
return this.$i18n.locale || 'tc';
},
i18n() {
return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
}
},
methods: {
initData() {}
},
mounted() {},
created() {}
}
@import '@/styles/_support';
.content {
position: relative;
padding-bottom: 2.25rem;
}
.top-space {
height: 2.25rem;
}
.box {
position: relative;
}
.ebg {
position: absolute;
bottom: 0;
left: 0;
right: 0;
img {
max-width: 100%;
}
}
.step {
@extend .fcc;
margin-bottom: 3rem;
}
.login {
color: #4c4948;
@extend .bb;
padding: 1.416667rem 6rem 2.25rem;
border-bottom: solid .666667rem #006441;
margin: auto;
max-width: 40.25rem;
// height: 49.25rem;
border-radius: .75rem;
box-shadow: 0 0 1.5rem 0 rgba(255, 87, 0, 0.15);
background-color: #ffffff;
&-tit {
color: #f05a23;
text-align: center;
font-size: 18px;
font-weight: bold;
letter-spacing: .2rem;
text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27);
}
&-tit-space-1 {
height: 2rem;
}
&-nav {
margin: 2.25rem 0 auto;
display: flex;
justify-content: center;
align-items: center;
&-v-line {
width: .2rem;
height: 1.25rem;
background-color: #4c4948;
margin: 0 2.25rem;
}
&-tit {
flex: 1;
font-size: 18px;
font-weight: bold;
color: #4c4948;
}
.active {
color: #f05a23;
text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27);
}
}
&-protocol {
margin: 2.5rem auto 0;
display: flex;
align-items: center;
padding-left: 1rem;
.check {
height: 1rem;
margin-right: .6rem;
}
.protocol {
color: #f05a23;
}
}
&-btn-wrap {
display: flex;
justify-content: space-between;
margin-top: 2rem;
}
&-submit {
@include btc2(13.2rem, 4rem, 16px);
// margin: 2rem 1rem 0;
letter-spacing: 1.6px;
// position: absolute;
// left: 0;
// right: 0;
// margin: 0 auto;
// bottom: 2.25rem;
}
&-func {
margin: 1.5rem auto 0;
display: flex;
justify-content: center;
&-btn {
margin: 0 1.25rem;
text-decoration: underline;
}
}
}
.form {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.vcode {
background-color: transparent !important;
padding: 0 !important;
overflow: hidden;
img {
width: 100%;
height: 100%;
}
}
input {
font-size: 1.166667rem;
letter-spacing: .1rem;
}
&-item {
position: relative;
margin-bottom: 1.75rem;
.label {
color: $cOrange;
display: flex;
align-items: center;
margin-bottom: 1.25rem;
img {
height: 1rem;
margin-right: 1rem;
}
}
.ipt-wrap {
position: relative;
display: flex;
justify-content: space-between;
// input和下拉
.ipt {
@extend .bb;
width: 100%;
height: 3.5rem;
border: solid 1px #dcdddd;
background-color: #ffffff;
border-radius: 3.5rem;
padding: 0 1.75rem;
flex: 1;
}
// 长文本
.textarea {
min-height: 8.75rem;
border-radius: 1rem;
}
.down-arrow {
position: absolute;
top: 1.6rem;
right: 2rem;
background-image: url('~@/assets/images/reservation/re-down-arrow.png');
width: 1rem;
height: .666667rem;
pointer-events: none;
cursor: default;
}
.verify-btn {
@extend .fcc;
// font-family: Arial;
font-size: 18px;
width: 8.5rem;
border: solid 1px #dcdddd;
background-color: #f2f2f2;
flex: none;
margin-left: 1.5rem;
color: #4c4948;
}
// 框内按钮
.ipt2 {
display: flex;
justify-content: space-between;
align-items: center;
.ipt-tel {
flex: 1;
padding-left: 1.75rem;
}
.ipt-code {
flex: 1;
padding-right: 1.75rem;
}
.region-tel {}
.veri-btn {
color: #f05a23;
text-decoration: underline;
}
.veri-btn-default {
color: #aaaaaa;
}
}
}
.validator {
color: $cOrange;
margin-top: 0.5rem;
position: absolute;
right: .5rem;
display: flex;
align-items: center;
img {
display: inline-block;
margin-right: 0.4rem;
}
}
}
}
@media (max-width: 950px) {
.box {
width: 96%;
}
.login {
padding: 2rem 1rem 3.5rem;
}
}
.disable {
background-color: #dcdddd !important;
// color: $cFontGray;
color: #4c4948;
}
<template>
<div class="content">
<div class="ebg">
<img src="@/assets/images/common/login-bg.png">
</div>
<div class="top-space"></div>
<div class="box">
<div class="login">
<div class="login-tit">{{$t('register.title2')}}</div>
<div class="login-tit-space-1"></div>
<div class="gird-g form">
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPassword')}}
</div>
<div class="ipt-wrap">
<input :placeholder="$t('register.newPasswordPlaceholder')" class="ipt" type="password" v-model="values.password">
</div>
<div class="validator">
<img src="@/assets/images/common/icon-notice.png" alt=""> 验证提示
</div>
</div>
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPassword')}}
</div>
<div class="ipt-wrap">
<div class="down-arrow"></div>
<select class="ipt">
<template v-if="locale =='zh'">
<option>身份证</option>
</template>
<template v-else>
<option>身份證</option>
</template>
</select>
</div>
<div class="validator">
<img src="@/assets/images/common/icon-notice.png" alt=""> 验证提示
</div>
</div>
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPassword')}}
</div>
<div class="ipt-wrap">
<input :placeholder="$t('register.newPasswordPlaceholder')" class="ipt" type="password" v-model="values.password">
</div>
<div class="validator">
<img src="@/assets/images/common/icon-notice.png" alt=""> 验证提示
</div>
</div>
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPassword')}}
</div>
<div class="ipt-wrap">
<div class="down-arrow"></div>
<select class="ipt">
<template v-if="locale =='zh'">
<option>身份证</option>
</template>
<template v-else>
<option>身份證</option>
</template>
</select>
</div>
<div class="validator">
<img src="@/assets/images/common/icon-notice.png" alt=""> 验证提示
</div>
</div>
</div>
<div class="login-btn-wrap">
<div @click="onRegisterHandler()" class="login-submit pointer">{{$t('register.sure')}}</div>
<div @click="onRegisterHandler()" class="login-submit pointer">{{$t('register.sure')}}</div>
</div>
</div>
</div>
</div>
</template>
<script src="./infomation-improve.js"></script>
<style lang="scss" scoped>
@import "./infomation-improve.scss";
</style>
import api from '@/api/api'
import {
httpGet,
httpPost
} from '@/api/fetch-api.js'
export default {
data() {
return {
key: 'value',
type: 4, // 1:输入用户信息 2:找回密码 3:核对信息 4.重置密码
values: {
// 返回的token，串连整个流程，后台安全校验使用
vcodeuuid: "",
token: "",
deviceId: "",
imageBase64: "",
password: "",
passwordRepeat: ""
},
}
},
components: {},
computed: {
locale() {
return this.$i18n.locale || 'tc';
},
i18n() {
return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
}
},
methods: {
initData() {}
},
mounted() {},
created() {}
}
@import '@/styles/_support';
.content {
position: relative;
padding-bottom: 2.25rem;
}
.top-space {
height: 2.25rem;
}
.box {
position: relative;
}
.ebg {
position: absolute;
bottom: 0;
left: 0;
right: 0;
img {
max-width: 100%;
}
}
.step {
@extend .fcc;
margin-bottom: 3rem;
}
.login {
color: #4c4948;
@extend .bb;
padding: 1.416667rem 5rem 0;
border-bottom: solid .666667rem #006441;
margin: auto;
max-width: 40.25rem;
height: 31rem;
border-radius: .75rem;
box-shadow: 0 0 1.5rem 0 rgba(255, 87, 0, 0.15);
background-color: #ffffff;
&-tit {
color: #f05a23;
text-align: center;
font-size: 18px;
font-weight: bold;
letter-spacing: .2rem;
text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27);
}
&-tit-space-1 {
height: 5.25rem;
}
&-tit-space-4 {
height: 3rem;
}
&-nav {
margin: 2.25rem 0 auto;
display: flex;
justify-content: center;
align-items: center;
&-v-line {
width: .2rem;
height: 1.25rem;
background-color: #4c4948;
margin: 0 2.25rem;
}
&-tit {
flex: 1;
font-size: 18px;
font-weight: bold;
color: #4c4948;
}
.active {
color: #f05a23;
text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27);
}
}
&-protocol {
margin: 2.5rem auto 0;
display: flex;
align-items: center;
padding-left: 1rem;
.check {
height: 1rem;
margin-right: .6rem;
}
.protocol {
color: #f05a23;
}
}
&-submit {
@include btc2(13.5rem, 4rem, 16px);
margin: 4.166667rem auto 0;
letter-spacing: 1.6px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 2.25rem;
}
&-func {
margin: 1.5rem auto 0;
display: flex;
justify-content: center;
&-btn {
margin: 0 1.25rem;
text-decoration: underline;
}
}
}
.form {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.vcode {
background-color: transparent !important;
padding: 0 !important;
overflow: hidden;
img {
width: 100%;
height: 100%;
}
}
input {
font-size: 1.166667rem;
letter-spacing: .1rem;
}
&-item {
position: relative;
margin-bottom: 2.25rem;
.label {
font-size: 18px;
font-weight: bold;
color: #f05a23;
display: flex;
align-items: center;
margin-bottom: 1.25rem;
img {
height: 1.5rem;
margin-right: .8rem;
}
}
.ipt-wrap {
position: relative;
display: flex;
justify-content: space-between;
// input和下拉
.ipt {
@extend .bb;
width: 100%;
height: 3.5rem;
border: solid 1px #dcdddd;
background-color: #ffffff;
border-radius: 3.5rem;
padding: 0 1.75rem;
flex: 1;
}
// 长文本
.textarea {
min-height: 8.75rem;
border-radius: 1rem;
}
.down-arrow {
position: absolute;
top: 1.6rem;
right: 2rem;
}
.verify-btn {
@extend .fcc;
// font-family: Arial;
font-size: 18px;
width: 8.5rem;
border: solid 1px #dcdddd;
background-color: #f2f2f2;
flex: none;
margin-left: 1.5rem;
color: #4c4948;
}
// 框内按钮
.ipt2 {
display: flex;
justify-content: space-between;
align-items: center;
.ipt-tel {
flex: 1;
padding-left: 1.75rem;
}
.ipt-code {
flex: 1;
padding-right: 1.75rem;
}
.region-tel {}
.veri-btn {
color: #f05a23;
text-decoration: underline;
}
.veri-btn-default {
color: #aaaaaa;
}
}
}
.validator {
color: $cOrange;
margin-top: 0.5rem;
position: absolute;
right: .5rem;
display: flex;
align-items: center;
img {
display: inline-block;
margin-right: 0.4rem;
}
}
}
}
@media (max-width: 950px) {
.box {
width: 96%;
}
.login {
padding: 2rem 1rem 3.5rem;
}
}
.disable {
background-color: #dcdddd !important;
// color: $cFontGray;
color: #4c4948;
}
<template>
<div class="content">
<div class="ebg">
<img src="@/assets/images/password-reset/password-reset-bg.png">
</div>
<div class="top-space"></div>
<div class="box">
<!-- 输入用户信息 -->
<div v-if="type == 1" class="login">
<div class="login-tit">{{$t('register.title2')}}</div>
<div class="login-tit-space-1"></div>
<div class="gird-g form">
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPassword')}}
</div>
<div class="ipt-wrap">
<input :placeholder="$t('register.newPasswordPlaceholder')" class="ipt" type="password" v-model="values.password">
</div>
<div class="validator">
<img src="@/assets/images/common/icon-notice.png" alt=""> 验证提示
</div>
</div>
</div>
<div @click="onRegisterHandler()" class="login-submit pointer">{{$t('register.sure')}}</div>
</div>
<!-- 找回密码 -->
<div v-if="type == 2" class="login">
<div class="login-tit">{{$t('register.title2')}}</div>
<div class="login-tit-space-1"></div>
<div class="gird-g form">
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPassword')}}
</div>
<div class="ipt-wrap">
<input :placeholder="$t('register.newPasswordPlaceholder')" class="ipt" type="password" v-model="values.password">
</div>
<div class="validator">
<img src="@/assets/images/common/icon-notice.png" alt=""> 验证提示
</div>
</div>
</div>
<div @click="onRegisterHandler()" class="login-submit pointer">{{$t('register.sure')}}</div>
</div>
<!-- 核对信息 -->
<div v-if="type == 3" class="login">
<div class="login-tit">{{$t('register.title2')}}</div>
<div class="login-tit-space-1"></div>
<div class="gird-g form">
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPassword')}}
</div>
<div class="ipt-wrap">
<input :placeholder="$t('register.newPasswordPlaceholder')" class="ipt disable" type="password" v-model="values.password">
</div>
</div>
</div>
<div @click="onRegisterHandler()" class="login-submit pointer">{{$t('register.sure')}}</div>
</div>
<!-- 重置密码 -->
<div v-if="type == 4" class="login">
<div class="login-tit">{{$t('register.title2')}}</div>
<div class="login-tit-space-4"></div>
<div class="gird-g form">
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPassword')}}
</div>
<div class="ipt-wrap">
<input :placeholder="$t('register.newPasswordPlaceholder')" class="ipt" type="password" v-model="values.password">
</div>
<div class="validator">
<img src="@/assets/images/common/icon-notice.png" alt=""> 验证提示
</div>
</div>
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPasswordSure')}}
</div>
<div class="ipt-wrap">
<input :placeholder="$t('register.newPasswordSurePlaceholder')" class="ipt" type="password" v-model="values.passwordRepeat">
</div>
<div class="validator">
<img src="@/assets/images/common/icon-notice.png" alt=""> 验证提示
</div>
</div>
</div>
<div @click="onRegisterHandler()" class="login-submit pointer">{{$t('register.sure')}}</div>
</div>
</div>
</div>
</template>
<script src="./password-reset.js"></script>
<style lang="scss" scoped>
@import "./password-reset.scss";
</style>
......@@ -11,7 +11,7 @@ export default {
data() {
return {
key: 'value',
type: 1, // 1:手机验证 2:输入密码
type: 2, // 1:手机验证 2:输入密码
mobileNoType: "hk",// 选择的手机好类型
mobileTip: {},
mobileOptions: [],
......
......@@ -10,6 +10,7 @@
<img v-if="type == 2" src="@/assets/images/register/register-step-2.png">
</div>
<div class="box">
<!-- 手机验证 -->
<div v-if="type == 1" class="login">
<div class="login-tit">{{$t('register.title')}}</div>
<div class="gird-g form">
......@@ -42,21 +43,21 @@
<div class="ipt-wrap">
<div class="ipt ipt2">
<input :placeholder="$t('register.verifyCodePlaceholder')" class="ipt-code" type="text" v-model="registerForm.opt">
<div v-if="times.remain == 0" class="veri-btn pointer" @click="handlerStdSendOTP" >{{$t('register.verifyCodeGet')}}</div>
<div v-if="times.remain == 0" class="veri-btn pointer" @click="handlerStdSendOTP">{{$t('register.verifyCodeGet')}}</div>
<div v-else class="veri-btn-default">{{times.tip}}</div>
</div>
</div>
</div>
</div>
<div class="login-protocol pointer" @click="registerCheck.agreeProtocol = !registerCheck.agreeProtocol" >
<div class="login-protocol pointer" @click="registerCheck.agreeProtocol = !registerCheck.agreeProtocol">
<img v-if="!registerCheck.agreeProtocol" class="check" src="@/assets/images/login/un-check.png">
<img v-if="registerCheck.agreeProtocol" class="check" src="@/assets/images/login/check.png">
{{$t('login.agree')}}
<img v-if="registerCheck.agreeProtocol" class="check" src="@/assets/images/login/check.png"> {{$t('login.agree')}}
<span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span>
</div>
<div @click="onSubmitHandler()" class="login-submit pointer">{{$t('register.register')}}</div>
</div>
<!-- 输入密码 -->
<div v-if="type == 2" class="login">
<div class="login-tit">{{$t('register.title2')}}</div>
<div class="gird-g form">
......@@ -65,7 +66,7 @@
<img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPassword')}}
</div>
<div class="ipt-wrap">
<input :placeholder="$t('register.newPasswordPlaceholder')" class="ipt" type="password" v-model="values.password">
<input :placeholder="$t('register.newPasswordPlaceholder')" class="ipt" type="password" v-model="values.password">
</div>
</div>
<div class="pure-u-1 form-item">
......@@ -73,12 +74,13 @@
<img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPasswordSure')}}
</div>
<div class="ipt-wrap">
<input :placeholder="$t('register.newPasswordSurePlaceholder')" class="ipt" type="password" v-model="values.passwordRepeat">
<input :placeholder="$t('register.newPasswordSurePlaceholder')" class="ipt" type="password" v-model="values.passwordRepeat">
</div>
</div>
</div>
<div @click="onRegisterHandler()" class="login-submit pointer">{{$t('register.sure')}}</div>
</div>
<!-- 输入密码 -->
</div>
</div>
</template>
......
......@@ -39,6 +39,22 @@ const routes = [
}
},
{
path: '/password/reset',
name: 'passwordReset',
component: () => import('./pages/password-reset/password-reset.vue'),
meta: {
title: ''
}
},
{
path: '/infomation/improve',
name: 'infomationImprove',
component: () => import('./pages/infomation-improve/infomation-improve.vue'),
meta: {
title: ''
}
},
{
path: '/profile',
name: 'profile',
component: () => import('./pages/profile/profile.vue'),
......