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 @@
justify-content: flex-start;
align-items: center;
padding: 162px 100px;
max-height:534px;
max-height: 534px;
.info-icon {
width: 210px;
......
......@@ -19,7 +19,7 @@
<div class="content clarms" v-else>
<div class="clarms-cont">
<clarms-modal-one v-if="showModal1" @close="showModal1 = false" :type="modelType"></clarms-modal-one>
<clarms-modal-two @close="showModal2 = false"></clarms-modal-two>
<clarms-modal-two v-if="showModal2" @close="showModal2 = false"></clarms-modal-two>
<div class="mobile-margin">
<template v-if="step == 1">
......
......@@ -41,6 +41,7 @@
position: relative;
margin-bottom: 2.333333rem;
padding: 0 1.25rem;
height: auto;
.label {
color: #f05a23;
......@@ -49,6 +50,18 @@
margin-bottom: .7rem;
.fla2{
@extend .bb;
flex-wrap: wrap;
justify-content: flex-end;
flex: 1;
}
.fla3{
}
.icon {
width: 2.166667rem;
display: flex;
......
......@@ -2,8 +2,8 @@
<template>
<div>
<auth @onLogin="userLogin" @onLogout="userLogout" :checkProfile="true" ref="auth" :tipModel="'m2'"></auth>
<modal-upload-card-comp :visible="modalUploadCardVisiable" :show-confirm="true" @close="modalUploadCardVisiable=false" @onSubmit="handleUpdatePolicyWithFile" ></modal-upload-card-comp>
<modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp>
<modal-upload-card-comp :visible="modalUploadCardVisiable" :show-confirm="true" @close="modalUploadCardVisiable=false" @onSubmit="handleUpdatePolicyWithFile"></modal-upload-card-comp>
<modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp>
<template v-if="showForm">
<div class="pure-u-1 form-item form-item2">
......@@ -14,7 +14,7 @@
<div class="boo-btn pointer" :class="{active:isOwner}" @click="switchPolicyRole(1)">{{$t('policyChangeInformation.owner')}}</div>
<div class="boo-btn pointer" :class="{active:!isOwner}" @click="switchPolicyRole(2)">{{$t('policyChangeInformation.insured')}}</div>
</div>
</div>
</div>
<policy-head-list :multiSelectable="isOwner" @onSelect="handlePolicySelect" :model="'checkbox'"></policy-head-list>
<div class="container border" v-if="selectedPolicies.length > 0 && data">
......@@ -39,7 +39,7 @@
<div class="fla">
<div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-info.png"></div>{{$t('policyChangeInformation.sex')}}
</div>
<div class="fla">
<div class="fla fla2">
<span class="icon icon2"><img src="@/assets/images/policy-change-information/icon-pci-notice.png"></span>
<span class="t1">{{$t('policyChangeInformation.modifyTips1')}}</span>&nbsp;
<span class="t2" @click="toContactUs()">{{$t('policyChangeInformation.modifyTips2')}}</span>
......@@ -49,9 +49,9 @@
<div class="down-arrow"></div>
<el-select disabled class="ipt disable" v-model="data.sex">
<template v-if="sexCandidates">
<el-option v-for="(item,index) in sexCandidates" :key="index" :value="item.value" :label="item.name">{{item.name}}</el-option>
</template>
<template v-if="sexCandidates">
<el-option v-for="(item,index) in sexCandidates" :key="index" :value="item.value" :label="item.name">{{item.name}}</el-option>
</template>
</el-select>
</div>
</div>
......@@ -62,7 +62,7 @@
<div class="fla">
<div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-date.png"></div>{{$t('policyChangeInformation.birth')}}
</div>
<div class="fla">
<div class="fla fla2">
<div class="icon icon2"><img src="@/assets/images/policy-change-information/icon-pci-notice.png"></div>
<span class="t1">{{$t('policyChangeInformation.modifyTips1')}}</span>&nbsp;
<span class="t2" @click="toContactUs()">{{$t('policyChangeInformation.modifyTips2')}}</span>
......@@ -76,7 +76,11 @@
<!-- 4 -->
<div class="pure-u-1 pure-u-md-1-2 form-item">
<div class="label">
<div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-card.png"></div>{{$t('policyChangeInformation.type')}}
<div class="fla fla3">
<!-- <div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-date.png"></div>{{$t('policyChangeInformation.birth')}} -->
<div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-card.png"></div>{{$t('policyChangeInformation.type')}}
<div v-if="locale == 'en'"><br>&nbsp;</div>
</div>
</div>
<div class="ipt-wrap">
<div class="down-arrow"></div>
......@@ -142,7 +146,6 @@
</div>
<div class="ipt-wrap">
<div class="down-arrow"></div>
<!-- <input class="ipt" type="text" v-model="data.marriage"> -->
<el-select class="ipt" v-model="data.marriage">
<el-option v-for="(item,index) in marryList" :key="index" :value="item.v" :label="item.n"></el-option>
......