Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
2ca3c7ec by joe
Options

修复buglist 0210的5个bug

1 parent bc0cf6aa
Inline Side-by-side
Showing 11 changed files with 217 additions and 134 deletions
......@@ -350,7 +350,9 @@ module.exports = {
e5: "請填寫證件號碼",
e6: "您填寫的證件號碼有誤",
e7: "您填寫的信息有誤，請核實後重新提交",
}
},
noPolicy: "Sorry, the information you entered does not match our records. Please re-enter it. For help, please",
customService: "contact customer service hotline",
},
index: {
news: "新聞資訊",
......@@ -845,7 +847,9 @@ module.exports = {
label3: "Document type",
label4: "Identification Number",
label5: "Birthday",
btn: "Apply now"
btn: "Apply now",
noPolicy: "Sorry, the information you entered does not match our records. Please re-enter it. For help, please",
customService: "contact customer service hotline",
},
step2: {
label1: "I want to claim for",
......
......@@ -350,7 +350,9 @@ module.exports = {
e5: "請填寫證件號碼",
e6: "您填寫的證件號碼有誤",
e7: "您填寫的信息有誤，請核實後重新提交",
}
},
noPolicy: "對不起，您輸入的資料與本公司的紀錄不符，請重新輸入。如需幫助可",
customService: "聯繫客服",
},
index: {
news: "新聞資訊",
......@@ -840,7 +842,9 @@ module.exports = {
label3: "證件類型",
label4: "證件號碼",
label5: "出生日期",
btn: "立即申請"
btn: "立即申請",
noPolicy: "對不起，您輸入的資料與本公司的紀錄不符，請重新輸入。如需幫助可",
customService: "聯繫客服",
},
step2: {
label1: "我想為",
......
......@@ -350,7 +350,9 @@ module.exports = {
e5: "请填写证件号码",
e6: "您填写的证件号码有误",
e7: "您填写的信息有误，请核实后重新提交",
}
},
noPolicy: "对不起，您输入的数据与本公司的纪录不符，请重新输入。如需帮助可",
customService: "联系客服",
},
index: {
news: "新闻资讯",
......@@ -842,7 +844,9 @@ module.exports = {
label3: "证件类型",
label4: "证件号码",
label5: "出生日期",
btn: "立即申请"
btn: "立即申请",
noPolicy: "对不起，您输入的数据与本公司的纪录不符，请重新输入。如需帮助可",
customService: "联系客服",
},
step2: {
label1: "我想为",
......
......@@ -14,6 +14,29 @@ input {
color: #747474;
}
.empty{
flex: 1;
height: 30rem;
display: flex;
align-items: center;
justify-content: center;
.tips {
align-items: center;
display: flex;
.icon {
margin-right: 5px;
display: inline-block;
}
.btn {
color: $cOrange;
font-size: 1.166667rem;
}
}
}
.submit-btn{
background: url("~@assets/images/vhis/vhis-btn.png");
background-size: 100% 100%;
......
<template>
<div class="reservation-container-2">
<div class="title default-mt">
<span>{{$t('clarms.step2.label1')}}</span>
<div class="clarms-border">
<el-select class="clarms-select" v-model="data.insuredIndex" :placeholder="$t('clarms.step2.placeHolder1')">
<template v-if="lan == 'en'">
<el-option v-for="(item,index) in insuredList" :key="index" :label="item.insuredNameEn" :value="index + 1">
</el-option>
</template>
<template v-else>
<el-option v-for="(item,index) in insuredList" :key="index" :label="item.insuredNameCn" :value="index + 1">
</el-option>
</template>
</el-select>
<div>
<template v-if="!insuredList || insuredList.length == 0">
<div class="reservation-container-2">
<div class="empty">
<div class="tips">
<img class="icon" src="@/assets/images/common/icon-alert-i.png" alt="">
<div class="txt">
{{$t('customService.insuranceQuery.noPolicy')}}
<span class="pointer btn" @click="toContactUs">{{$t('customService.insuranceQuery.customService')}}</span>
</div>
</div>
</div>
</div>
<span>{{$t('clarms.step2.label2')}}</span>
</div>
<hr>
<div class="gird-g form default-mt">
<div class="pure-u-1 form-item-2">
<div class="label">
<div class="main-label">
{{$t('clarms.step2.label3')}}
</template>
<template v-else>
<div class="reservation-container-2">
<div class="title default-mt">
<span>{{$t('clarms.step2.label1')}}</span>
<div class="clarms-border">
<el-select class="clarms-select" v-model="data.insuredIndex" :placeholder="$t('clarms.step2.placeHolder1')">
<template v-if="lan == 'en'">
<el-option v-for="(item,index) in insuredList" :key="index" :label="item.insuredNameEn" :value="index + 1">
</el-option>
</template>
<template v-else>
<el-option v-for="(item,index) in insuredList" :key="index" :label="item.insuredNameCn" :value="index + 1">
</el-option>
</template>
</el-select>
</div>
<div class="sub-label">{{$t('clarms.step2.label4')}}</div>
<span>{{$t('clarms.step2.label2')}}</span>
</div>
<div class="value">
<div class="ipt-wrap item-group">
<div class="check-item pointer" v-if="typeCandidates.indexOf('1') > -1" @click="typeClickHandle('1')">
<img v-if="typeSelected.indexOf('1') > -1" src="@/assets/images/clarms/checked.png">
<img v-else src="@/assets/images/clarms/uncheck.png">
<span>{{$t('clarms.step2.op1')}}</span>
<hr>
<div class="gird-g form default-mt">
<div class="pure-u-1 form-item-2">
<div class="label">
<div class="main-label">
{{$t('clarms.step2.label3')}}
</div>
<div class="sub-label">{{$t('clarms.step2.label4')}}</div>
</div>
<div class="check-item pointer" v-if="typeCandidates.indexOf('2') > -1" @click="typeClickHandle('2')">
<img v-if="typeSelected.indexOf('2') > -1" src="@/assets/images/clarms/checked.png">
<img v-else src="@/assets/images/clarms/uncheck.png">
<span>{{$t('clarms.step2.op3')}}</span>
</div>
<div class="check-item check-disabled">
<img src="@/assets/images/clarms/uncheck-disabled.png">
<!-- <img v-if="typeSelected.indexOf('2') > -1" src="@/assets/images/clarms/checked.png">
<div class="value">
<div class="ipt-wrap item-group">
<div class="check-item pointer" v-if="typeCandidates.indexOf('1') > -1" @click="typeClickHandle('1')">
<img v-if="typeSelected.indexOf('1') > -1" src="@/assets/images/clarms/checked.png">
<img v-else src="@/assets/images/clarms/uncheck.png">
<span>{{$t('clarms.step2.op1')}}</span>
</div>
<div class="check-item pointer" v-if="typeCandidates.indexOf('2') > -1" @click="typeClickHandle('2')">
<img v-if="typeSelected.indexOf('2') > -1" src="@/assets/images/clarms/checked.png">
<img v-else src="@/assets/images/clarms/uncheck.png">
<span>{{$t('clarms.step2.op3')}}</span>
</div>
<div class="check-item check-disabled">
<img src="@/assets/images/clarms/uncheck-disabled.png">
<!-- <img v-if="typeSelected.indexOf('2') > -1" src="@/assets/images/clarms/checked.png">
<img v-else src="@/assets/images/clarms/uncheck.png"> -->
<span>{{$t('clarms.step2.op2')}}</span>
<span>{{$t('clarms.step2.op2')}}</span>
</div>
<div class="check-item check-disabled">
<img src="@/assets/images/clarms/uncheck-disabled.png">
<span>{{$t('clarms.step2.op4')}}</span>
</div>
<div class="check-item check-disabled">
<img src="@/assets/images/clarms/uncheck-disabled.png">
<span>{{$t('clarms.step2.op5')}}</span>
</div>
</div>
<div class="tips"><img src="@/assets/images/clarms/impor.png"> <span>{{$t('clarms.step2.label5')}}</span></div>
</div>
<div class="check-item check-disabled">
<img src="@/assets/images/clarms/uncheck-disabled.png">
<span>{{$t('clarms.step2.op4')}}</span>
</div>
<div class="pure-u-1 form-item-2 mt20">
<div class="label">
<div class="main-label">
{{$t('clarms.step2.label6')}}
</div>
<div class="sub-label">{{$t('clarms.step2.label7')}} </div>
</div>
<div class="check-item check-disabled">
<img src="@/assets/images/clarms/uncheck-disabled.png">
<span>{{$t('clarms.step2.op5')}}</span>
<div class="value">
<div>
<div class="ipt-wrap">
<input class="ipt2" type="number" v-model="data.amount" @blur="amountCheck">
</div>
</div>
<div class="tips"><img src="@/assets/images/clarms/impor.png"> <span>{{$t('clarms.step2.label8')}}</span></div>
</div>
</div>
<div class="tips"><img src="@/assets/images/clarms/impor.png"> <span>{{$t('clarms.step2.label5')}}</span></div>
</div>
</div>
<div class="pure-u-1 form-item-2 mt20">
<div class="label">
<div class="main-label">
{{$t('clarms.step2.label6')}}
</div>
<div class="sub-label">{{$t('clarms.step2.label7')}} </div>
</div>
<div class="value">
<div>
<div class="ipt-wrap">
<input class="ipt2" type="number" v-model="data.amount" @blur="amountCheck">
<div class="pure-u-1 form-item-2 mt20">
<div class="label">
<div class="main-label">
{{$t('clarms.step2.label9')}}
</div>
</div>
<div class="value">
<div class="ipt-wrap date-container">
<div class="down-arrow"></div>
<date-picker class="ipt-date" v-model="data.contactDate" :filtModel="['future']" :check="checkDate" :cusStyle="{border:'none !important','background-color':'transparent !important',height:'3rem', 'color':'#f05a23','font-weight':'600'}"></date-picker>
</div>
</div>
</div>
<div class="tips"><img src="@/assets/images/clarms/impor.png"> <span>{{$t('clarms.step2.label8')}}</span></div>
</div>
</div>
<div class="pure-u-1 form-item-2 mt20">
<div class="label">
<div class="main-label">
{{$t('clarms.step2.label9')}}
</div>
</div>
<div class="value">
<div class="ipt-wrap date-container">
<div class="down-arrow"></div>
<date-picker class="ipt-date" v-model="data.contactDate" :filtModel="['future']" :check="checkDate" :cusStyle="{border:'none !important','background-color':'transparent !important',height:'3rem', 'color':'#f05a23','font-weight':'600'}"></date-picker>
</div>
</div>
</div>
<div class="pure-u-1 form-item-2 mt20">
<div class="label">
<div class="main-label">
{{$t('clarms.step2.label10')}}
<div class="pure-u-1 form-item-2 mt20">
<div class="label">
<div class="main-label">
{{$t('clarms.step2.label10')}}
</div>
</div>
<div class="value">
<clarms-upload :icon="require('@/assets/images/clarms/icon1.png')" :options="{name:$t('clarms.step2.label11'),imageTypeID:'HT41',imageMainTypeID:'HT11',toast:$t('clarms.step2.toast1')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload>
<clarms-upload class="mt20" :icon="require('@/assets/images/clarms/icon2.png')" :options="{name:$t('clarms.step2.label12'),imageTypeID:'HT26',imageMainTypeID:'HT06',toast:$t('clarms.step2.toast2')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload>
</div>
</div>
</div>
<div class="value">
<clarms-upload :icon="require('@/assets/images/clarms/icon1.png')" :options="{name:$t('clarms.step2.label11'),imageTypeID:'HT41',imageMainTypeID:'HT11',toast:$t('clarms.step2.toast1')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload>
<clarms-upload class="mt20" :icon="require('@/assets/images/clarms/icon2.png')" :options="{name:$t('clarms.step2.label12'),imageTypeID:'HT26',imageMainTypeID:'HT06',toast:$t('clarms.step2.toast2')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload>
</div>
</div>
<div class="pure-u-1 form-item-2 mt20">
<div class="label">
<div class="main-label">
{{$t('clarms.step2.label13')}}
<div class="pure-u-1 form-item-2 mt20">
<div class="label">
<div class="main-label">
{{$t('clarms.step2.label13')}}
</div>
</div>
<div class="value">
<clarms-upload :icon="require('@/assets/images/clarms/icon3.png')" :options="{name:$t('clarms.step2.label14'),imageTypeID:'HT29',imageMainTypeID:'HT06',toast:$t('clarms.step2.toast3')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload>
<clarms-upload class="mt20" :icon="require('@/assets/images/clarms/icon4.png')" :options="{name:$t('clarms.step2.label15'),imageTypeID:'HT34',imageMainTypeID:'HT08',toast:$t('clarms.step2.toast4')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload>
<clarms-upload class="mt20" :icon="require('@/assets/images/clarms/icon5.png')" :options="{name:$t('clarms.step2.label16'),imageTypeID:'HT16',imageMainTypeID:'HT03',toast:$t('clarms.step2.toast5')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload>
</div>
</div>
</div>
<div class="value">
<clarms-upload :icon="require('@/assets/images/clarms/icon3.png')" :options="{name:$t('clarms.step2.label14'),imageTypeID:'HT29',imageMainTypeID:'HT06',toast:$t('clarms.step2.toast3')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload>
<clarms-upload class="mt20" :icon="require('@/assets/images/clarms/icon4.png')" :options="{name:$t('clarms.step2.label15'),imageTypeID:'HT34',imageMainTypeID:'HT08',toast:$t('clarms.step2.toast4')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload>
<clarms-upload class="mt20" :icon="require('@/assets/images/clarms/icon5.png')" :options="{name:$t('clarms.step2.label16'),imageTypeID:'HT16',imageMainTypeID:'HT03',toast:$t('clarms.step2.toast5')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload>
</div>
</div>
</div>
<hr>
<div class="bottom-tip orange mt20">{{$t('clarms.step2.label17')}}</div>
<div class="bottom-tip gray mt10">{{$t('clarms.step2.tip1')}}</div>
<hr>
<div class="bottom-tip orange mt20">{{$t('clarms.step2.label17')}}</div>
<div class="bottom-tip gray mt10">{{$t('clarms.step2.tip1')}}</div>
<div class="bottom-tip orange mt20">{{$t('clarms.step2.label18')}}</div>
<div class="bottom-tip gray mt10">{{$t('clarms.step2.tip2')}}</div>
<div class="bottom-tip gray mt10">{{$t('clarms.step2.tip3')}}</div>
<div class="bottom-tip orange mt20">{{$t('clarms.step2.label18')}}</div>
<div class="bottom-tip gray mt10">{{$t('clarms.step2.tip2')}}</div>
<div class="bottom-tip gray mt10">{{$t('clarms.step2.tip3')}}</div>
<div class="bottom-tip orange mt10 pointer" @click="agress = !agress">
<img v-if="agress" src="@/assets/images/clarms/checked.png">
<img v-else src="@/assets/images/clarms/uncheck.png">
<span>{{$t('clarms.step2.tip4')}}</span>
</div>
<div class="bottom-tip orange mt10 pointer" @click="agress = !agress">
<img v-if="agress" src="@/assets/images/clarms/checked.png">
<img v-else src="@/assets/images/clarms/uncheck.png">
<span>{{$t('clarms.step2.tip4')}}</span>
</div>
<div class="submit-btn pointer flex-center" :class="{disabled: submitBtnDisabled || showTips}" @click="submitMaterial">
<van-loading v-if="loading" />
{{$t('clarms.step2.btn')}}
</div>
<div class="submit-btn pointer flex-center" :class="{disabled: submitBtnDisabled || showTips}" @click="submitMaterial">
<van-loading v-if="loading" />
{{$t('clarms.step2.btn')}}
</div>
<div class="contact" v-if="!showTips" @click="toContact">{{$t('clarms.step2.contact')}}</div>
<div class="contact" v-if="!showTips" @click="toContact">{{$t('clarms.step2.contact')}}</div>
<div class="fail-tips" v-if="showTips">
<img class="icon" src="@/assets/images/common/icon-alert-i.png" alt="">
<div class="txt">
{{$t('clarms.step2.failure')}}
<span class="pointer btn" @click="toContact">{{$t('clarms.step2.failureContact')}}</span>
<div class="fail-tips" v-if="showTips">
<img class="icon" src="@/assets/images/common/icon-alert-i.png" alt="">
<div class="txt">
{{$t('clarms.step2.failure')}}
<span class="pointer btn" @click="toContact">{{$t('clarms.step2.failureContact')}}</span>
</div>
</div>
</div>
</div>
</template>
</div>
</template>
<script src="./clarms-plugins-material.js"></script>
......
......@@ -59,8 +59,8 @@
<div class="tips" v-if="showTips">
<img class="icon" src="@/assets/images/common/icon-alert-i.png" alt="">
<div class="txt">
{{$t('customService.insuranceQuery.noPolicy')}}
<span class="pointer btn" @click="toContactUs">{{$t('customService.insuranceQuery.customService')}}</span>
{{$t('clarms.step1.noPolicy')}}
<span class="pointer btn" @click="toContactUs">{{$t('clarms.step1.customService')}}</span>
</div>
</div>
</div>
......
......@@ -27,7 +27,7 @@ import ClarmsMaterial from '@/components/clarms/clarms-plugins-material.vue';
export default {
data() {
return {
step: 0, // 1是表单；2是报案页面
step: 0, // 1是表单；2是报案页面；3=信息不完整
showModal1: false,
showModal2: false,
agress: false,
......@@ -77,7 +77,7 @@ export default {
this.cid = res;
this.checkCid();
} else {
this.step = 1;
this.step = 3;
}
}).catch(e => {
this.step = 1;
......@@ -88,13 +88,18 @@ export default {
cid: this.cid
}
httpPost({ url: api.clarmsCustomerList, data: param }).then(res => {
if (res && res.insuredInfoList && res.insuredInfoList.length > 0) {
sessionStorage.removeItem("clarmsRequestCid");
if (res) {
this.customerList = res.insuredInfoList;
this.step = 2;
} else {
sessionStorage.removeItem("clarmsRequestCid");
this.step = 1;
}
// if (res && res.insuredInfoList && res.insuredInfoList.length > 0) {
// this.customerList = res.insuredInfoList;
// this.step = 2;
// } else {
// sessionStorage.removeItem("clarmsRequestCid");
// this.step = 1;
// }
}).catch(e => {
sessionStorage.removeItem("clarmsRequestCid");
this.step = 1;
......@@ -113,6 +118,10 @@ export default {
this.showModal2 = true;
}
},
gotoInformationPage() {
let c = this.$route.fullPath;
this.$router.push({ path: "/infomation/improve", query: { c: c, a: 1 } });
},
logoutAction() {
this.sid = false;
this.hadQueryCustomerList = false;
......
<template>
<div>
<template v-if="step == 3">
<div class="alert">
<img class="icon" src="@/assets/images/common/icon-alert-i.png" alt="">
<div class="txt">
{{$t('customService.unauth.baseInfoTip')}}&nbsp;
<span class="pointer btn" @click="gotoInformationPage">{{$t('customService.unauth.infoBtn')}}</span>
&nbsp;{{$t('customService.unauth.baseInfoTail')}}
</div>
<!-- <img class="pointer close" src="@/assets/images/common/icon-alert-close.png" alt=""> -->
</div>
</template>
<clarms-modal-one v-if="showModal1" @close="showModal1 = false"></clarms-modal-one>
<clarms-modal-two v-if="showModal2" @close="showModal2 = false"></clarms-modal-two>
<div class="mobile-margin">
......
......@@ -169,6 +169,7 @@ export default {
sid: true
}).then(response => {
this.loading = false;
console.log(response);
if (response.returnCode == "0") {
this.errorModel = 0;
let userInfo = JSON.parse(JSON.stringify(this.userInfo));
......@@ -224,6 +225,9 @@ export default {
// this.showModal(this.i18n.infomationImprove.errorTips.e7, "info");
this.errorTips.e5 = message;
break;
case "-1":
this.errorModel = 3;
break;
case "0":
message = this.i18n.infomationImprove.successMsg;
let path = this.$route.query.c || "/";
......
......@@ -110,6 +110,11 @@
<div>{{$t('customService.auth.notMatch')}}&nbsp;<span class="contact pointer" @click="toContactUs">{{$t('customService.auth.customService')}}</span>
</div>
</div>
<div class="flex-center validator authTip" v-if="errorModel == 3">
<div class="icon"><img src="@/assets/images/common/icon-notice.png" alt=""></div>
<div>{{$t('infomationImprove.noPolicy')}}&nbsp;<span class="contact pointer" @click="toContactUs">{{$t('infomationImprove.customService')}}</span>
</div>
</div>
<div class="login-btn-wrap">
<div @click="onUpdateHandler()" class="login-submit pointer flex-center mr30" :class="{disabled: submitBtnDisabled}">
......
......@@ -7,8 +7,8 @@
<div class="banner banner-pc">
<swiper :options="swiperOption">
<swiper-slide v-for="(item,index) in bannerList" :key="index">
<!-- <img class="banner-img" :src="item.pcBannerUrl"> -->
<img :src="require('@/assets/images/vhis/kv.png')">
<img class="banner-img" :src="item.pcBannerUrl">
<!-- <img :src="require('@/assets/images/vhis/kv.png')"> -->
<div class="btn-wrap">
<div v-for="(btnItem, btnIndex) in item.btns" :key="btnIndex">
<div class="banner-btn" v-if="btnItem.n && btnItem.t && btnItem.c" @click="btnNavigateTo(btnItem.t,btnItem.l)" :style="{backgroundColor:btnItem.c}">{{btnItem.n}}</div>
......