|
@@ -1,5 +1,15 @@
|
|
<template>
|
|
<template>
|
|
<div class="statistic-container" ref="reference">
|
|
<div class="statistic-container" ref="reference">
|
|
|
|
+ <div style="margin-bottom:20px;">
|
|
|
|
+ <el-button
|
|
|
|
+ v-for="item in filterDaysOptions"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ type="primary"
|
|
|
|
+ :plain="actFilterDay!==item.value"
|
|
|
|
+ @click="actFilterDay=item.value;getTableData()"
|
|
|
|
+ >{{item.label}}</el-button>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
<div class="frequency-cont" style="position: relative;">
|
|
<div class="frequency-cont" style="position: relative;">
|
|
<ul class="frequency-ul">
|
|
<ul class="frequency-ul">
|
|
<li v-for="tab in staticTabs" :key="tab" :class="{act: tab=== default_tab}" @click="changeTabHandle(tab)">{{ tab }}</li>
|
|
<li v-for="tab in staticTabs" :key="tab" :class="{act: tab=== default_tab}" @click="changeTabHandle(tab)">{{ tab }}</li>
|
|
@@ -13,9 +23,9 @@
|
|
@change="dateChange"
|
|
@change="dateChange"
|
|
placeholder="请选择统计时间"
|
|
placeholder="请选择统计时间"
|
|
/>
|
|
/>
|
|
- <span style="color:#A3A3A3;display:inline-block;margin-left:20px">续约异常:合同到期后两个月内未签约</span>
|
|
|
|
|
|
+ <span style="color:#A3A3A3;display:inline-block;margin-left:20px">续约异常:{{filterDaysOptions.find(_=>_.value===actFilterDay).msg}}</span>
|
|
|
|
|
|
- <div style="color:#409EFF;position: absolute;top:10px;right:10px;cursor: pointer;" @click="showChart=true">
|
|
|
|
|
|
+ <div style="color:#409EFF;position: absolute;top:10px;right:10px;cursor: pointer;" @click="showChart=true" v-if="actFilterDay===1">
|
|
<img src="~@/assets/img/icons/changeLang.png" alt="">
|
|
<img src="~@/assets/img/icons/changeLang.png" alt="">
|
|
<span style="display:inline-block;position: relative;top:-3px;left:3px">统计图</span>
|
|
<span style="display:inline-block;position: relative;top:-3px;left:3px">统计图</span>
|
|
</div>
|
|
</div>
|
|
@@ -64,7 +74,7 @@
|
|
</span>
|
|
</span>
|
|
</td>
|
|
</td>
|
|
</tr>
|
|
</tr>
|
|
- <tr>
|
|
|
|
|
|
+ <tr v-if="actFilterDay===1">
|
|
<td>
|
|
<td>
|
|
<span>异常率</span>
|
|
<span>异常率</span>
|
|
<el-tooltip
|
|
<el-tooltip
|
|
@@ -122,6 +132,7 @@ export default {
|
|
DataType: this.default_tab === '周度统计表' ? 'week' : this.default_tab === '月度统计表' ? 'month' : 'time_interval',
|
|
DataType: this.default_tab === '周度统计表' ? 'week' : this.default_tab === '月度统计表' ? 'month' : 'time_interval',
|
|
StartDate: this.select_date ? this.select_date[0] : '',
|
|
StartDate: this.select_date ? this.select_date[0] : '',
|
|
EndDate: this.select_date ? this.select_date[1] : '',
|
|
EndDate: this.select_date ? this.select_date[1] : '',
|
|
|
|
+ Source: this.actFilterDay
|
|
}).then(res=>{
|
|
}).then(res=>{
|
|
const { Data,Ret } = res;
|
|
const { Data,Ret } = res;
|
|
if(Ret !== 200) return
|
|
if(Ret !== 200) return
|
|
@@ -134,7 +145,8 @@ export default {
|
|
goList({UnusualRenewNum,UnusualRenewIds},index,parent) {
|
|
goList({UnusualRenewNum,UnusualRenewIds},index,parent) {
|
|
// if(!value) return
|
|
// if(!value) return
|
|
let column_title = this.getColumnTitle(index);
|
|
let column_title = this.getColumnTitle(index);
|
|
- let title=encodeURIComponent(`${column_title}/${parent.SellerName}`);
|
|
|
|
|
|
+ let filterDay = this.filterDaysOptions.find(_=>_.value===this.actFilterDay) ? `${this.filterDaysOptions.find(_=>_.value===this.actFilterDay).label}/` : ''
|
|
|
|
+ let title=encodeURIComponent(`${filterDay}${column_title}/${parent.SellerName}`);
|
|
|
|
|
|
sessionStorage.setItem('renewalTab',this.activeTab.tabName)
|
|
sessionStorage.setItem('renewalTab',this.activeTab.tabName)
|
|
const{href}=this.$router.resolve({
|
|
const{href}=this.$router.resolve({
|