【银保app】保单详情 保单列表

This commit is contained in:
liu.xiaofeng@ebiz-digits.com
2022-11-18 18:37:29 +08:00
parent 9c4373f805
commit d2c0f447fb
14 changed files with 325 additions and 54 deletions

View File

@@ -11,14 +11,13 @@
<span @click="clickCalendar" class="headDate">{{calendarValue}} </span>
</div>
</div>
<div v-if="premType == 'QJ'" class="mainContainerQJ">
<div v-show="premType == 'QJ'" class="mainContainerQJ">
<p class="mainContainer_title">
<img class="mainContainer_title_img" src="@/assets/YB_APP/images/33.png">
<span class="mainContainer_title_span">首期规模保费</span>
</p>
<div v-if="echartsData.length != 0 && premType == 'QJ'" class="echartsContent">
<div v-if="echartsData.length != 0 && premType == 'QJ'" class="incomeChart" ref="incomeChart" @click="parentsEvent"></div>
<div class="echartsContent">
<div class="incomeChart" ref="incomeChart" id="incomeChartId" @click="parentsEvent"></div>
</div>
<div v-if="echartsData.length == 0">
@@ -91,11 +90,11 @@
</div>
</div>
<div v-if="premType == 'QJ'" class="myFooter">
<div v-show="premType == 'QJ'" class="myFooter">
<button class="myFooter_button">查询客户保单</button>
</div>
<div v-if="premType == 'GM'" class="mainContainerGM">
<div v-show="premType == 'GM'" class="mainContainerGM">
<p class="mainContainer_title">
<img class="mainContainer_title_img" src="@/assets/YB_APP/images/33.png">
<span class="mainContainer_title_span">网点数据</span>
@@ -124,13 +123,14 @@
<div class="channelORnetween_list_head">
<div class="channelORnetween_list_head_con">
<div class="channelORnetween_list_head_button_con">
<button class="activeChannel">渠道业绩</button>
<button class="unActiveChannel">网点业绩</button>
<div :class="channelORnetworkType == 'channel'?'activeChannel':'unActiveChannel'" @click="changeChannelORnetworkType('channel')" >渠道业绩</div>
<div :class="channelORnetworkType == 'network'?'activeChannel':'unActiveChannel'" @click="changeChannelORnetworkType('network')">网点业绩</div>
</div>
<div class="channelORnetween_list_head_button_right">保费排序</div>
</div>
</div>
<div class="channelORnetween_list">
<div class="channelORnetween_list" >
<div v-for="(item,index) in echartsData" >
<div class="channelORnetween_list_con">
<div class="channelORnetween_list_maincon">
@@ -201,6 +201,7 @@
},
data() {
return {
buttonType:'',
premType:'QJ',
channelORnetworkType:'channel',
activeProductIndex:'',
@@ -312,6 +313,11 @@
this.incomeChart.setOption(this.incomeOption)
},
methods:{
changeChannelORnetworkType(type){
if(this.channelORnetworkType != type){
this.channelORnetworkType = type
}
},
parentsEvent(){
this.activeProductIndex = ''
},
@@ -567,9 +573,10 @@
}
.activeChannel{
color:#3749A9;background:#F4F6FF;padding:6px;border-radius:3px;font-weight:bold;font-size:14px;border:none;
margin:5px;
}
.unActiveChannel{
color:#333333;font-size:14px;margin-left:5px;border:none;background:#fff;
color:#333333;font-size:14px;margin:5px;border:none;background:#fff;padding:6px;
}
.channel_head_con_num{
display:flex;justify-content:flex-start;margin-left:15px;