hz/ebiz-h5
1
0
Fork 0
mirror of http://112.124.100.131/GFRS/ebiz-h5.git synced 2025-12-23 04:06:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'feature/开门红首页业绩表格' into dev

Browse Source
This commit is contained in:
mengxiaolong
2020-11-18 17:23:12 +08:00
parent 6f20d75ef8 3f0bfdb140
commit a4080b832d
1 changed files with 121 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/views/ebiz/product/HomeProduct.vue
View File

@@ -1,5 +1,7 @@
<template>
<div ref="product" class="home-product-container pb20">
<!-- 非个险 -->
<template v-if="!isGoodStart">
<div class="home-product-content">
<!-- 产品中心 -->
<div class="pcenter-title flex pt10 mr20 mb10 ml15 justify-content-s align-items-c" style="height: 30px;">
@@ -31,7 +33,27 @@
</div>
</div>
</div>
<div style="height: 10px;width: 100%;background-color: #f5f5f5;"></div>
<div style="height: 10px;width: 100%;background-color: #f5f5f5;" />
<div class="home-product-content">
<!-- 产品中心 -->
<div class="pcenter-title flex pt10 mr20 mb10 justify-content-s align-items-c">
<h3 class="center-title fs15 pl10 ml15" style="border-left: 4px solid red;">产品中心</h3>
<span class="more fs13 c-gray-base" @click="getMore"><span>查看更多</span><van-icon name="arrow"/></span>
</div>
<div class="home-product-pcenter">
<div class="pcenter-list mr20 mb10 ml15">
<div class="pcenter-item text-center">
<img src="../../../assets/images/home_cp_1.png" style="width: 100%;" @click="goDetail('GFRSPRO_M0002')" />
</div>
<div class="pcenter-item text-center">
<img src="../../../assets/images/home_cp_2.png" style="width: 100%;" @click="goDetail('GFRSPRO_M0001')" />
</div>
</div>
</div>
</div>
</template>
<!-- 个险 -->
<template v-if="isGoodStart">
<div class="home-product-content">
<!-- 产品中心 -->
<div class="pcenter-title flex pt10 pb10 mr15 justify-content-s align-items-c" style="height: 30px;">
@@ -68,12 +90,11 @@
<span>查看更多</span>
</div>
</div>
<div style="height: 10px;width: 100%;background-color: #f5f5f5;"></div>
<div style="height: 10px;width: 100%;background-color: #f5f5f5;" />
<div class="home-product-content">
<!-- 产品中心 -->
<div class="pcenter-title flex pt10 mr20 mb10 justify-content-s align-items-c">
<img class="title-img" :src="product" />
<!-- <h3 class="center-title fs15 pl10 ml15" style="border-left: 4px solid red;">产品中心</h3> -->
<span class="more fs13 c-gray-base" @click="getMore"><span>查看更多</span><van-icon name="arrow"/></span>
</div>
<div class="home-product-pcenter">
@@ -87,21 +108,31 @@
</div>
</div>
</div>
</template>
</div>
</template>
<script>
import performance from '@/assets/images/goodStart/performanceIcon.png'
import product from '@/assets/images/goodStart/product.png'
import { getAgentInfo } from '@/api/ebiz/my/my'
export default {
data() {
return {
idMoreDataShow: false,
performance,
product
product,
isGoodStart: false
}
},
created() {
this.getAgentInfo()
},
methods: {
async getAgentInfo() {
const result = await getAgentInfo({})
this.isGoodStart = result.showTemplate === 'KMH'
},
showMore() {
this.idMoreDataShow = !this.idMoreDataShow
this.$nextTick(() => {
@@ -220,21 +251,25 @@ export default {
.myTable {
text-align: center;
width: 100%;
}
.myTable td,
.myTable th {
padding: 10px 0;
border-collapse: collapse;
td,
th {
padding: 10px 0;
background-color: #fff3f1;
color: #d84535;
}
.myTable th {
}
th {
border: none;
background: #ff8068;
font-weight: normal;
color: #ffffff;
}
tr {
border-top: 2px solid #ffffff;
}
tr:first-child {
border-bottom: 6px solid #ffffff;
}
}
.performance {