Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
bb8f205a by simon
Options

默认提交

1 parent fdd9b48f
Inline Side-by-side
Showing 16 changed files with 281 additions and 317 deletions
...@@ -14,16 +14,14 @@ ...@@ -14,16 +14,14 @@
14 position: relative; 14 position: relative;
15 } 15 }
16 16
17
17 .ebg { 18 .ebg {
19 background: url('~@/assets/images/custom-product/cp-bg.png') center no-repeat;
20 width: 100%;
21 height: 329px;
18 position: absolute; 22 position: absolute;
19 bottom: 0; 23 bottom: 0;
20 width: 100%;
21 overflow: hidden; 24 overflow: hidden;
22
23 img {
24 width: 1920px;
25 margin-left: -360px;
26 }
27 } 25 }
28 26
29 .product { 27 .product {
......
1 1
2 <template> 2 <template>
3 <div class="content"> 3 <div>
4 <div class="ebg"> 4 <div class="ebg"></div>
5 <img src="@/assets/images/custom-product/cp-bg.png"> 5 <div class="content">
6 </div> 6
7 <div class="top-space"></div> 7 <div class="top-space"></div>
8 <div class="box product"> 8 <div class="box product">
9 <div @click="toPage('/custom/service?q=m1')" class="product-item"> 9 <div @click="toPage('/custom/service?q=m1')" class="product-item">
10 <div class="icon-wrap"> 10 <div class="icon-wrap">
11 <img src="@/assets/images/custom-product/icon-cp-1.png"> 11 <img src="@/assets/images/custom-product/icon-cp-1.png">
12 </div>
13 <div class="t1">{{$t('customProduct.menu1')}}</div>
12 </div> 14 </div>
13 <div class="t1">{{$t('customProduct.menu1')}}</div> 15 <div @click="toPage('/custom/service?q=m2')" class="product-item">
14 </div> 16 <div class="icon-wrap">
15 <div @click="toPage('/custom/service?q=m2')" class="product-item"> 17 <img src="@/assets/images/custom-product/icon-cp-2.png">
16 <div class="icon-wrap"> 18 </div>
17 <img src="@/assets/images/custom-product/icon-cp-2.png"> 19 <div class="t1">{{$t('customProduct.menu2')}}</div>
18 </div> 20 </div>
19 <div class="t1">{{$t('customProduct.menu2')}}</div> 21 <div @click="toPage('/custom/service?q=m3')" class="product-item">
20 </div> 22 <div class="icon-wrap">
21 <div @click="toPage('/custom/service?q=m3')" class="product-item"> 23 <img src="@/assets/images/custom-product/icon-cp-3.png">
22 <div class="icon-wrap"> 24 </div>
23 <img src="@/assets/images/custom-product/icon-cp-3.png"> 25 <div class="t1">{{$t('customProduct.menu3')}}</div>
24 </div> 26 </div>
25 <div class="t1">{{$t('customProduct.menu3')}}</div> 27 <div @click="toPage('/custom/service?q=m41')" class="product-item">
26 </div> 28 <div class="icon-wrap">
27 <div @click="toPage('/custom/service?q=m41')" class="product-item"> 29 <img src="@/assets/images/custom-product/icon-cp-4.png">
28 <div class="icon-wrap"> 30 </div>
29 <img src="@/assets/images/custom-product/icon-cp-4.png"> 31 <div class="t1">{{$t('customProduct.menu4')}}</div>
30 </div> 32 </div>
31 <div class="t1">{{$t('customProduct.menu4')}}</div>
32 </div> 33 </div>
33 </div> 34 <div class="box product">
34 <div class="box product"> 35 <div @click="toPage('/custom/service?q=m5')" class="product-item">
35 <div @click="toPage('/custom/service?q=m5')" class="product-item"> 36 <div class="icon-wrap">
36 <div class="icon-wrap"> 37 <img src="@/assets/images/custom-product/icon-cp-5.png">
37 <img src="@/assets/images/custom-product/icon-cp-5.png"> 38 </div>
39 <div class="t1">{{$t('customProduct.menu5')}}</div>
38 </div> 40 </div>
39 <div class="t1">{{$t('customProduct.menu5')}}</div> 41 <div @click="toPage('/custom/service?q=m6')" class="product-item">
40 </div> 42 <div class="icon-wrap">
41 <div @click="toPage('/custom/service?q=m6')" class="product-item"> 43 <img src="@/assets/images/custom-product/icon-cp-6.png">
42 <div class="icon-wrap"> 44 </div>
43 <img src="@/assets/images/custom-product/icon-cp-6.png"> 45 <div class="t1">{{$t('customProduct.menu6')}}</div>
44 </div> 46 </div>
45 <div class="t1">{{$t('customProduct.menu6')}}</div> 47 <div @click="toPage('/custom/service?q=m7')" class="product-item">
46 </div> 48 <div class="icon-wrap">
47 <div @click="toPage('/custom/service?q=m7')" class="product-item"> 49 <img src="@/assets/images/custom-product/icon-cp-7.png">
48 <div class="icon-wrap"> 50 </div>
49 <img src="@/assets/images/custom-product/icon-cp-7.png"> 51 <div class="t1">{{$t('customProduct.menu7')}}</div>
50 </div> 52 </div>
51 <div class="t1">{{$t('customProduct.menu7')}}</div> 53 <div @click="toPage('/custom/service?q=m8')" class="product-item">
52 </div> 54 <div class="icon-wrap">
53 <div @click="toPage('/custom/service?q=m8')" class="product-item"> 55 <img src="@/assets/images/custom-product/icon-cp-8.png">
54 <div class="icon-wrap"> 56 </div>
55 <img src="@/assets/images/custom-product/icon-cp-8.png"> 57 <div class="t1">{{$t('customProduct.menu8')}}</div>
56 </div> 58 </div>
57 <div class="t1">{{$t('customProduct.menu8')}}</div>
58 </div> 59 </div>
59 </div> 60 </div>
60 </div> 61 </div>
62
61 </template> 63 </template>
62 64
63 <script src="./custom-product.js"></script> 65 <script src="./custom-product.js"></script>
......
...@@ -27,15 +27,12 @@ ...@@ -27,15 +27,12 @@
27 } 27 }
28 28
29 .ebg { 29 .ebg {
30 background: url('~@/assets/images/common/login-bg.png') center no-repeat;
31 width: 100%;
32 height: 325px;
30 position: absolute; 33 position: absolute;
31 bottom: 0; 34 bottom: 0;
32 width: 100%;
33 overflow: hidden; 35 overflow: hidden;
34
35 img {
36 width: 1920px;
37 margin-left: -360px;
38 }
39 } 36 }
40 37
41 .step { 38 .step {
......
1 1
2 2
3 <template> 3 <template>
4 <div> 4 <div>
5 <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="closeModal" :overlay="closeModal" :close="closeModal"></modal-simple-comp> 5 <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="closeModal" :overlay="closeModal" :close="closeModal"></modal-simple-comp>
6 <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> 6 <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp>
7 <div class="content"> 7 <div class="ebg"></div>
8 <div class="ebg"> 8 <div class="content">
9 <img src="@/assets/images/common/login-bg.png"> 9 <div class="top-space"></div>
10 </div> 10 <div class="box">
11 <div class="top-space"></div> 11 <div class="login">
12 <div class="box"> 12 <auth @onLogin="userLogin" @onLogout="userLogout"></auth>
13 <div class="login"> 13 <template v-if="showForm">
14 <auth @onLogin="userLogin" @onLogout="userLogout"></auth> 14 <div class="login-tit">{{$t('infomationImprove.title')}}</div>
15 <template v-if="showForm"> 15 <div class="login-tit-space-1"></div>
16 <div class="login-tit">{{$t('infomationImprove.title')}}</div> 16 <div class="gird-g form">
17 <div class="login-tit-space-1"></div> 17 <div class="pure-u-1 pure-u-md-1-2 form-item">
18 <div class="gird-g form"> 18 <div class="label">
19 <div class="pure-u-1 pure-u-md-1-2 form-item"> 19 <img src="@/assets/images/improve-infomation/icon-improve-infomation-user.png"> {{$t('infomationImprove.t1c1')}}
20 <div class="label"> 20 </div>
21 <img src="@/assets/images/improve-infomation/icon-improve-infomation-user.png"> {{$t('infomationImprove.t1c1')}} 21 <div class="ipt-wrap">
22 </div> 22 <input class="ipt" :class="{err : errorTips.e1.length > 0}" type="text" v-model="information.lastName">
23 <div class="ipt-wrap"> 23 </div>
24 <input class="ipt" :class="{err : errorTips.e1.length > 0}" type="text" v-model="information.lastName"> 24 </div>
25 </div>
26 </div>
27 25
28 <div class="pure-u-1 pure-u-md-1-2 form-item"> 26 <div class="pure-u-1 pure-u-md-1-2 form-item">
29 <div class="label"> 27 <div class="label">
30 <img src="@/assets/images/improve-infomation/icon-improve-infomation-user.png"> {{$t('infomationImprove.t1c2')}} 28 <img src="@/assets/images/improve-infomation/icon-improve-infomation-user.png"> {{$t('infomationImprove.t1c2')}}
31 </div> 29 </div>
32 <div class="ipt-wrap"> 30 <div class="ipt-wrap">
33 <input class="ipt" :class="{err : errorTips.e1.length > 0}" type="text" v-model="information.firstName"> 31 <input class="ipt" :class="{err : errorTips.e1.length > 0}" type="text" v-model="information.firstName">
34 </div> 32 </div>
35 </div> 33 </div>
36 34
37 <div class="pure-u-1 form-item"> 35 <div class="pure-u-1 form-item">
38 <div class="label"> 36 <div class="label">
39 <img src="@/assets/images/improve-infomation/icon-improve-infomation-sex.png"> {{$t('infomationImprove.t2')}} 37 <img src="@/assets/images/improve-infomation/icon-improve-infomation-sex.png"> {{$t('infomationImprove.t2')}}
40 </div> 38 </div>
41 <div class="ipt-wrap"> 39 <div class="ipt-wrap">
42 <div class="down-arrow"></div> 40 <div class="down-arrow"></div>
43 <select class="ipt" :class="{err : errorTips.e2.length > 0}" v-model="information.sex"> 41 <select class="ipt" :class="{err : errorTips.e2.length > 0}" v-model="information.sex">
44 <template v-if="sexCandidates"> 42 <template v-if="sexCandidates">
45 <option v-for="(item,index) in sexCandidates" :key="index" :value="item.value">{{item.name}}</option> 43 <option v-for="(item,index) in sexCandidates" :key="index" :value="item.value">{{item.name}}</option>
46 </template> 44 </template>
47 </select> 45 </select>
48 </div> 46 </div>
49 </div> 47 </div>
50 48
51 <div class="pure-u-1 form-item"> 49 <div class="pure-u-1 form-item">
52 <div class="label"> 50 <div class="label">
53 <img src="@/assets/images/improve-infomation/icon-improve-infomation-date.png"> {{$t('infomationImprove.t3')}} 51 <img src="@/assets/images/improve-infomation/icon-improve-infomation-date.png"> {{$t('infomationImprove.t3')}}
54 </div> 52 </div>
55 <div class="ipt-wrap"> 53 <div class="ipt-wrap">
56 <!-- <input class="ipt" type="date" :class="{err : errorTips.e3.length > 0}" v-model="birthDate"> --> 54 <!-- <input class="ipt" type="date" :class="{err : errorTips.e3.length > 0}" v-model="birthDate"> -->
57 <date-picker :class="{err : errorTips.e6.length > 0}" class="date" v-model="birthDate" :filtModel="['future','today']"></date-picker> 55 <date-picker :class="{err : errorTips.e6.length > 0}" class="date" v-model="birthDate" :filtModel="['future','today']"></date-picker>
58 </div> 56 </div>
59 </div> 57 </div>
60 58
61 <div class="pure-u-1 form-item"> 59 <div class="pure-u-1 form-item">
62 <div class="label"> 60 <div class="label">
63 <img src="@/assets/images/improve-infomation/icon-improve-infomation-card.png"> {{$t('infomationImprove.t4')}} 61 <img src="@/assets/images/improve-infomation/icon-improve-infomation-card.png"> {{$t('infomationImprove.t4')}}
64 </div> 62 </div>
65 <div class="ipt-wrap"> 63 <div class="ipt-wrap">
66 <div class="down-arrow"></div> 64 <div class="down-arrow"></div>
67 <select class="ipt" :class="{err : errorTips.e4.length > 0}" v-model="information.idType"> 65 <select class="ipt" :class="{err : errorTips.e4.length > 0}" v-model="information.idType">
68 <template v-if="idTypeCandidates"> 66 <template v-if="idTypeCandidates">
69 <option v-for="(item,index) in idTypeCandidates" :key="index" :value="item.value">{{item.name}}</option> 67 <option v-for="(item,index) in idTypeCandidates" :key="index" :value="item.value">{{item.name}}</option>
68 </template>
69 </select>
70 </div>
71 </div>
72
73 <div class="pure-u-1 form-item">
74 <div class="label">
75 <img src="@/assets/images/improve-infomation/icon-improve-infomation-card.png"> {{$t('infomationImprove.t5')}}
76 </div>
77 <div class="ipt-wrap">
78 <input class="ipt" type="text" :class="{err : errorTips.e5.length > 0}" v-model="information.idNo">
79 </div>
80 </div>
81 </div>
82 <div class="flex-center validator" v-if="errorModel == 1">
83 <div class="icon"><img src="@/assets/images/common/icon-notice.png" alt=""></div>
84 <div>{{$t('customService.auth.defaultTip')}}</div>
85 </div>
86 <div class="flex-center validator" v-else>
87 <div class="icon"><img src="@/assets/images/common/icon-notice.png" alt=""></div>
88 <div>{{$t('customService.auth.notMatch')}}</div> &nbsp;
89 <div class="contact">{{$t('customService.auth.customService')}}</div>
90 </div>
91 <div class="login-btn-wrap">
92 <div @click="onUpdateHandler()" class="login-submit pointer flex-center" :class="{disabled: submitBtnDisabled}">
93 <van-loading v-if="loading" />
94 <span>{{$t('infomationImprove.submit')}}</span>
95 </div>
96 </div>
70 </template> 97 </template>
71 </select>
72 </div>
73 </div> 98 </div>
74 99
75 <div class="pure-u-1 form-item">
76 <div class="label">
77 <img src="@/assets/images/improve-infomation/icon-improve-infomation-card.png"> {{$t('infomationImprove.t5')}}
78 </div>
79 <div class="ipt-wrap">
80 <input class="ipt" type="text" :class="{err : errorTips.e5.length > 0}" v-model="information.idNo">
81 </div>
82 </div>
83 </div> 100 </div>
84 <div class="flex-center validator" v-if="errorModel == 1"> 101 </div>
85 <div class="icon"><img src="@/assets/images/common/icon-notice.png" alt=""></div> 102 </div>
86 <div>{{$t('customService.auth.defaultTip')}}</div>
87 </div>
88 <div class="flex-center validator" v-else>
89 <div class="icon"><img src="@/assets/images/common/icon-notice.png" alt=""></div>
90 <div>{{$t('customService.auth.notMatch')}}</div> &nbsp;
91 <div class="contact">{{$t('customService.auth.customService')}}</div>
92 </div>
93 <div class="login-btn-wrap">
94 <div @click="onUpdateHandler()" class="login-submit pointer flex-center" :class="{disabled: submitBtnDisabled}">
95 <van-loading v-if="loading" />
96 <span>{{$t('infomationImprove.submit')}}</span>
97 </div>
98 </div>
99 </template>
100 </div>
101
102 </div>
103 </div>
104 </div>
105 </template> 103 </template>
106 104
107 <script src="./customer-auth.js"></script> 105 <script src="./customer-auth.js"></script>
......
...@@ -17,15 +17,12 @@ ...@@ -17,15 +17,12 @@
17 } 17 }
18 18
19 .ebg { 19 .ebg {
20 background: url('~@/assets/images/common/login-bg.png') center no-repeat;
21 width: 100%;
22 height: 325px;
20 position: absolute; 23 position: absolute;
21 bottom: 0; 24 bottom: 0;
22 width: 100%;
23 overflow: hidden; 25 overflow: hidden;
24
25 img {
26 width: 1920px;
27 margin-left: -360px;
28 }
29 } 26 }
30 27
31 .step { 28 .step {
......
1 1
2 2
3 <template> 3 <template>
4 <div> 4 <div>
5 <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="closeModal" :overlay="closeModal" :close="closeModal"></modal-simple-comp> 5 <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="closeModal" :overlay="closeModal" :close="closeModal"></modal-simple-comp>
6 <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> 6 <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp>
7 <div class="content"> 7 <div class="ebg"></div>
8 <div class="ebg"> 8 <div class="content">
9 <img src="@/assets/images/common/login-bg.png">
10 </div>
11 <div class="top-space"></div>
12 <div class="box">
13 <div class="login">
14 <auth @onLogin="userLogin" @onLogout="userLogout"></auth>
15 <template v-if="showForm">
16 <div class="login-tit">{{$t('infomationImprove.title')}}</div>
17 <div class="login-tit-space-1"></div>
18 <div class="gird-g form">
19 <div class="pure-u-1 pure-u-md-1-2 form-item">
20 <div class="label">
21 <img src="@/assets/images/improve-infomation/icon-improve-infomation-user.png"> {{$t('infomationImprove.t1c1')}}
22 </div>
23 <div class="ipt-wrap">
24 <input class="ipt" :class="{err : errorTips.e1.length > 0}" type="text" v-model="information.lastName">
25 </div>
26 <div class="validator" v-if="errorTips.e1.length > 0 ">
27 <img src="@/assets/images/common/icon-notice.png" alt=""> {{errorTips.e1}}
28 </div>
29 </div>
30 9
31 <div class="pure-u-1 pure-u-md-1-2 form-item"> 10 <div class="top-space"></div>
32 <div class="label"> 11 <div class="box">
33 <img src="@/assets/images/improve-infomation/icon-improve-infomation-user.png"> {{$t('infomationImprove.t1c2')}} 12 <div class="login">
34 </div> 13 <auth @onLogin="userLogin" @onLogout="userLogout"></auth>
35 <div class="ipt-wrap"> 14 <template v-if="showForm">
36 <input class="ipt" :class="{err : errorTips.e1.length > 0}" type="text" v-model="information.firstName"> 15 <div class="login-tit">{{$t('infomationImprove.title')}}</div>
37 </div> 16 <div class="login-tit-space-1"></div>
38 <div class="validator" v-if="errorTips.e1.length > 0 "> 17 <div class="gird-g form">
39 <img src="@/assets/images/common/icon-notice.png" alt=""> {{errorTips.e1}} 18 <div class="pure-u-1 pure-u-md-1-2 form-item">
40 </div> 19 <div class="label">
41 </div> 20 <img src="@/assets/images/improve-infomation/icon-improve-infomation-user.png"> {{$t('infomationImprove.t1c1')}}
21 </div>
22 <div class="ipt-wrap">
23 <input class="ipt" :class="{err : errorTips.e1.length > 0}" type="text" v-model="information.lastName">
24 </div>
25 <div class="validator" v-if="errorTips.e1.length > 0 ">
26 <img src="@/assets/images/common/icon-notice.png" alt=""> {{errorTips.e1}}
27 </div>
28 </div>
42 29
43 <div class="pure-u-1 form-item"> 30 <div class="pure-u-1 pure-u-md-1-2 form-item">
44 <div class="label"> 31 <div class="label">
45 <img src="@/assets/images/improve-infomation/icon-improve-infomation-sex.png"> {{$t('infomationImprove.t2')}} 32 <img src="@/assets/images/improve-infomation/icon-improve-infomation-user.png"> {{$t('infomationImprove.t1c2')}}
46 </div> 33 </div>
47 <div class="ipt-wrap"> 34 <div class="ipt-wrap">
48 <div class="down-arrow"></div> 35 <input class="ipt" :class="{err : errorTips.e1.length > 0}" type="text" v-model="information.firstName">
49 <select class="ipt" :class="{err : errorTips.e2.length > 0}" v-model="information.sex"> 36 </div>
50 <template v-if="sexCandidates"> 37 <div class="validator" v-if="errorTips.e1.length > 0 ">
51 <option v-for="(item,index) in sexCandidates" :key="index" :value="item.value">{{item.name}}</option> 38 <img src="@/assets/images/common/icon-notice.png" alt=""> {{errorTips.e1}}
52 </template> 39 </div>
53 </select> 40 </div>
54 </div>
55 <div class="validator" v-if="errorTips.e2.length > 0 ">
56 <img src="@/assets/images/common/icon-notice.png" alt=""> {{errorTips.e2}}
57 </div>
58 </div>
59 41
60 <div class="pure-u-1 form-item"> 42 <div class="pure-u-1 form-item">
61 <div class="label"> 43 <div class="label">
62 <img src="@/assets/images/improve-infomation/icon-improve-infomation-date.png"> {{$t('infomationImprove.t3')}} 44 <img src="@/assets/images/improve-infomation/icon-improve-infomation-sex.png"> {{$t('infomationImprove.t2')}}
63 </div> 45 </div>
64 <div class="ipt-wrap"> 46 <div class="ipt-wrap">
65 <!-- <input class="ipt" type="date" :class="{err : errorTips.e3.length > 0}" v-model="birthDate"> --> 47 <div class="down-arrow"></div>
66 <date-picker class="date" v-model="birthDate" :filtModel="['future','today']"></date-picker> 48 <select class="ipt" :class="{err : errorTips.e2.length > 0}" v-model="information.sex">
67 </div> 49 <template v-if="sexCandidates">
68 <div class="validator" v-if="errorTips.e3.length > 0 "> 50 <option v-for="(item,index) in sexCandidates" :key="index" :value="item.value">{{item.name}}</option>
69 <img src="@/assets/images/common/icon-notice.png" alt=""> {{errorTips.e3}} 51 </template>
70 </div> 52 </select>
71 </div> 53 </div>
54 <div class="validator" v-if="errorTips.e2.length > 0 ">
55 <img src="@/assets/images/common/icon-notice.png" alt=""> {{errorTips.e2}}
56 </div>
57 </div>
72 58
73 <div class="pure-u-1 form-item"> 59 <div class="pure-u-1 form-item">
74 <div class="label"> 60 <div class="label">
75 <img src="@/assets/images/improve-infomation/icon-improve-infomation-card.png"> {{$t('infomationImprove.t4')}} 61 <img src="@/assets/images/improve-infomation/icon-improve-infomation-date.png"> {{$t('infomationImprove.t3')}}
76 </div> 62 </div>
77 <div class="ipt-wrap"> 63 <div class="ipt-wrap">
78 <div class="down-arrow"></div> 64 <!-- <input class="ipt" type="date" :class="{err : errorTips.e3.length > 0}" v-model="birthDate"> -->
79 <select class="ipt" :class="{err : errorTips.e4.length > 0}" v-model="information.idType"> 65 <date-picker class="date" v-model="birthDate" :filtModel="['future','today']"></date-picker>
80 <template v-if="idTypeCandidates"> 66 </div>
81 <option v-for="(item,index) in idTypeCandidates" :key="index" :value="item.value">{{item.name}}</option> 67 <div class="validator" v-if="errorTips.e3.length > 0 ">
82 </template> 68 <img src="@/assets/images/common/icon-notice.png" alt=""> {{errorTips.e3}}
83 </select> 69 </div>
84 </div> 70 </div>
85 <div class="validator" v-if="errorTips.e4.length > 0 ">
86 <img src="@/assets/images/common/icon-notice.png" alt=""> {{errorTips.e4}}
87 </div>
88 </div>
89 71
90 <div class="pure-u-1 form-item"> 72 <div class="pure-u-1 form-item">
91 <div class="label"> 73 <div class="label">
92 <img src="@/assets/images/improve-infomation/icon-improve-infomation-card.png"> {{$t('infomationImprove.t5')}} 74 <img src="@/assets/images/improve-infomation/icon-improve-infomation-card.png"> {{$t('infomationImprove.t4')}}
93 </div> 75 </div>
94 <div class="ipt-wrap"> 76 <div class="ipt-wrap">
95 <input class="ipt" type="text" :class="{err : errorTips.e5.length > 0}" v-model="information.idNo"> 77 <div class="down-arrow"></div>
96 </div> 78 <select class="ipt" :class="{err : errorTips.e4.length > 0}" v-model="information.idType">
97 <div class="validator" v-if="errorTips.e5.length > 0 "> 79 <template v-if="idTypeCandidates">
98 <img src="@/assets/images/common/icon-notice.png" alt=""> {{errorTips.e5}} 80 <option v-for="(item,index) in idTypeCandidates" :key="index" :value="item.value">{{item.name}}</option>
99 </div> 81 </template>
100 </div> 82 </select>
83 </div>
84 <div class="validator" v-if="errorTips.e4.length > 0 ">
85 <img src="@/assets/images/common/icon-notice.png" alt=""> {{errorTips.e4}}
86 </div>
87 </div>
101 88
102 </div> 89 <div class="pure-u-1 form-item">
103 <div class="login-btn-wrap"> 90 <div class="label">
104 <div @click="onUpdateHandler()" class="login-submit pointer flex-center" :class="{disabled: submitBtnDisabled}"> 91 <img src="@/assets/images/improve-infomation/icon-improve-infomation-card.png"> {{$t('infomationImprove.t5')}}
105 <van-loading v-if="loading" /> 92 </div>
106 <span>{{$t('infomationImprove.submit')}}</span> 93 <div class="ipt-wrap">
94 <input class="ipt" type="text" :class="{err : errorTips.e5.length > 0}" v-model="information.idNo">
95 </div>
96 <div class="validator" v-if="errorTips.e5.length > 0 ">
97 <img src="@/assets/images/common/icon-notice.png" alt=""> {{errorTips.e5}}
98 </div>
99 </div>
100
101 </div>
102 <div class="login-btn-wrap">
103 <div @click="onUpdateHandler()" class="login-submit pointer flex-center" :class="{disabled: submitBtnDisabled}">
104 <van-loading v-if="loading" />
105 <span>{{$t('infomationImprove.submit')}}</span>
106 </div>
107 </div>
108 </template>
107 </div> 109 </div>
108 </div>
109 </template>
110 </div>
111 110
112 </div> 111 </div>
113 </div> 112 </div>
114 </div> 113 </div>
115 </template> 114 </template>
116 115
117 <script src="./infomation-improve.js"></script> 116 <script src="./infomation-improve.js"></script>
......
...@@ -18,15 +18,12 @@ ...@@ -18,15 +18,12 @@
18 18
19 19
20 .ebg { 20 .ebg {
21 background: url('~@/assets/images/common/login-bg.png') center no-repeat;
22 width: 100%;
23 height: 325px;
21 position: absolute; 24 position: absolute;
22 bottom: 0; 25 bottom: 0;
23 width: 100%;
24 overflow: hidden; 26 overflow: hidden;
25
26 img {
27 width: 1920px;
28 margin-left: -360px;
29 }
30 } 27 }
31 28
32 .login { 29 .login {
......
...@@ -3,11 +3,9 @@ ...@@ -3,11 +3,9 @@
3 <div> 3 <div>
4 <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> 4 <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp>
5 <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="closeModal" :overlay="closeModal" :close="closeModal"></modal-simple-comp> 5 <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="closeModal" :overlay="closeModal" :close="closeModal"></modal-simple-comp>
6 <modal-upload-card-comp :visible="modalUploadCardVisiable" :show-confirm="true" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback" :close="closeCallback"></modal-upload-card-comp> 6 <modal-upload-card-comp :visible="modalUploadCardVisiable" :show-confirm="true" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback" :close="closeCallback"></modal-upload-card-comp>
7 <div class="ebg"></div>
7 <div class="content"> 8 <div class="content">
8 <div class="ebg">
9 <img src="@/assets/images/common/login-bg.png">
10 </div>
11 <div class="top-space"></div> 9 <div class="top-space"></div>
12 <div class="box"> 10 <div class="box">
13 <!-- 帐密登陆 --> 11 <!-- 帐密登陆 -->
...@@ -59,10 +57,10 @@ ...@@ -59,10 +57,10 @@
59 </div> 57 </div>
60 <div class="login-protocol pointer" @click="loginCheck.agreeProtocol = !loginCheck.agreeProtocol"> 58 <div class="login-protocol pointer" @click="loginCheck.agreeProtocol = !loginCheck.agreeProtocol">
61 <img v-if="!loginCheck.agreeProtocol" class="check" src="@/assets/images/login/uncheck.png"> 59 <img v-if="!loginCheck.agreeProtocol" class="check" src="@/assets/images/login/uncheck.png">
62 <img v-if="loginCheck.agreeProtocol" class="check" src="@/assets/images/login/check.png">{{$t('login.agree')}} 60 <img v-if="loginCheck.agreeProtocol" class="check" src="@/assets/images/login/check.png">{{$t('login.agree')}} &nbsp;
63 &nbsp;<span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span> 61 <span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span>
64 </div> 62 </div>
65 <div @click="handlerLogin()" class="login-submit pointer flex-center" :class="{disabled: pwdLoginDisabled}"> 63 <div @click="handlerLogin()" class="login-submit pointer flex-center" :class="{disabled: pwdLoginDisabled}">
66 <van-loading v-if="loading" /> 64 <van-loading v-if="loading" />
67 <span>{{$t('login.login')}}</span> 65 <span>{{$t('login.login')}}</span>
68 </div> 66 </div>
...@@ -125,8 +123,8 @@ ...@@ -125,8 +123,8 @@
125 </div> 123 </div>
126 <div class="login-protocol pointer" @click="loginCheck.agreeProtocol = !loginCheck.agreeProtocol"> 124 <div class="login-protocol pointer" @click="loginCheck.agreeProtocol = !loginCheck.agreeProtocol">
127 <img v-if="!loginCheck.agreeProtocol" class="check" src="@/assets/images/login/uncheck.png"> 125 <img v-if="!loginCheck.agreeProtocol" class="check" src="@/assets/images/login/uncheck.png">
128 <img v-if="loginCheck.agreeProtocol" class="check" src="@/assets/images/login/check.png"> {{$t('login.agree')}} 126 <img v-if="loginCheck.agreeProtocol" class="check" src="@/assets/images/login/check.png"> {{$t('login.agree')}} &nbsp;
129 &nbsp;<span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span> 127 <span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span>
130 </div> 128 </div>
131 <div @click="handlerLogin()" class="login-submit pointer flex-center" :class="{disabled: otpLoginDisabled}"> 129 <div @click="handlerLogin()" class="login-submit pointer flex-center" :class="{disabled: otpLoginDisabled}">
132 <van-loading v-if="loading" /> 130 <van-loading v-if="loading" />
......
...@@ -14,15 +14,12 @@ ...@@ -14,15 +14,12 @@
14 } 14 }
15 15
16 .ebg { 16 .ebg {
17 background: url('~@/assets/images/news-list/news-list-bg.png') center no-repeat;
18 width: 100%;
19 height: 411px;
17 position: absolute; 20 position: absolute;
18 bottom: 0; 21 bottom: 0;
19 width: 100%;
20 overflow: hidden; 22 overflow: hidden;
21
22 img {
23 width: 1920px;
24 margin-left: -360px;
25 }
26 } 23 }
27 24
28 .news { 25 .news {
......
1 1
2 <template> 2 <template>
3 <div> 3 <div>
4 4 <div class="ebg"> </div>
5 <div class="content"> 5 <div class="content">
6 <div class="ebg">
7 <img src="@/assets/images/news-list/news-list-bg.png">
8 </div>
9 <div class="top-space"></div> 6 <div class="top-space"></div>
10 <div class="box"> 7 <div class="box">
11 <div class="news"> 8 <div class="news">
......
...@@ -18,15 +18,12 @@ ...@@ -18,15 +18,12 @@
18 } 18 }
19 19
20 .ebg { 20 .ebg {
21 background: url('~@/assets/images/common/login-bg.png') center no-repeat;
22 width: 100%;
23 height: 325px;
21 position: absolute; 24 position: absolute;
22 bottom: 0; 25 bottom: 0;
23 width: 100%;
24 overflow: hidden; 26 overflow: hidden;
25
26 img {
27 width: 1920px;
28 margin-left: -360px;
29 }
30 } 27 }
31 28
32 .step { 29 .step {
......
...@@ -3,10 +3,8 @@ ...@@ -3,10 +3,8 @@
3 <div> 3 <div>
4 <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> 4 <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp>
5 <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="closeModal" :overlay="closeModal" :close="closeModal"></modal-simple-comp> 5 <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="closeModal" :overlay="closeModal" :close="closeModal"></modal-simple-comp>
6 <div class="ebg"></div>
6 <div class="content"> 7 <div class="content">
7 <div class="ebg">
8 <img src="@/assets/images/common/login-bg.png">
9 </div>
10 <div class="top-space"></div> 8 <div class="top-space"></div>
11 <div class="box"> 9 <div class="box">
12 10
...@@ -30,7 +28,6 @@ ...@@ -30,7 +28,6 @@
30 <div @click="locateUserInfo()" class="login-submit pointer" :class="{disabled: s1BtnDisabled}">{{$t('passwordReset.type1.submit')}}</div> 28 <div @click="locateUserInfo()" class="login-submit pointer" :class="{disabled: s1BtnDisabled}">{{$t('passwordReset.type1.submit')}}</div>
31 </div> 29 </div>
32 30
33
34 <!-- 核对信息 --> 31 <!-- 核对信息 -->
35 <div v-if="type == 2" class="login"> 32 <div v-if="type == 2" class="login">
36 <div class="login-tit">{{$t('passwordReset.type3.title')}}</div> 33 <div class="login-tit">{{$t('passwordReset.type3.title')}}</div>
...@@ -41,7 +38,7 @@ ...@@ -41,7 +38,7 @@
41 <img src="@/assets/images/register/icon-register-phone.png"> {{$t('passwordReset.type3.t1')}} 38 <img src="@/assets/images/register/icon-register-phone.png"> {{$t('passwordReset.type3.t1')}}
42 </div> 39 </div>
43 <div class="ipt-wrap"> 40 <div class="ipt-wrap">
44 <input class="ipt disable" type="text" v-model="step2.idNo"> 41 <input class="ipt disable" type="text" v-model="step2.idNo">
45 </div> 42 </div>
46 </div> 43 </div>
47 </div> 44 </div>
...@@ -60,7 +57,7 @@ ...@@ -60,7 +57,7 @@
60 <div class="ipt-wrap"> 57 <div class="ipt-wrap">
61 <div class="ipt ipt2"> 58 <div class="ipt ipt2">
62 <input :placeholder="$t('passwordReset.type2.t1Placeholder')" type="text" v-model="step3.otp"> 59 <input :placeholder="$t('passwordReset.type2.t1Placeholder')" type="text" v-model="step3.otp">
63 <div v-if="times.remain == 0" class="veri-btn pointer" @click="sendOtp" >{{$t('register.verifyCodeGet')}}</div> 60 <div v-if="times.remain == 0" class="veri-btn pointer" @click="sendOtp">{{$t('register.verifyCodeGet')}}</div>
64 <div v-else class="veri-btn-default">{{times.tip}}</div> 61 <div v-else class="veri-btn-default">{{times.tip}}</div>
65 </div> 62 </div>
66 </div> 63 </div>
......
...@@ -18,15 +18,12 @@ ...@@ -18,15 +18,12 @@
18 } 18 }
19 19
20 .ebg { 20 .ebg {
21 background: url('~@/assets/images/common/login-bg.png') center no-repeat;
22 width: 100%;
23 height: 325px;
21 position: absolute; 24 position: absolute;
22 bottom: 0; 25 bottom: 0;
23 width: 100%;
24 overflow: hidden; 26 overflow: hidden;
25
26 img {
27 width: 1920px;
28 margin-left: -360px;
29 }
30 } 27 }
31 28
32 .step { 29 .step {
......
...@@ -3,10 +3,8 @@ ...@@ -3,10 +3,8 @@
3 <div> 3 <div>
4 <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="closeModal" :overlay="closeModal" :close="closeModal"></modal-simple-comp> 4 <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="closeModal" :overlay="closeModal" :close="closeModal"></modal-simple-comp>
5 <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> 5 <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp>
6 <div class="ebg"></div>
6 <div class="content"> 7 <div class="content">
7 <div class="ebg">
8 <img src="@/assets/images/common/login-bg.png">
9 </div>
10 <div class="top-space"></div> 8 <div class="top-space"></div>
11 <div class="box"> 9 <div class="box">
12 <div class="login"> 10 <div class="login">
......
...@@ -17,15 +17,12 @@ ...@@ -17,15 +17,12 @@
17 } 17 }
18 18
19 .ebg { 19 .ebg {
20 background: url('~@/assets/images/common/login-bg.png') center no-repeat;
21 width: 100%;
22 height: 325px;
20 position: absolute; 23 position: absolute;
21 bottom: 0; 24 bottom: 0;
22 width: 100%;
23 overflow: hidden; 25 overflow: hidden;
24
25 img {
26 width: 1920px;
27 margin-left: -360px;
28 }
29 } 26 }
30 27
31 .step { 28 .step {
......
...@@ -3,10 +3,8 @@ ...@@ -3,10 +3,8 @@
3 <div> 3 <div>
4 <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="closeModal" :close="closeModal"></modal-simple-comp> 4 <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="closeModal" :close="closeModal"></modal-simple-comp>
5 <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> 5 <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp>
6 <div class="ebg"></div>
6 <div class="content"> 7 <div class="content">
7 <div class="ebg">
8 <img src="@/assets/images/common/login-bg.png">
9 </div>
10 <div class="top-space"></div> 8 <div class="top-space"></div>
11 <div class="step"> 9 <div class="step">
12 <img v-if="type == 1" src="@/assets/images/register/register-step-1.png"> 10 <img v-if="type == 1" src="@/assets/images/register/register-step-1.png">
...@@ -70,8 +68,8 @@ ...@@ -70,8 +68,8 @@
70 68
71 <div class="login-protocol pointer" @click="registerCheck.agreeProtocol = !registerCheck.agreeProtocol"> 69 <div class="login-protocol pointer" @click="registerCheck.agreeProtocol = !registerCheck.agreeProtocol">
72 <img v-if="!registerCheck.agreeProtocol" class="check" src="@/assets/images/login/uncheck.png"> 70 <img v-if="!registerCheck.agreeProtocol" class="check" src="@/assets/images/login/uncheck.png">
73 <img v-if="registerCheck.agreeProtocol" class="check" src="@/assets/images/login/check.png"> {{$t('login.agree')}} 71 <img v-if="registerCheck.agreeProtocol" class="check" src="@/assets/images/login/check.png"> {{$t('login.agree')}} &nbsp;
74 &nbsp;<span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span> 72 <span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span>
75 </div> 73 </div>
76 <div @click="onSubmitHandler()" class="login-submit pointer" :class="{disabled: registerDisabled}">{{$t('register.register')}}</div> 74 <div @click="onSubmitHandler()" class="login-submit pointer" :class="{disabled: registerDisabled}">{{$t('register.register')}}</div>
77 </div> 75 </div>
......