|
@@ -2,7 +2,7 @@
|
|
<div class="app-container">
|
|
<div class="app-container">
|
|
<div class="app-content">
|
|
<div class="app-content">
|
|
<div class="title">
|
|
<div class="title">
|
|
- 通话统计
|
|
|
|
|
|
+ 佣金排行榜
|
|
</div>
|
|
</div>
|
|
<el-form class="search-form" :inline="true" >
|
|
<el-form class="search-form" :inline="true" >
|
|
<el-form-item >
|
|
<el-form-item >
|
|
@@ -61,7 +61,7 @@
|
|
label="员工姓名">
|
|
label="员工姓名">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="TuiMoneyCount"
|
|
|
|
|
|
+ prop="tuiMoneyCount"
|
|
label="佣金订单数">
|
|
label="佣金订单数">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
@@ -143,8 +143,8 @@ export default {
|
|
list:[],
|
|
list:[],
|
|
dates:[],
|
|
dates:[],
|
|
billingTime:[],
|
|
billingTime:[],
|
|
- callCount:[],
|
|
|
|
- callSuccessCount:[],
|
|
|
|
|
|
+ tuiMoneyCount:[],
|
|
|
|
+ tuiMoney:[],
|
|
times:[]
|
|
times:[]
|
|
|
|
|
|
}
|
|
}
|
|
@@ -214,10 +214,9 @@ export default {
|
|
}
|
|
}
|
|
tuiMoney(data).then((response) => {
|
|
tuiMoney(data).then((response) => {
|
|
this.list=response.list;
|
|
this.list=response.list;
|
|
- this.dates=response.dates;
|
|
|
|
- this.callCount=response.callCount;
|
|
|
|
- this.callSuccessCount=response.callSuccessCount;
|
|
|
|
- this.billingTime=response.billingTime;
|
|
|
|
|
|
+ this.tuiMoney=response.tuiMoney;
|
|
|
|
+ this.tuiMoneyCount=response.tuiMoneyCount;
|
|
|
|
+
|
|
this.times=response.times;
|
|
this.times=response.times;
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
this.initEchart();
|
|
this.initEchart();
|
|
@@ -233,7 +232,7 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
legend: {
|
|
legend: {
|
|
- data: ['通话时长', '消耗分钟','拨打数','接通数']
|
|
|
|
|
|
+ data: ['佣金订单数', '佣金总金额' ]
|
|
},
|
|
},
|
|
grid: {
|
|
grid: {
|
|
left: '3%',
|
|
left: '3%',
|
|
@@ -251,45 +250,30 @@ export default {
|
|
{
|
|
{
|
|
type: 'value',
|
|
type: 'value',
|
|
axisLabel:{
|
|
axisLabel:{
|
|
- formatter:'{value}个'
|
|
|
|
|
|
+ formatter:'{value}'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
],
|
|
],
|
|
series: [
|
|
series: [
|
|
{
|
|
{
|
|
|
|
|
|
- name: '通话时长',
|
|
|
|
- type: 'bar',
|
|
|
|
|
|
+ name: '佣金订单数',
|
|
|
|
+ type: 'line',
|
|
emphasis: {
|
|
emphasis: {
|
|
focus: 'series'
|
|
focus: 'series'
|
|
},
|
|
},
|
|
- data: this.times
|
|
|
|
|
|
+ data: this.tuiMoneyCount
|
|
},
|
|
},
|
|
{
|
|
{
|
|
|
|
|
|
- name: '消耗分钟',
|
|
|
|
- type: 'bar',
|
|
|
|
- emphasis: {
|
|
|
|
- focus: 'series'
|
|
|
|
- },
|
|
|
|
- data: this.billingTime
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- name: '拨打数',
|
|
|
|
- type: 'bar',
|
|
|
|
|
|
+ name: '佣金总金额',
|
|
|
|
+ type: 'line',
|
|
emphasis: {
|
|
emphasis: {
|
|
focus: 'series'
|
|
focus: 'series'
|
|
},
|
|
},
|
|
- data: this.callCount
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- name: '接通数',
|
|
|
|
- type: 'bar',
|
|
|
|
- emphasis: {
|
|
|
|
- focus: 'series'
|
|
|
|
- },
|
|
|
|
- data: this.callSuccessCount
|
|
|
|
|
|
+ data: this.tuiMoney
|
|
}
|
|
}
|
|
|
|
+
|
|
]
|
|
]
|
|
};
|
|
};
|
|
this.chart=echarts.init(document.getElementById("echart-customer"));
|
|
this.chart=echarts.init(document.getElementById("echart-customer"));
|