Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
29cf57cd by joe
Options

Merge branch 'master' of http://120.27.44.69/dev/pingan-life-index-pro 

# Conflicts:
#	src/pages/custom-service/components/complaint-acceptance.vue
2 parents 66761cf1 0fa49424
Inline Side-by-side
Showing 15 changed files with 160 additions and 144 deletions
......@@ -508,22 +508,22 @@ module.exports = {
download: "./doc/保險合同解除申請書.pdf",
},
{
name: "Application for Change of Policy Form（Policy Loan Repayment）",
name: "Application for Change of Policy Form<br>（Policy Loan Repayment）",
desc: "Policy loan",
download: "./doc/保險合同變更申請書（ 保單貸款還款類）.pdf",
},
{
name: "Application for Change of Policy Form（Change of Policy）",
name: "Application for Change of Policy Form<br>（Change of Policy）",
desc: "Newly added premium, deducted premium",
download: "./doc/保險合同變更申請書（ 保險合同計劃變更類）.pdf",
},
{
name: "Application for Change of Policy Form（Change of Customer Information）",
name: "Application for Change of Policy Form<br>（Change of Customer Information）",
desc: "Basic Information Change",
download: "./doc/保險合同變更申請書（ 客戶權益變更類）.pdf",
},
{
name: "Application for Change of Policy Form（Change of Beneficiary）",
name: "Application for Change of Policy Form<br>（Change of Beneficiary）",
desc: "Mode of payment, self-replacement and reissues",
download: "./doc/保險合同變更申請書（ 客戶信息變更類）.pdf",
},
......
......@@ -96,6 +96,9 @@ export default {
lan() {
return this.$i18n.locale;
},
locale() {
return this.$i18n.locale || 'tc';
},
i18n() {
return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
},
......
......@@ -7,6 +7,8 @@ $borderRadius:6px;
margin: 0 auto;
}
input {
padding: 0 2.083333rem;
color: $cFontGray2;
......@@ -452,6 +454,13 @@ input {
}
}
.en {
.reservation-container-2 .check-item {
margin-right: 0;
width: 50%;
}
}
@media (max-width: 1200px) {
.comp {
.reservation-container-2 {
......@@ -501,13 +510,13 @@ input {
.check-item {
align-items: flex-start;
flex-wrap: wrap;
margin:0 0 24px;
margin: 0 0 24px;
width: 100%;
}
}
}
.date-container{
.date-container {
width: 100%;
}
}
......
<template>
<div class="comp clarms-plugins-material">
<div class="comp clarms-plugins-material" :class="{'en':locale == 'en'}">
<template v-if="!insuredList || insuredList.length == 0">
<div class="reservation-container-2">
<div class="empty">
......
......@@ -30,9 +30,10 @@
.modal {
position: relative;
@extend .bb;
max-width: 1000px;
width: 1000px;
margin: 0 auto;
.content {
&-content {
display: flex;
justify-content: flex-start;
align-items: center;
......
......@@ -5,7 +5,7 @@
<div class="border">
<div class="close" @click="onOverLayHandler()"><img src="@/assets/images/clarms/close.png"></div>
<div class="modal">
<div class="content">
<div class="modal-content">
<div class="info-icon">
<img src="@/assets/images/clarms/info.png">
</div>
......
......@@ -29,14 +29,16 @@
.modal {
position: relative;
@extend .bb;
max-width: 1000px;
width: 1000px;
margin: 0 auto;
.content {
// @extend .bb;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 162px 60px 162px 60px;
// max-height:534px;
// max-height:640px;
.info-icon {
......
......@@ -34,8 +34,9 @@
.modal {
position: relative;
width: 1000px;
margin: 0 auto;
.content {
&-content {
display: flex;
justify-content: flex-start;
align-items: center;
......
......@@ -5,7 +5,7 @@
<div class="border">
<div class="close" @click="onCloseHandler()"><img src="@/assets/images/clarms/close.png"></div>
<div class="modal">
<div class="content">
<div class="modal-content">
<div class="info-icon">
<img src="@/assets/images/clarms/info.png">
</div>
......
......@@ -9,7 +9,9 @@ import {
} from '@/api/fetch-api.js'
import Modal2Comp from '@/components/modal2-comp/modal2-comp.vue';
import { getPolicyName } from "@/utils/biz.js";
import {
getPolicyName
} from "@/utils/biz.js";
export default {
data() {
......@@ -19,9 +21,9 @@ export default {
hadLoadPolicy: false,
ignorePolicyCodes: [],
// 显示
policyDetail: null,
showSuccessTip : false,
showDownloadError:false
policyDetail: {},
showSuccessTip: false,
showDownloadError: false
}
},
components: {
......@@ -35,9 +37,9 @@ export default {
locale() {
return this.$i18n.locale || 'tc';
},
i18n() {
return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
},
i18n() {
return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
},
},
methods: {
initData() {
......@@ -159,8 +161,7 @@ export default {
url: api.policyReceipt,
sid: true,
data: params
}).then(res => {
}).catch(e => {
}).then(res => {}).catch(e => {
});
......@@ -203,16 +204,16 @@ export default {
path: "/custom/service?q=m1"
});
},
toTarget(){
toTarget() {
this.showPolicy = false;
sessionStorage.setItem("hidePolicy", "true");
this.$router.push({
path : "/custom/service?q=m3"
path: "/custom/service?q=m3"
})
},
formatPolicyName(c, n) {
return getPolicyName(this.$i18n.locale, c, n);
},
formatPolicyName(c, n) {
return getPolicyName(this.$i18n.locale, c, n);
},
loginAction() {
this.showPolicy = true;
this.initData();
......
......@@ -83,10 +83,12 @@ $borderRadius:6px;
}
.title {
@extend .bb;
font-size: 36px;
color: $cOrange2;
font-weight: bold;
letter-spacing: 2.45px;
// padding:0 92px;
}
.desc {
......
<template>
<div>
<auth :model="'suggest'" @onLogin="userLogin" ref="auth"></auth>
<modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp>
<div class="reservation-container">
<!-- 顶头iterm -->
<div class="form form2">
<div class="form-item">
<div class="label">
<div class="icon"><img src="@/assets/images/reservation/icon-re-name.png"></div> {{$t('complaintAcceptance.name')}}
</div>
<div class="ipt-wrap">
<input class="ipt name-ipt" type="text" :class="{err : errorTips.nameErr.length > 0}" v-model="data.name">
</div>
<div class="validator" v-if="errorTips.nameErr.length > 0">
<img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.nameErr}}
</div>
</div>
<div>
<auth :model="'suggest'" @onLogin="userLogin" ref="auth"></auth>
<modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp>
<div class="reservation-container">
<!-- 顶头iterm -->
<div class="form form2">
<div class="form-item">
<div class="label">
<div class="icon"><img src="@/assets/images/reservation/icon-re-name.png"></div> {{$t('complaintAcceptance.name')}}
</div>
<div class="ipt-wrap">
<input class="ipt name-ipt" type="text" :class="{err : errorTips.nameErr.length > 0}" v-model="data.name">
</div>
<div class="validator" v-if="errorTips.nameErr.length > 0">
<img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.nameErr}}
</div>
</div>
<div class="form-item">
<div class="label">
<div class="icon"><img src="@/assets/images/reservation/icon-re-contact.png"></div>{{$t('complaintAcceptance.contactType')}}
</div>
<div class="ipt-wrap">
<div class="down-arrow"></div>
<el-select class="ipt phone-ipt" v-model="data.contactType">
<el-option v-for="(item,index) in contactTypes" :key="index" :value="item.value" :label="item.name"></el-option>
</el-select>
</div>
<div class="validator" v-if="errorTips.contactTypeErr.length > 0">
<img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.contactTypeErr}}
</div>
</div>
<div class="form-item">
<div class="label">
<div class="icon"><img src="@/assets/images/reservation/icon-re-contact.png"></div>{{$t('complaintAcceptance.contactType')}}
</div>
<div class="ipt-wrap">
<div class="down-arrow"></div>
<el-select class="ipt phone-ipt" v-model="data.contactType">
<el-option v-for="(item,index) in contactTypes" :key="index" :value="item.value" :label="item.name"></el-option>
</el-select>
</div>
<div class="validator" v-if="errorTips.contactTypeErr.length > 0">
<img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.contactTypeErr}}
</div>
</div>
<div class="form-item flex1">
<div class="label">
<div class="icon">
<img v-if="contactIconShow == 'email'" src="@/assets/images/complaint-acceptance/icon-ca-mail.png">
<img v-else src="@/assets/images/contact-us/icon-cs-call.png">
</div>{{contactTypeShow}}
</div>
<div class="ipt-wrap">
<input class="ipt mail-ipt" type="text" :class="{err : errorTips.contactMethodErr.length > 0}" v-model="data.contactMethod" :placeholder="contactPlaceHolderShow">
</div>
<div class="validator" v-if="errorTips.contactMethodErr.length > 0">
<img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.contactMethodErr}}
</div>
</div>
<div class="form-item flex1">
<div class="label">
<div class="icon">
<img v-if="contactIconShow == 'email'" src="@/assets/images/complaint-acceptance/icon-ca-mail.png">
<img v-else src="@/assets/images/contact-us/icon-cs-call.png">
</div>{{contactTypeShow}}
</div>
<div class="ipt-wrap">
<input class="ipt mail-ipt" type="text" :class="{err : errorTips.contactMethodErr.length > 0}" v-model="data.contactMethod" :placeholder="contactPlaceHolderShow">
</div>
<div class="validator" v-if="errorTips.contactMethodErr.length > 0">
<img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.contactMethodErr}}
</div>
</div>
</div>
</div>
<!-- 长文本 -->
<div class="form">
<div class="pure-u-1 form-item">
<div class="label">
<div class="icon"><img src="@/assets/images/reservation/icon-re-arrow-reservation.png"></div>{{$t('complaintAcceptance.question')}}
</div>
<div class="ipt-wrap">
<textarea :placeholder="$t('complaintAcceptance.questionPlaceHolder')" class="ipt textarea" :class="{err:errorTips.complainErr.length >0}" v-model="data.complain"></textarea>
</div>
<div class="validator" v-if="errorTips.complainErr.length > 0">
<img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.complainErr}}
</div>
</div>
<!-- 长文本 -->
<div class="form">
<div class="pure-u-1 form-item">
<div class="label">
<div class="icon"><img src="@/assets/images/reservation/icon-re-arrow-reservation.png"></div>{{$t('complaintAcceptance.question')}}
</div>
<div class="ipt-wrap">
<textarea :placeholder="$t('complaintAcceptance.questionPlaceHolder')" class="ipt textarea" :class="{err:errorTips.complainErr.length >0}" v-model="data.complain"></textarea>
</div>
<div class="validator" v-if="errorTips.complainErr.length > 0">
<img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.complainErr}}
</div>
</div>
<!-- 保单编号 非必填 -->
<div class="pure-u-1 form-item form-item3">
<div class="label">
<div class="icon"><img src="@/assets/images/complaint-acceptance/icon-ca-no.png"></div>{{$t('complaintAcceptance.orderNo')}}
</div>
<div class="ipt-wrap ipt-wrap2">
<input :placeholder="$t('complaintAcceptance.orderNoPlaceHolder')" class="ipt" type="text" :class="{err:errorTips.policyNumberErr.length>0}" v-model="data.policyNumber">
</div>
<div class="validator" v-if="errorTips.policyNumberErr.length > 0">
<img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.policyNumberErr}}
</div>
</div>
<!-- 保单编号 非必填 -->
<div class="pure-u-1 form-item form-item3">
<div class="label">
<div class="icon"><img src="@/assets/images/complaint-acceptance/icon-ca-no.png"></div>{{$t('complaintAcceptance.orderNo')}}
</div>
<div class="ipt-wrap ipt-wrap2">
<input :placeholder="$t('complaintAcceptance.orderNoPlaceHolder')" class="ipt" type="text" :class="{err:errorTips.policyNumberErr.length>0}" v-model="data.policyNumber">
</div>
<div class="validator" v-if="errorTips.policyNumberErr.length > 0">
<img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.policyNumberErr}}
</div>
</div>
<!-- 联络时间 -->
<div class="pure-u-1 form-item form-item3">
<div class="label">
<div class="icon"><img src="@/assets/images/reservation/icon-re-calendar.png"></div>{{$t('complaintAcceptance.contactTime')}}
</div>
<div class="ipt-wrap ipt-wrap2">
<!-- <input class="ipt" type="date" :class="{err:errorTips.contactDateErr.length>0}" v-model="data.contactDate"> -->
<date-picker v-model="data.contactDate" :check="checkDate" :filtModel="['history','holiday']"></date-picker>
</div>
<div class="validator" v-if="errorTips.contactDateErr.length > 0">
<img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.contactDateErr}}
</div>
<div class="mt8">
<div class="label">
</div>
<!-- <div class="calendar">
<!-- 联络时间 -->
<div class="pure-u-1 form-item form-item3">
<div class="label">
<div class="icon"><img src="@/assets/images/reservation/icon-re-calendar.png"></div>{{$t('complaintAcceptance.contactTime')}}
</div>
<div class="ipt-wrap ipt-wrap2">
<!-- <input class="ipt" type="date" :class="{err:errorTips.contactDateErr.length>0}" v-model="data.contactDate"> -->
<date-picker v-model="data.contactDate" :check="checkDate" :filtModel="['history','holiday']"></date-picker>
</div>
<div class="validator" v-if="errorTips.contactDateErr.length > 0">
<img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.contactDateErr}}
</div>
<div class="mt8">
<div class="label">
</div>
<!-- <div class="calendar">
<img src="@/assets/images/reservation/re-calendar.png">
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 通知 -->
<div class="notice">
<p class="notice-item">
<img class="notice-item-icon" src="@/assets/images/reservation/icon-re-notice.png"> &nbsp;&nbsp;&nbsp;&nbsp;{{$t('complaintAcceptance.notice1')}}
</p>
<p class="notice-item pointer" @click="checked = !checked">
<!-- <img v-if="!checked" class="notice-item-icon" src="@/assets/images/reservation/un-check.png">
<!-- 通知 -->
<div class="notice">
<p class="notice-item text-jtf">
<img class="notice-item-icon" src="@/assets/images/reservation/icon-re-notice.png"> &nbsp;&nbsp;&nbsp;&nbsp;{{$t('complaintAcceptance.notice1')}}
</p>
<p class="notice-item pointer" @click="checked = !checked">
<!-- <img v-if="!checked" class="notice-item-icon" src="@/assets/images/reservation/un-check.png">
<img v-else class="notice-item-icon" src="@/assets/images/reservation/check.png"> -->
<img v-if="!checked" class="notice-item-icon" src="@/assets/images/login/uncheck.png">
<img v-else class="notice-item-icon" src="@/assets/images/login/check.png">
<img v-if="!checked" class="notice-item-icon" src="@/assets/images/login/uncheck.png">
<img v-else class="notice-item-icon" src="@/assets/images/login/check.png">
&nbsp;&nbsp;&nbsp;&nbsp;{{$t('complaintAcceptance.notice2')}}
</p>
</div>
&nbsp;&nbsp;&nbsp;&nbsp;{{$t('complaintAcceptance.notice2')}}
</p>
</div>
<!-- 提交按钮 -->
<div class="submit-btn flex-center" @click="submitHandler" :class="{disabled:submitBtnDisabled}">
<van-loading v-if="isSubmit" />
<span>{{$t('reservation.submitBtn')}}</span>
</div>
</div>
</div>
<!-- 提交按钮 -->
<div class="submit-btn flex-center" @click="submitHandler" :class="{disabled:submitBtnDisabled}">
<van-loading v-if="isSubmit" />
<span>{{$t('reservation.submitBtn')}}</span>
</div>
</div>
</div>
</template>
<script src="./complaint-acceptance.js"></script>
......
......@@ -102,7 +102,7 @@
</div>
<div class="box notice">
<p class="notice-item">
<p class="notice-item text-jtf">
<img class="notice-item-icon" src="@/assets/images/reservation/icon-re-notice.png"> &nbsp;&nbsp;&nbsp;&nbsp;{{$t('reservation.notice1')}}
</p>
<p class="notice-item pointer" @click="checked = !checked">
......
<template>
<div class="content">
<div >
<div class="top-space"></div>
<h2 class="tit">{{data.title}}</h2>
......@@ -11,7 +9,7 @@
<div class="date"> <img class="icon-clock" src="@/assets/images/news-detail/icon-clock.png" alt=""> {{$t('newsDetail.publishAt')}}：{{data.dateFormat}}</div>
<div class="pv">{{$t('newsDetail.readers')}}：{{data.pv}} {{$t('newsDetail.per')}}</div>
</div>
<div class="box desc ql-editor" v-html="data.content" >
<div class="box desc ql-editor text-jtf" v-html="data.content" >
{{data.content}}
</div>
</div>
......@@ -102,7 +100,7 @@
<strong>We will make targeted efforts to alleviate poverty and ensure comprehensive resources</strong>
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;In recent years, PINGAN has been actively engaged in poverty alleviation, focusing on poverty alleviation through industry, health and education, and constructing and implementing the "village official, village doctor and village education" poverty alleviation project. Under the call of the party committee of the group and more than 1,000 grassroots party organizations, more than 800,000 anzans have participated in poverty alleviation work.
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;Village official project, help village industry upgrade. PINGAN starts with planting and breeding, and provides comprehensive production, technical and financial support for remote and poor areas. In front of planting industry, we initiated the "ping an poverty alleviation and protection" industry poverty alleviation model, leveraged poverty alleviation loans, and provided poor households with one-stop services including excellent seeds, cooperative planting and protective buyback free of charge. In the middle, provide remote sensing, intelligent identification and other technologies to improve agricultural productivity; At the back end, we provide e-marketing platform services. Up to now, the group and ping an bank have provided poverty alleviation loans of over 80 billion yuan to the poor areas in 9 provinces including Inner Mongolia and guizhou, and the group has assisted in the sales of poverty alleviation products of tens of millions of yuan, which has helped hundreds of thousands of poor people get rid of poverty faster.
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;Village doctor project, help build healthy village. PINGAN connects the villagers and the city's high-quality medical resources and improves the level of rural medical services through telemedicine, intelligent video reading and other technologies. In the past two years, we have upgraded nearly 800 rural health centers, purchased a number of mobile hospital equipment, organized famous medical experts, and carried out free medical examinations for villagers in poverty-stricken areas. Through the innovative cloud platform, the inspection report can be uploaded to the rear data center in real time, and the disease risk can be timely warned to the villagers, and the serious disease situation can be reported to the local health institutions, so as to reduce the risk of poverty caused by disease or poverty returned due to disease. PINGAN's mobile hospital has traveled hundreds of thousands of kilometers, providing free medical services to nearly 100 villages. 
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;Village doctor project, help build healthy village. PINGAN connects the villagers and the city's high-quality medical resources and improves the level of rural medical services through telemedicine, intelligent video reading and other technologies. In the past two years, we have upgraded nearly 800 rural health centers, purchased a number of mobile hospital equipment, organized famous medical experts, and carried out free medical examinations for villagers in poverty-stricken areas. Through the innovative cloud platform, the inspection report can be uploaded to the rear data center in real time, and the disease risk can be timely warned to the villagers, and the serious disease situation can be reported to the local health institutions, so as to reduce the risk of poverty caused by disease or poverty returned due to disease. PINGAN's mobile hospital has traveled hundreds of thousands of kilometers, providing free medical services to nearly 100 villages. 
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;The village teaches the project, helps the village child to enjoy the wisdom education. With cloud technology as a bridge, ping an has built a "double-division classroom" platform to introduce high-quality urban education resources to poor areas. There are more than 700 wisdom primary schools in PINGAN shingle, training nearly 3,000 village teachers.
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;Never forget your original intention. We firmly believe that behind China's development, there must be a group of outstanding national enterprises standing tall in the world as the support, ping an has the confidence and faith to continue to strive for the great rejuvenation of the Chinese nation, hard work.
......
......@@ -5,7 +5,7 @@
<div>
<div class="top-space"></div>
<h2 class="tit">{{title}}</h2>
<div class="box desc ql-editor" v-html="content">
<div class="box desc ql-editor text-jtf" v-html="content">
</div>
</div>
......