Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
307f5bf0 by simon
Options

默认提交

1 parent e2055e2b
Inline Side-by-side
Showing 4 changed files with 28 additions and 12 deletions
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
43 justify-content: flex-start; 43 justify-content: flex-start;
44 align-items: center; 44 align-items: center;
45 padding: 162px 100px; 45 padding: 162px 100px;
46 max-height:534px; 46 max-height: 534px;
47 47
48 .info-icon { 48 .info-icon {
49 width: 210px; 49 width: 210px;
......
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
19 <div class="content clarms" v-else> 19 <div class="content clarms" v-else>
20 <div class="clarms-cont"> 20 <div class="clarms-cont">
21 <clarms-modal-one v-if="showModal1" @close="showModal1 = false" :type="modelType"></clarms-modal-one> 21 <clarms-modal-one v-if="showModal1" @close="showModal1 = false" :type="modelType"></clarms-modal-one>
22 <clarms-modal-two @close="showModal2 = false"></clarms-modal-two> 22 <clarms-modal-two v-if="showModal2" @close="showModal2 = false"></clarms-modal-two>
23 <div class="mobile-margin"> 23 <div class="mobile-margin">
24 24
25 <template v-if="step == 1"> 25 <template v-if="step == 1">
......
...@@ -41,6 +41,7 @@ ...@@ -41,6 +41,7 @@
41 position: relative; 41 position: relative;
42 margin-bottom: 2.333333rem; 42 margin-bottom: 2.333333rem;
43 padding: 0 1.25rem; 43 padding: 0 1.25rem;
44 height: auto;
44 45
45 .label { 46 .label {
46 color: #f05a23; 47 color: #f05a23;
...@@ -49,6 +50,18 @@ ...@@ -49,6 +50,18 @@
49 50
50 margin-bottom: .7rem; 51 margin-bottom: .7rem;
51 52
53 .fla2{
54 @extend .bb;
55 flex-wrap: wrap;
56 justify-content: flex-end;
57 flex: 1;
58
59 }
60
61 .fla3{
62
63 }
64
52 .icon { 65 .icon {
53 width: 2.166667rem; 66 width: 2.166667rem;
54 display: flex; 67 display: flex;
......
...@@ -2,8 +2,8 @@ ...@@ -2,8 +2,8 @@
2 <template> 2 <template>
3 <div> 3 <div>
4 <auth @onLogin="userLogin" @onLogout="userLogout" :checkProfile="true" ref="auth" :tipModel="'m2'"></auth> 4 <auth @onLogin="userLogin" @onLogout="userLogout" :checkProfile="true" ref="auth" :tipModel="'m2'"></auth>
5 <modal-upload-card-comp :visible="modalUploadCardVisiable" :show-confirm="true" @close="modalUploadCardVisiable=false" @onSubmit="handleUpdatePolicyWithFile" ></modal-upload-card-comp> 5 <modal-upload-card-comp :visible="modalUploadCardVisiable" :show-confirm="true" @close="modalUploadCardVisiable=false" @onSubmit="handleUpdatePolicyWithFile"></modal-upload-card-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 <template v-if="showForm"> 7 <template v-if="showForm">
8 8
9 <div class="pure-u-1 form-item form-item2"> 9 <div class="pure-u-1 form-item form-item2">
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 <div class="boo-btn pointer" :class="{active:isOwner}" @click="switchPolicyRole(1)">{{$t('policyChangeInformation.owner')}}</div> 14 <div class="boo-btn pointer" :class="{active:isOwner}" @click="switchPolicyRole(1)">{{$t('policyChangeInformation.owner')}}</div>
15 <div class="boo-btn pointer" :class="{active:!isOwner}" @click="switchPolicyRole(2)">{{$t('policyChangeInformation.insured')}}</div> 15 <div class="boo-btn pointer" :class="{active:!isOwner}" @click="switchPolicyRole(2)">{{$t('policyChangeInformation.insured')}}</div>
16 </div> 16 </div>
17 </div> 17 </div>
18 18
19 <policy-head-list :multiSelectable="isOwner" @onSelect="handlePolicySelect" :model="'checkbox'"></policy-head-list> 19 <policy-head-list :multiSelectable="isOwner" @onSelect="handlePolicySelect" :model="'checkbox'"></policy-head-list>
20 <div class="container border" v-if="selectedPolicies.length > 0 && data"> 20 <div class="container border" v-if="selectedPolicies.length > 0 && data">
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
39 <div class="fla"> 39 <div class="fla">
40 <div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-info.png"></div>{{$t('policyChangeInformation.sex')}} 40 <div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-info.png"></div>{{$t('policyChangeInformation.sex')}}
41 </div> 41 </div>
42 <div class="fla"> 42 <div class="fla fla2">
43 <span class="icon icon2"><img src="@/assets/images/policy-change-information/icon-pci-notice.png"></span> 43 <span class="icon icon2"><img src="@/assets/images/policy-change-information/icon-pci-notice.png"></span>
44 <span class="t1">{{$t('policyChangeInformation.modifyTips1')}}</span>&nbsp; 44 <span class="t1">{{$t('policyChangeInformation.modifyTips1')}}</span>&nbsp;
45 <span class="t2" @click="toContactUs()">{{$t('policyChangeInformation.modifyTips2')}}</span> 45 <span class="t2" @click="toContactUs()">{{$t('policyChangeInformation.modifyTips2')}}</span>
...@@ -49,9 +49,9 @@ ...@@ -49,9 +49,9 @@
49 <div class="down-arrow"></div> 49 <div class="down-arrow"></div>
50 50
51 <el-select disabled class="ipt disable" v-model="data.sex"> 51 <el-select disabled class="ipt disable" v-model="data.sex">
52 <template v-if="sexCandidates"> 52 <template v-if="sexCandidates">
53 <el-option v-for="(item,index) in sexCandidates" :key="index" :value="item.value" :label="item.name">{{item.name}}</el-option> 53 <el-option v-for="(item,index) in sexCandidates" :key="index" :value="item.value" :label="item.name">{{item.name}}</el-option>
54 </template> 54 </template>
55 </el-select> 55 </el-select>
56 </div> 56 </div>
57 </div> 57 </div>
...@@ -62,7 +62,7 @@ ...@@ -62,7 +62,7 @@
62 <div class="fla"> 62 <div class="fla">
63 <div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-date.png"></div>{{$t('policyChangeInformation.birth')}} 63 <div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-date.png"></div>{{$t('policyChangeInformation.birth')}}
64 </div> 64 </div>
65 <div class="fla"> 65 <div class="fla fla2">
66 <div class="icon icon2"><img src="@/assets/images/policy-change-information/icon-pci-notice.png"></div> 66 <div class="icon icon2"><img src="@/assets/images/policy-change-information/icon-pci-notice.png"></div>
67 <span class="t1">{{$t('policyChangeInformation.modifyTips1')}}</span>&nbsp; 67 <span class="t1">{{$t('policyChangeInformation.modifyTips1')}}</span>&nbsp;
68 <span class="t2" @click="toContactUs()">{{$t('policyChangeInformation.modifyTips2')}}</span> 68 <span class="t2" @click="toContactUs()">{{$t('policyChangeInformation.modifyTips2')}}</span>
...@@ -76,7 +76,11 @@ ...@@ -76,7 +76,11 @@
76 <!-- 4 --> 76 <!-- 4 -->
77 <div class="pure-u-1 pure-u-md-1-2 form-item"> 77 <div class="pure-u-1 pure-u-md-1-2 form-item">
78 <div class="label"> 78 <div class="label">
79 <div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-card.png"></div>{{$t('policyChangeInformation.type')}} 79 <div class="fla fla3">
80 <!-- <div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-date.png"></div>{{$t('policyChangeInformation.birth')}} -->
81 <div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-card.png"></div>{{$t('policyChangeInformation.type')}}
82 <div v-if="locale == 'en'"><br>&nbsp;</div>
83 </div>
80 </div> 84 </div>
81 <div class="ipt-wrap"> 85 <div class="ipt-wrap">
82 <div class="down-arrow"></div> 86 <div class="down-arrow"></div>
...@@ -142,7 +146,6 @@ ...@@ -142,7 +146,6 @@
142 </div> 146 </div>
143 <div class="ipt-wrap"> 147 <div class="ipt-wrap">
144 <div class="down-arrow"></div> 148 <div class="down-arrow"></div>
145
146 <!-- <input class="ipt" type="text" v-model="data.marriage"> --> 149 <!-- <input class="ipt" type="text" v-model="data.marriage"> -->
147 <el-select class="ipt" v-model="data.marriage"> 150 <el-select class="ipt" v-model="data.marriage">
148 <el-option v-for="(item,index) in marryList" :key="index" :value="item.v" :label="item.n"></el-option> 151 <el-option v-for="(item,index) in marryList" :key="index" :value="item.v" :label="item.n"></el-option>
......