hz/ebiz-h5
1
0
Fork 0
mirror of http://112.124.100.131/GFRS/ebiz-h5.git synced 2025-12-11 07:26:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

【开门红需求】首页开门红元素配置功能开发 --提交人：白金岩

Browse Source
This commit is contained in:
bai.jinyan
2021-11-25 22:27:43 +08:00
committed by liyuetong
parent 17b8b2958a
commit 0343526680
1 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -64,10 +64,10 @@
<div class="pcenter-list"> <div class="pcenter-list">
<table class="myTable" cellspacing="0" cellpadding="0"> <table class="myTable" cellspacing="0" cellpadding="0">
<tr> <tr>
<th v-for="(thead, index) in theads" :class="{ 'sticky-col': index <= 1 }" :key="index" :style="{ backgroundColor: isGoodStart ? '#FF4A28' : '#4473ee' }">{{ thead }}</th> <th v-for="(thead, index) in theads" :class="{ 'sticky-col': index <= 1 }" :key="index" :style="{ backgroundColor: isGoodStart =='0' ? '#fff':isGoodStart =='1' ? '#FF4A28' : '#4473ee' }">{{ thead }}</th>
</tr> </tr>
<template v-if="isInner"> <template v-if="isInner">
<tr v-for="(org, i) in organizationData" :key="i" :class="{ hidden: i >= 5 && !idMoreDataShow,'goodStart':isGoodStart }"> <tr v-for="(org, i) in organizationData" :key="i" :class="{ hidden: i >= 5 && !idMoreDataShow,'goodStartWhite':isGoodStart == '0','goodStart':isGoodStart == '1','goodStartBlue':isGoodStart == '2' }">
<td class="sticky-col">{{ i == 0 ? '-' : i + '' }}</td> <td class="sticky-col">{{ i == 0 ? '-' : i + '' }}</td>
<td class="org-name sticky-col">{{ org.name | blankFilter }}</td> <td class="org-name sticky-col">{{ org.name | blankFilter }}</td>
<td>{{ org.ysbfDay | blankFilter }}</td> <td>{{ org.ysbfDay | blankFilter }}</td>
@@ -83,7 +83,7 @@
</tr> </tr>
</template> </template>
<template v-else> <template v-else>
<tr v-for="(org, i) in performanceData" :key="i" :class="{ hidden: i >= 5 && !idMoreDataShow,'goodStart':isGoodStart }"> <tr v-for="(org, i) in performanceData" :key="i" :class="{ hidden: i >= 5 && !idMoreDataShow,'goodStartWhite':isGoodStart == '0','goodStart':isGoodStart == '1','goodStartBlue':isGoodStart == '2' }">
<td class="sticky-col">{{ org.rank | blankFilter }}</td> <td class="sticky-col">{{ org.rank | blankFilter }}</td>
<td class="sticky-col">{{ org.name | blankFilter }}</td> <td class="sticky-col">{{ org.name | blankFilter }}</td>
<td class="org-name">{{ org.comName | blankFilter }}</td> <td class="org-name">{{ org.comName | blankFilter }}</td>
@@ -101,7 +101,7 @@
</div> </div>
</div> </div>
<div class="ml15 mr15 mb10 mt10 more-text" @click="showMore"> <div class="ml15 mr15 mb10 mt10 more-text" @click="showMore">
<van-icon :class="{ arrowUp: idMoreDataShow }" :style="{color : isGoodStart ? '#E13929' : '#7C9DF3' }" name="play" /> <van-icon :class="{ arrowUp: idMoreDataShow }" :style="{color : isGoodStart =='0' ? '#fff':isGoodStart =='1' ? '#E13929' : '#7C9DF3' }" name="play" />
<span>{{ !idMoreDataShow ? '查看更多' : '收起' }}</span> <span>{{ !idMoreDataShow ? '查看更多' : '收起' }}</span>
</div> </div>
</div> </div>
@@ -146,7 +146,7 @@ export default {
isTableDataLoad: false, isTableDataLoad: false,
performance, performance,
product, product,
isGoodStart: true, // 是否开门红 isGoodStart: '0', // 是否开门红 0-默认
isPersonalInsu: true, // 是否个险渠道 isPersonalInsu: true, // 是否个险渠道
isInner: false, isInner: false,
organizationTheads: ['排名', '机构', '当日预收(标保)', '月预收标保', '日承保标保', '月承保标保'], organizationTheads: ['排名', '机构', '当日预收(标保)', '月预收标保', '日承保标保', '月承保标保'],
@@ -225,11 +225,11 @@ export default {
if (result.result === '0') { if (result.result === '0') {
// 内外勤判断 // 内外勤判断
this.isInner = /^N{1}/.test(result.branchType) || /^S/.test(result.branchType) || /^T/.test(result.branchType) // 判断是否内勤 this.isInner = /^N{1}/.test(result.branchType) || /^S/.test(result.branchType) || /^T/.test(result.branchType) // 判断是否内勤
this.isGoodStart = result.showTemplateKmh === 'KMH' // 判断是否开门红 this.isGoodStart = result.showTemplateKmh != 'KMH'? '1':'2' // 判断是否开门红 1-开门红 2-否
this.isPersonalInsu = this.personalInsu.indexOf(result.branchType) > -1 // 判断是否个险渠道 this.isPersonalInsu = this.personalInsu.indexOf(result.branchType) > -1 // 判断是否个险渠道
this.organizationImgUrl = this.isGoodStart?this.organizationKmhImgUrl:this.organizationNormalImgUrl this.organizationImgUrl = this.isGoodStart =='1'?this.organizationKmhImgUrl:this.organizationNormalImgUrl
this.performanceImgUrl = this.isGoodStart?this.performanceKmhImgUrl:this.performanceNormalImgUrl this.performanceImgUrl = this.isGoodStart =='1'?this.performanceKmhImgUrl:this.performanceNormalImgUrl
this.productCenterImgUrl = this.isGoodStart?this.productCenterKmhImgUrl:this.productCenterNormalImgUrl this.productCenterImgUrl = this.isGoodStart =='1'?this.productCenterKmhImgUrl:this.productCenterNormalImgUrl
} else { } else {
this.$toast(result.resultMessage) this.$toast(result.resultMessage)
} }
@@ -384,7 +384,7 @@ td.sticky-col:nth-of-type(2) {
td, td,
th { th {
padding: 10px 2px; padding: 10px 2px;
background-color: #e6edff; background-color: #fff;
color: #2e323d; color: #2e323d;
font-size: 14px; font-size: 14px;
} }
@@ -408,6 +408,16 @@ td.sticky-col:nth-of-type(2) {
background-color: #FFE4DF background-color: #FFE4DF
} }
} }
.goodStartBlue{
td {
background-color: #e6edff
}
}
.goodStartWhite{
td {
background-color: #fff
}
}
.performance { .performance {
overflow: hidden; overflow: hidden;