Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
820aa37a by simon
Options

分红终身顶部的banner还是要保留，但是中间这一大块关于分红终身的内容，暂时都需要去掉

1 parent c7cc290e
Inline Side-by-side
Showing 3 changed files with 87 additions and 71 deletions
......@@ -26,7 +26,7 @@ export default {
data() {
return {
key: "value",
img:require("@/assets/images/index/index-tab-2.png"),
img: require("@/assets/images/index/index-tab-2.png"),
PRODUCT_PRO_EASY: "PRODUCT_PRO_EASY", // 好医时
PRODUCT_REN_RICH: "PRODUCT_REN_RICH", // 平安福
// swiper
......@@ -54,6 +54,8 @@ export default {
// 导航菜单
curTab: {},
curTabTemp: {},
// 投保
quoteData: {
gender: "",
......@@ -88,51 +90,51 @@ export default {
// 繳費期列表
paymentPeriodList: [{
v: 3,
n: "",
p: 333.330000
},
{
v: 5,
n: "",
p: 200.000000
},
{
v: 8,
n: "",
p: 125.000000
},
{
v: 10,
n: "",
p: 100.000000
}
v: 3,
n: "",
p: 333.330000
},
{
v: 5,
n: "",
p: 200.000000
},
{
v: 8,
n: "",
p: 125.000000
},
{
v: 10,
n: "",
p: 100.000000
}
],
// 缴费选项列表
paymentOptionList: [{
v: 1,
m: 12,
n: "",
p: 1
},
{
v: 2,
m: 6,
n: "",
p: 0.5064
},
{
v: 4,
m: 6,
n: "",
p: 0.2548
},
{
v: 12,
m: 1,
n: "",
p: 0.0853
}
v: 1,
m: 12,
n: "",
p: 1
},
{
v: 2,
m: 6,
n: "",
p: 0.5064
},
{
v: 4,
m: 6,
n: "",
p: 0.2548
},
{
v: 12,
m: 1,
n: "",
p: 0.0853
}
],
// 当前选择保费期
......@@ -157,13 +159,13 @@ export default {
},
titleList() {
let result = [{
n: this.i18n.common.MaleTitle,
v: "M"
},
{
n: this.i18n.common.FemaleTitle,
v: "F"
}
n: this.i18n.common.MaleTitle,
v: "M"
},
{
n: this.i18n.common.FemaleTitle,
v: "F"
}
]
// console.log("result:", result);
return result;
......@@ -559,6 +561,27 @@ export default {
});
/**
* 硬编码
* 1.把下面代码删除
*/
/**
* 硬编码 start ----
*/
let tempDataList = [];
this.dataList.forEach(element => {
if (element.relation == this.PRODUCT_PRO_EASY) {
tempDataList.push(element);
}
});
this.dataList = tempDataList;
this.curTabTemp = this.dataList[0] || {};
/**
* 硬编码 end ----
*/
// 设置缓存
sessionStorage.setItem("_pingan_index_datalist", JSON.stringify(this.dataList));
sessionStorage.setItem("_pingan_index_bannerlist", JSON.stringify(this.bannerList));
......@@ -568,7 +591,7 @@ export default {
},
},
beforeDestroy() { },
beforeDestroy() {},
mounted() {
this.initData();
},
......@@ -577,7 +600,7 @@ export default {
try {
// this.refreshBanner();
this.initData();
} catch (e) { }
} catch (e) {}
});
},
watch: {
......
......@@ -406,7 +406,6 @@
.ipt-wrap-linear {
width: 250px;
.ipt-date {
padding: 0 24px;
width: 100%;
background-color: #ffffff;
border-radius: $borderRadius;
......@@ -682,7 +681,6 @@
}
.ipt-date {
padding: 0 24px;
width: 100%;
background-color: #ffffff;
border-radius: $borderRadius;
......
......@@ -41,8 +41,8 @@
<!-- 导航菜单切换 -->
<div class="nav-tab">
<div class="nav-tab-item" :class="{ 'nav-tab-item-act': item.index == curTab.index,'nav-tab-item-single':dataList.length<=1 }" :style="'width: calc(1200px / ' + dataList.length + ');'" @click="onTabHandler(item)" v-html="item.tabName" v-for="item in dataList" :key="item.id">{{ item.tabName }}</div>
<!-- <div class="nav-tab-item" :class="{ 'nav-tab-item-act': item.index == curTab.index }" :style="'width: calc(100% / ' + dataList.length + '); '+ (index == dataList.length-1 ?'':'width:50%;') +' '" @click="onTabHandler(item)" v-html="item.tabName" v-for="item in dataList" :key="item.id">{{ item.tabName }}</div> -->
<div class="nav-tab-item" :class="{ 'nav-tab-item-act': item.index == curTab.index,'nav-tab-item-single':bannerList.length<=1 }" :style="'width: calc(1200px / ' + bannerList.length + ');'" @click="onTabHandler(item)" v-html="item.tabName" v-for="item in bannerList" :key="item.id">{{ item.tabName }}</div>
<!-- <div class="nav-tab-item" :class="{ 'nav-tab-item-act': item.index == curTab.index,'nav-tab-item-single':dataList.length<=1 }" :style="'width: calc(1200px / ' + dataList.length + ');'" @click="onTabHandler(item)" v-html="item.tabName" v-for="item in dataList" :key="item.id">{{ item.tabName }}</div> -->
</div>
......@@ -81,9 +81,9 @@
<swiper-slide v-for="(item, index) in dataList" :key="index">
<div class="ebg" :style="'background-image: url(' + item.pageMidImage + ');'"></div>
<div class="tit-wrap">
<div class="tit">{{curTab.pageMidTitle}}</div>
<div class="tit">{{curTabTemp.pageMidTitle}}</div>
<div class="tit2">
{{curTab.pageMidDescribe}}
{{curTabTemp.pageMidDescribe}}
</div>
</div>
</swiper-slide>
......@@ -93,11 +93,10 @@
<div class="quote-cont">
<!-- tab表格 -->
<div class="table" :class="{'table-1':dataList.length<=1}">
<!-- 1.把@click="onTabHandler(item)" 加回去; 2.把class改回 class="table-tab-item 3.把所有curTabTemp替换回curTab" -->
<div class="table-tab" ref="quote">
<!-- <div class="table-tab-item" @click="onTabHandler(item)" v-html="item.tabName" v-for="(item, index) in dataList" :key="item.id" :class="{ 'table-tab-item-act': item.index == curTab.index }" :style="
';width: '+(index == 0 ? 'calc(100% / ' + dataList.length + ')' : tableTapIndentation.wid + 'px' ) +' ;z-index:' + (dataList.length - index) + ''">{{ item.name }}</div> -->
<div class="table-tab-item" @click="onTabHandler(item)" v-html="item.tabName" v-for="(item, index) in dataList" :key="item.id" :class="{ 'table-tab-item-act': item.index == curTab.index }" :style="
'width: '+(index == 0 ? 'calc(100% / ' + dataList.length + ')' : tableTapIndentation.wid + 'px' ) +' ;z-index:' + (dataList.length - index) + ';backgroundImage:url('+require('@/assets/images/index/index-tab'+(item.index == curTab.index?'-act':'')+'-'+dataList.length+'.png')+')'">{{ item.name }}</div>
<div class="table-tab-item table-tab-item-act" v-html="item.tabName" v-for="(item, index) in dataList" :key="item.id" :class="{ 'table-tab-item-act': item.index == curTabTemp.index }" :style="
'width: '+(index == 0 ? 'calc(100% / ' + dataList.length + ')' : tableTapIndentation.wid + 'px' ) +' ;z-index:' + (dataList.length - index) + ';backgroundImage:url('+require('@/assets/images/index/index-tab'+(item.index == curTabTemp.index?'-act':'')+'-'+dataList.length+'.png')+')'">{{ item.name }}</div>
</div>
<div class="linear"></div>
<div class="table-wrap">
......@@ -105,14 +104,14 @@
<div class="table-cont">
<div class="panel panel-left">
<div class="desc">
<div class="desc-item" v-for="item in curTab.describeList" :key="item.id">
<div class="desc-item" v-for="item in curTabTemp.describeList" :key="item.id">
{{ item }}
</div>
</div>
</div>
<div class="panel panel-right">
<!-- 好医时 -->
<div v-if="curTab.relation == PRODUCT_PRO_EASY " class="plugin fcc">
<div v-if="curTabTemp.relation == PRODUCT_PRO_EASY " class="plugin fcc">
<div class="func func1">
<div class="func1-item">
<div class="k"> {{$t('common.Sex')}}</div>
......@@ -151,13 +150,12 @@
</div>
<!-- 传家福 -->
<div v-if="curTab.relation == PRODUCT_REN_RICH " class="plugin ">
<div v-if="curTabTemp.relation == PRODUCT_REN_RICH " class="plugin ">
<div class="func func2">
<div class="func2-tit">{{$t('index.quote.genRich.t1')}}</div>
<div class="func2-tit2">{{$t('index.quote.genRich.t2')}}</div>
<slider class="slider" :min="sliderMin" :max="sliderMax" v-model="sliderPer"></slider>
<!-- 表格选择 -->
<div class="form">
<div class="form-item">
<div class="label">{{$t('index.quote.genRich.PaymentPeriod')}}</div>
......@@ -176,14 +174,11 @@
</div>
</div>
</div>
<!-- 分割线 -->
<div class="line"></div>
<!-- 计算 -->
<div class="calculation">
<div class="label">{{curPaymentOption.n}}{{locale == 'en' ? ' ' : ''}}{{$t('index.quote.genRich.Premium')}}</div>
<div class="value">$ <span class="price">{{sumAssured}}</span></div>
</div>
<!-- 提示 -->
<div class="tips">{{$t('index.quote.genRich.tips')}}</div>
</div>
</div>
......@@ -193,8 +188,8 @@
</div>
</div>
<div @click="onPrevTabHandler()" class="arrow arrow-left"></div>
<div @click="onNextTabHandler()" class="arrow arrow-right"></div>
<!-- <div @click="onPrevTabHandler()" class="arrow arrow-left"></div>
<div @click="onNextTabHandler()" class="arrow arrow-right"></div> -->
</div>
</div>
......