Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
3adfc471 by simon
Options

神兵bug修改 

去掉index-bk
1 parent 5b2e2e4b
Inline Side-by-side
Showing 19 changed files with 39 additions and 672 deletions
......@@ -7,5 +7,5 @@ VUE_APP_CONTENT_ENCRYPT_KEY = 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDA1SNj4qiOE
VUE_APP_CONTENT_ENCRYPT_SWITCH = true
VUE_APP_ONE_ACCOUNT_CENTER_OFF = true
VUE_APP_HIDE_VHIS_MODAL_FLAG = 'Y'
VUE_APP_HIDE_VHIS_MODAL_FLAG = 'N'
VUE_APP_MOCK_DATA = true
......
......@@ -9,6 +9,7 @@ module.exports = {
Birthday: "Birthday",
SubmitSuccess: "Successfully submitted",
Email: "Email",
Birth:"Date of birth",
},
message: {
login: 'Login',
......
......@@ -9,6 +9,7 @@ module.exports = {
Birthday: "生日",
SubmitSuccess: "遞交申請成功",
Email: "電郵",
Birth:"出生日期",
},
message: {
login: "Login",
......
......@@ -9,6 +9,7 @@ module.exports = {
Birthday: "生日",
SubmitSuccess: "递交申请成功",
Email: "电邮",
Birth:"出生日期",
},
message: {
login: "登入",
......
......@@ -17,7 +17,6 @@ import {
Option
} from 'element-ui';
import { ddMMyyyy2yyyyMMdd } from '@utils/utils.js';
Vue.use(Loading);
Vue.use(Select);
......@@ -297,7 +296,7 @@ export default {
insuredId: insured.insuredId,
policyId: policy.policyId,
// accidentTime: this.data.contactDate,
accidentTime: ddMMyyyy2yyyyMMdd(this.data.contactDate),
accidentTime: this.data.contactDate,
applyReasonList: this.typeSelected.join(","),
treatmentAmount: this.data.amount,
imageList: imageList
......@@ -330,7 +329,7 @@ export default {
return false;
}
// console.log("insured === ", insured);
var time = new Date(ddMMyyyy2yyyyMMdd(this.data.contactDate).replace(/\-/g, "/") + " 00:00:00").getTime();
var time = new Date(this.data.contactDate.replace(/\-/g, "/") + " 00:00:00").getTime();
// var time = new Date(this.data.contactDate.replace(/\-/g, "/") + " 00:00:00").getTime();
for (let index = 0; index < insured.policyInfoList.length; index++) {
let policy = insured.policyInfoList[index];
......@@ -355,7 +354,7 @@ export default {
if (!insured.policyInfoList || insured.policyInfoList.length <= 0) {
return false;
}
var time = new Date(ddMMyyyy2yyyyMMdd(this.data.contactDate).replace(/\-/g, "/") + " 00:00:00").getTime();
var time = new Date(this.data.contactDate.replace(/\-/g, "/") + " 00:00:00").getTime();
for (let index = 0; index < insured.policyInfoList.length; index++) {
let policy = insured.policyInfoList[index];
// 有效期为生效日至满期日+60天
......
......@@ -108,7 +108,7 @@
<div class="down-arrow"></div>
<div class="cont">
<div class="ipt-date">
<date-picker v-model="data.contactDate" :pluginActivity="pluginActivityHandler" :formatter="'dd-MM-yyyy'" :filtModel="['future']" :check="checkDate" :readonly="true" :cusStyle="{border:'none !important','background-color':'transparent !important','height':'58px', 'color':'#ff6839','font-weight':'bold','text-align': 'center'}"></date-picker>
<date-picker v-model="data.contactDate" :pluginActivity="pluginActivityHandler" :filtModel="['future']" :check="checkDate" :readonly="true" :cusStyle="{border:'none !important','background-color':'transparent !important','height':'58px', 'color':'#ff6839','font-weight':'bold','text-align': 'center'}"></date-picker>
</div>
</div>
</div>
......
......@@ -26,9 +26,6 @@ import {
Option
} from 'element-ui';
import {
ddMMyyyy2yyyyMMdd
} from '@utils/utils.js';
Vue.use(Select);
Vue.use(Option);
......@@ -125,7 +122,7 @@ export default {
}
this.loading = true;
let param = JSON.parse(JSON.stringify(this.data));
param.birthDate = ddMMyyyy2yyyyMMdd(param.birthDate);
param.birthDate = param.birthDate;
console.log(param);
httpPost({
url: api.getCidByVerify,
......
......@@ -64,7 +64,7 @@
<div class="ipt-wrap">
<div class="down-arrow"></div>
<div class="cont">
<date-picker class="ipt-date" :formatter="'dd-MM-yyyy'" v-model="data.birthDate" :filtModel="['future']" :check="checkDate" :cusStyle="{border:'none !important','background-color':'transparent !important',height:'48px', padding:'0', color:'#606266'}"></date-picker>
<date-picker class="ipt-date" v-model="data.birthDate" :filtModel="['future']" :check="checkDate" :cusStyle="{border:'none !important','background-color':'transparent !important',height:'48px', padding:'0', color:'#606266'}"></date-picker>
</div>
</div>
</div>
......
......@@ -85,11 +85,11 @@ export default {
sid: true
}).then(res => {
this.hadLoadPolicy = true;
if (!res || res.length == 0) { } else {
if (!res || res.length == 0) {} else {
this.$store.commit("CACHE_POLICY_LIST", res);
this.checkIfShowPolicy();
}
}).catch(e => { });
}).catch(e => {});
} else {
this.checkIfShowPolicy();
}
......@@ -138,11 +138,16 @@ export default {
for (let index = 0; index < this.policyDetail.policyAcknowledges.length; index++) {
let policyAcknowledge = this.policyDetail.policyAcknowledges[index];
/**
* policyAcknowledge.letterType
* 1 电子保单
* 5 冷静期通知书
*/
switch (policyAcknowledge.letterType) {
case "1":
this.policyDetail.letterNo1Id = policyAcknowledge.recordId;
break;
case "2":
case "5":
this.policyDetail.letterNo2Id = policyAcknowledge.recordId;
break;
}
......@@ -157,27 +162,16 @@ export default {
let m = now.getMonth() + 1;
let d = now.getDate();
if (this.$i18n.locale == 'en') {
this.policyDetail.nowYmd2 = m > 10 ? m : "0" + m;
this.policyDetail.nowYmd1 = d > 10 ? d : "0" + d;
this.policyDetail.nowYmd3 = y;
} else {
this.policyDetail.nowYmd1 = y;
this.policyDetail.nowYmd2 = m > 10 ? m : "0" + m;
this.policyDetail.nowYmd3 = d > 10 ? d : "0" + d;
}
this.policyDetail.nowYmd1 = y;
this.policyDetail.nowYmd2 = m > 10 ? m : "0" + m;
this.policyDetail.nowYmd3 = d > 10 ? d : "0" + d;
if (this.policyDetail.activeDate) {
let ymds = this.policyDetail.activeDate.split(" ")[0].split("-");
if (this.$i18n.locale == 'en') {
this.policyDetail.ymd1 = ymds[2];
this.policyDetail.ymd2 = ymds[1];
this.policyDetail.ymd3 = ymds[0];
} else {
this.policyDetail.ymd1 = ymds[0];
this.policyDetail.ymd2 = ymds[1];
this.policyDetail.ymd3 = ymds[2];
}
this.policyDetail.ymd1 = ymds[0];
this.policyDetail.ymd2 = ymds[1];
this.policyDetail.ymd3 = ymds[2];
}
}).catch(err => {
......@@ -185,7 +179,7 @@ export default {
},
// 确认保单按钮
handleConfirmPolicy() {
if(!this.checked) return;
if (!this.checked) return;
if (this.policyDetail) {
if (this.loading) {
return;
......
......@@ -247,7 +247,7 @@ $borderRadius:6px;
color: $cOrange2;
span {
text-decoration: underline;
// text-decoration: underline;
}
}
}
......
......@@ -7,7 +7,7 @@
<!-- <div class="close" @click="onOverLayHandler()"><img src="@/assets/images/vhis/close.png"></div> -->
<div class="modal">
<div class="modal-content">
<div class="title">{{$t('vhis.title')}}{{$t('vhis.titleAft')}}</div>
<div class="title">{{$t('vhis.title')}}</div>
<div class="statement">
<div class="desc orange" :class="{'ltr-zero':locale == 'en'}">{{$t('vhis.desc1')}}</div>
<div class="desc" :class="{'ltr-zero':locale == 'en'}">{{$t('vhis.desc2')}}</div>
......@@ -128,8 +128,8 @@
<!-- <div class="submit-btn " @click="handleIgnorePolicy">{{$t('vhis.btn3')}}</div> -->
</div>
<div class="flex-center contact">
{{$t('vhis.tip4')}}
<span class="pointer" @click="toContact()">{{$t('vhis.tip5')}}</span>
<span class="pointer" @click="toContact()">{{$t('vhis.tip4')}}{{$t('vhis.tip5')}}</span>
</div>
</div>
</div>
......
......@@ -2,6 +2,7 @@
.container {
// margin-top: -48px;
font-size: $fontSize-M2;
.title {
text-align: center;
......@@ -15,7 +16,6 @@
.desc {
margin-top: 28px;
font-size: 22px;
&-item {
@extend .bb;
......@@ -26,7 +26,7 @@
// 问题
.question {
font-weight: bold;
// font-weight: bold;
margin-bottom: 12px;
}
......
......@@ -7,7 +7,7 @@
</div>
<div class="desc">
<div @click="onMoreHandler(items)" class="desc-item" v-for="(items) in dataList" :key="items.id">
<div class="question">{{ items.q }}</div>
<div class="question" :class="{'bold':items.more}">{{ items.q }}</div>
<template v-if="items.more">
<template v-for="item in items.a">
<span v-if="item.type == 'text'" class="ql-editor answer" :key="item.id" v-html="item.content"></span>
......
......@@ -442,7 +442,7 @@ $borderSize: 6px;
min-height: 136px;
.label {
font-weight: normal;
// font-weight: normal;
}
.val {
......
......@@ -119,15 +119,15 @@
</div>
<div class="table-item">
<div class="tt label">{{$t('genRich.guarantee1.k2')}}</div>
<div class="tt val">{{$t('genRich.guarantee1.v2')}}</div>
<div class="tt val text-c">{{$t('genRich.guarantee1.v2')}}</div>
</div>
<div class="table-item">
<div class="tt label">{{$t('genRich.guarantee1.k3')}}</div>
<div class="tt val">{{$t('genRich.guarantee1.v3')}}</div>
<div class="tt val text-c">{{$t('genRich.guarantee1.v3')}}</div>
</div>
<div class="table-item">
<div class="tt label">{{$t('genRich.guarantee1.k4')}}</div>
<div class="tt val">{{$t('genRich.guarantee1.v4')}}</div>
<div class="tt val text-c">{{$t('genRich.guarantee1.v4')}}</div>
</div>
<div class="table-item">
<div class="tt label">{{$t('genRich.guarantee1.k5')}}</div>
......
/**
* 页面描述:官网首页
*/
import api from '@/api/api';
import {
httpGet,
httpPost
} from '@/api/fetch-api.js';
import {
mapGetters,
mapActions,
mapState
} from "vuex";
var UA = require("ua-device");
export default {
data() {
return {
key: 'value',
// swiper
swiperOption: {
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev'
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
autoplay: {
delay: 5000,
stopOnLastSlide: false,
disableOnInteraction: false
},
speed: 1000,
},
bannerList: [],
bannerCandidateList: [],
// 视频
playerOptions: {},
}
},
components: {},
computed: {
...mapState({
isSmallScreen: state => state.isSmallScreen,
isMobile: state => state.isMobile
}),
locale() {
return this.$i18n.locale || 'tc';
},
i18n() {
return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
},
player() {
return this.$refs.videoPlayer.player
},
},
methods: {
toVhis() {
// gotoVHIS(this.locale);
this.$router.push({
path: "/vhis",
query: {
p: "VHIS001"
}
});
},
/**
* 推荐产品
*/
onRecommendHandler(val) {
if (val == 1) {
this.toVhis();
}
if (val == 2) {
this.$router.push({
path: "/custom/service?q=m6"
})
}
if (val == 3) {
this.$router.push({
path: "/custom/product"
})
}
if (val == 4) {
this.$router.push({
path: "/news/list"
})
}
},
/**
* 推荐产品
*/
onMoreNewsHandler() {
this.$router.push({
path: "/news/list"
})
},
/**
* 去新闻详情页面
* 需要带id
*/
toNewsDetail() {
this.$router.push({
path: '/news/detail'
})
},
toProfile() {
this.$router.push({
path: '/profile'
})
},
refreshVideoPlayer() {
let videoUrl = sessionStorage.getItem("_video_url");
let posterUrl = sessionStorage.getItem("_poster_url");
let playerOptions = {
width: 800,
height: 450,
// aspectRatio: '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
autoplay: false, //如果true,浏览器准备好时开始回放。
muted: true, // 默认情况下将会消除任何音频。
language: 'en',
// playbackRates: [0.7, 1.0, 1.5, 2.0],//播放速度
sources: [{
type: "video/mp4",
// mp4
src: videoUrl,
// webm
// src: "https://cdn.theguardian.tv/webM/2015/07/20/150716YesMen_synd_768k_vp8.webm"
}],
poster: posterUrl,
controlBar: {
timeDivider: true,
durationDisplay: true,
remainingTimeDisplay: false,
fullscreenToggle: true //全屏按钮
}
}
let output = new UA(navigator.userAgent);
let deviceType = output.device.type;
let isMobile = deviceType == "mobile";
// if (this.isSmallScreen) {
if (isMobile) {
playerOptions.aspectRatio = "16:9";
}
this.playerOptions = playerOptions;
},
initData() {
this.fetchBanner().then(res => {
this.bannerCandidateList = res;
this.refreshBanner();
});
this.fetchIndexVideo().then(res => {
this.refreshVideoPlayer();
});
// if (!this.isMobile) {
// window.addEventListener('resize', () => this.refreshVideoPlayer(), false);
// }
},
fetchBanner() {
return new Promise((resolve, reject) => {
httpPost({
url: api.banner
}).then(res => {
resolve(res);
});
});
},
fetchIndexVideo() {
return new Promise((resolve, reject) => {
httpPost({
url: api.indexVideo
}).then(res => {
sessionStorage.setItem("_video_url", res.videoUrl);
sessionStorage.setItem("_poster_url", res.posterUrl);
resolve(res);
});
});
},
refreshBanner() {
let key = this.locale;
if (key == "zh") {
key = "cn";
}
let bannerList = [];
this.bannerCandidateList.forEach(element => {
bannerList.push(element[key]);
});
this.$set(this, 'bannerList', bannerList);
},
btnNavigateTo(type, link) {
switch (type) {
case "none":
break;
case "news":
this.$router.push({
path: "/news/detail",
query: {
c: link
}
});
break;
case "product":
break;
case "vhis":
this.$router.push({
path: "/vhis",
query: {
p: link
}
});
break;
default:
location.href = link;
break;
}
}
},
beforeDestroy() {
// window.removeEventListener('resize', this.refreshVideoPlayer(), false);
},
mounted() {
this.initData();
setTimeout(() => {
// console.log("queryConfigData:", this.$root.queryConfigData);
// console.log("queryConfigData:", window.vueInstance.queryConfigData); // 挂载到windows的访问方法
// 放localStorage直接是localStorage.getItem("queryConfig");
}, 3000)
},
created() {
this.$root.eventBus.$on("langChange", () => {
try {
this.refreshBanner();
} catch (e) { }
});
}
}
@import '@/styles/_support.scss';
.content {
padding-bottom: 27px;
}
.top-space {
height: 27px;
}
.box {
position: relative;
margin-top: $marginMedium;
}
// banner 轮播
.banner-contaner {
width: 100%;
height: 470px;
margin: 0 auto;
position: relative;
z-index: 1;
overflow: hidden;
}
// PC轮播
.banner-pc {
display: block;
position: absolute;
z-index: 1;
left: 50%;
margin-left: -960px;
top: 0;
width: 1920px;
height: 100%;
overflow: hidden;
.banner-img {
width: 100%;
height: 100%;
}
.btn-wrap {
position: absolute;
z-index: 1;
// 两个banner图按钮位置不一样，和原先约定的按钮位置固定不一致
// 如要调整位置，请调整top,right。如需要右对齐请使用right
// 已用padding适应文本过长的情况(英文等);
// top: 272px;
// left: 1228px;
// top: 310px;
top: 295px;
right: 432px;
display: flex;
.banner-btn {
@extend .pointer;
@extend .bb;
@include btc2(126px, 48px, $fontSizeTitle);
width: auto;
padding: 0 24px;
min-width: 126px;
margin-left: 12px;
background-image: none;
}
}
}
// 移动端轮播
.banner-mobile {
display: none;
.banner-img {
width: 100%;
}
.btn-wrap {
position: absolute;
z-index: 1;
top: 87%;
left: 0;
right: 0;
margin: 0 auto;
display: flex;
justify-content: center;
.banner-btn {
@extend .pointer;
padding: 0 12px;
color: $cOrange;
}
}
}
// 推荐产品
.recommend {
display: flex;
text-align: center;
justify-content: space-between;
flex-wrap: wrap;
&-item {
@extend .bb;
margin-right: $marginSmall;
&:last-child {
margin-right: 0;
}
position: relative;
width: 291px;
// width: 100%;
height: 393px;
border-radius: $borderRadiusSmall;
@extend .box-shadow;
background-color: #fbfbfb;
.img {
width: 100%;
height: 291px;
background-size: cover;
}
.img1 {
background: url("~@/assets/images/index/recommend-1.png") no-repeat center;
background-size: cover;
}
.img2 {
background: url("~@/assets/images/index/recommend-2.png") no-repeat center;
background-size: cover;
}
.img3 {
background: url("~@/assets/images/index/recommend-3.png") no-repeat center;
background-size: cover;
}
.img4 {
background: url("~@/assets/images/index/recommend-4.png") no-repeat center;
background-size: cover;
}
.btn {
position: absolute;
left: 0;
right: 0;
bottom: 36px;
margin: 0 auto;
@include btc2(162px, 48px, 16px);
}
img {
width: 100%;
@include border-top-radius($borderRadius);
}
&:first-child {
padding-left: 0;
}
&:last-child {
padding-right: 0;
}
}
}
// 详情
.detail {
display: flex;
max-width: 1200px;
.txt {
position: relative;
@extend .fcc;
@extend .bb;
@include ellipsis(14);
padding-left: 26px;
flex: 1;
line-height: 2.3;
}
.txt:lang(zh) {
letter-spacing: 1.4px;
}
}
.swiper-button-prev {
background-image: url('~@/assets/images/common/button-prev.png');
left: 360px;
}
.swiper-button-next {
background-image: url('~@/assets/images/common/button-next.png');
right: 360px;
}
.swiper-container {
height: 100%;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 48px;
}
.swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #dcdddd;
}
.swiper-pagination-bullet-active {
width: 12px;
height: 12px;
background-color: $cOrange;
}
.box-shadow {
box-shadow: 0 0 18px 0 rgba(255, 87, 0, 0.15);
}
@media (max-width: 1200px) {
.content {
@include content-percent();
}
// 推荐产品
.recommend {
justify-content: center;
&-item {
width: 46% !important;
padding: 0 !important;
margin: 2% !important;
}
}
// 详情
.detail {
display: block;
.vjs-custom-skin {
width: 100%;
}
.txt {
padding: 0;
margin: $marginSmall 0 $marginMedium;
}
}
}
@media (max-width: 768px) {
.content {}
.banner-contaner {
height: auto;
}
.banner-pc {
display: none;
}
.banner-mobile {
display: block;
}
// 推荐产品
.recommend {
&-item {
width: 100% !important;
margin: $marginSmall-M auto !important;
}
}
.box-shadow {
box-shadow: none;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 2px;
}
}
<template>
<div class="page page-index">
<div class="banner-contaner">
<!-- banner 轮播 -->
<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">
<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>
</div>
</div>
</swiper-slide>
<div class="swiper-button-prev" slot="button-prev"></div>
<div class="swiper-button-next" slot="button-next"></div>
<div class="swiper-pagination" slot="pagination"></div>
</swiper>
</div>
<div class="banner banner-mobile">
<swiper class="swiper" :options="swiperOption">
<swiper-slide v-for="(item,index) in bannerList" :key="index">
<img class="banner-img" :src="item.mobileBannerUrl">
<div class="btn-wrap">
<div class="banner-btn" v-for="(btnItem, btnIndex) in item.btns" :key="btnIndex" @click="btnNavigateTo(btnItem.t,btnItem.l)" :style="{color:btnItem.c}">{{btnItem.n}}&nbsp;&gt;</div>
</div>
</swiper-slide>
<div class="swiper-pagination" slot="pagination"></div>
</swiper>
</div>
<!-- <div class="swiper-button-prev" slot="button-prev"></div>
<div class="swiper-button-next" slot="button-next"></div> -->
</div>
<div class="content">
<!-- 推荐产品 -->
<div class="box recommend gird-g">
<div class="recommend-item pure-u-1 pure-u-md-1-2">
<div @click="onRecommendHandler(1)" class="btn pointer">{{$t('index.recommend.t1')}}</div>
<div class="img img1"></div>
</div>
<div class="recommend-item pure-u-1 pure-u-md-1-2">
<div @click="onRecommendHandler(3)" class="btn pointer">{{$t('index.recommend.t2')}}</div>
<div class="img img2"></div>
</div>
<div class="recommend-item pure-u-1 pure-u-md-1-2">
<div @click="onRecommendHandler(1)" class="btn pointer">{{$t('index.recommend.t3')}}</div>
<div class="img img3"></div>
</div>
<div class="recommend-item pure-u-1 pure-u-md-1-2">
<div @click="onRecommendHandler(4)" class="btn pointer">{{$t('index.recommend.t4')}}</div>
<div class="img img4"></div>
</div>
</div>
<!-- 详情 -->
<div class="box detail">
<video-player class="vjs-custom-skin" ref="videoPlayer" :options="playerOptions" :playsinline="true">
</video-player>
<div v-if="$i18n.locale == 'zh'" class="txt">
中国平安人寿保险股份有限公司成立于2002年,是中国平安保险（集团）股份有限公司旗下的重要成员。截至2017年12月31日,平安人寿注册资本为338亿元，在全国拥有42家分公司（含7家电话销售中心）及超过3,300个营业网点,寿险代理人达138.6万名。公司个险、银保、电销、互联网多渠道齐头并进，实现协同发展，运营管理水平及客户体验领先市场，并依托集团“金融+科技”双驱动战略，在合规经营、防范风险的前提下，开启平台经营新时代，持续提升产品、科技两大核心竞争力，推动内含价值及规模持续、健康、稳定增长。
</div>
<div v-else-if="$i18n.locale == 'tc'" class="txt">
中國平安人壽保險股份有限公司成立於2002年,是中國平安保險（集團）股份有限公司旗下的重要成員。截至2017年12月31日,平安人壽註冊資本為338億元，在全國擁有42家分公司（含7家電話銷售中心）及超過3,300個營業網點,壽險代理人達138.6萬名。公司個險、銀保、電銷、互聯網多渠道齊頭並進，實現協同發展，運營管理水平及客戶體驗領先市場，並依托集團“金融+科技”雙驅動戰略，在合規經營、防範風險的前提下，開啟平臺經營新時代，持續提升產品、科技兩大核心競爭力，推動內含價值及規模持續、健康、穩定增長。
</div>
<div v-else class="txt">
Ping An Life Insurance Co., Ltd. of China was founded in 2002. It is an important member of Ping An insurance (Group) Co., Ltd. As of December 31, 2017, Ping An life had a registered capital of 33.8 billion yuan. It has 42 branches (including 7 telemarketing centers) and more than 3300 business outlets nationwide, with 1.386 million life insurance agents. The company's personal insurance, bancassurance, telemarketing and Internet multi-channel go hand in hand to achieve coordinated development, leading the market in operation and management level and customer experience, and relying on the group's "Finance + technology" dual drive strategy, under the premise of compliant operation and risk prevention, to open a new era of platform operation, continuously improve the two core competitiveness of products and technology, and promote the sustainability of embedded value and scale Healthy and stable growth.
</div>
</div>
</div>
</div>
</template>
<script src="./index.js"></script>
<style lang="scss" scoped>
@import "./index.scss";
</style>
......@@ -133,12 +133,12 @@
</div>
</div>
<div class="func1-item">
<div class="k">{{$t('common.Birthday')}}</div>
<div class="k">{{$t('common.Birth')}}</div>
<div class="age">
<div class="ipt-wrap-linear">
<div class="down-arrow"></div>
<div class="cont">
<date-picker class="ipt-date" :placeholder="$t('common.Birthday') + '*'" v-model="quoteData.birthday" :filtModel="['future']" :cusStyle="{
<date-picker class="ipt-date" :placeholder="$t('common.Birth') + '*'" v-model="quoteData.birthday" :filtModel="['future']" :cusStyle="{
border: 'none !important',
'background-color': 'transparent !important',
padding: '16px 24px',
......