Commit d9a39ca5 authored by zhengke's avatar zhengke

修改

parent 3da56a86
...@@ -677,9 +677,9 @@ ...@@ -677,9 +677,9 @@
<div class="Data_TotalTu"> <div class="Data_TotalTu">
<div class="Data_ListBottom" style="flex: 0 0 60%;"> <div class="Data_ListBottom" style="flex: 0 0 60%;">
<div style="margin-bottom:20px;"> <div style="margin-bottom:20px;">
<el-button size="mini" :type="btnHetong2" @click="getBar(3)">合同</el-button>
<el-button size="mini" :type="btnHui2" @click="getBar(1)">回单</el-button> <el-button size="mini" :type="btnHui2" @click="getBar(1)">回单</el-button>
<el-button size="mini" :type="btnVisit2" @click="getBar(2)">到访</el-button> <el-button size="mini" :type="btnVisit2" @click="getBar(2)">到访</el-button>
<el-button size="mini" :type="btnHetong2" @click="getBar(3)">合同</el-button>
</div> </div>
<div> <div>
<VueApexCharts width="90%" height="405" ref="zhu" :options="chartOptions5" :series="series5"> <VueApexCharts width="90%" height="405" ref="zhu" :options="chartOptions5" :series="series5">
...@@ -688,9 +688,9 @@ ...@@ -688,9 +688,9 @@
</div> </div>
<div class="Data_ListBottom" style="flex: 0 0 35%;"> <div class="Data_ListBottom" style="flex: 0 0 35%;">
<div style="margin-bottom:40px;"> <div style="margin-bottom:40px;">
<el-button size="mini" :type="btnHetong" @click="getPie(3)">合同</el-button>
<el-button size="mini" :type="btnHui" @click="getPie(1)">回单</el-button> <el-button size="mini" :type="btnHui" @click="getPie(1)">回单</el-button>
<el-button size="mini" :type="btnVisit" @click="getPie(2)">到访</el-button> <el-button size="mini" :type="btnVisit" @click="getPie(2)">到访</el-button>
<el-button size="mini" :type="btnHetong" @click="getPie(3)">合同</el-button>
</div> </div>
<div style="margin-left:50px;"> <div style="margin-left:50px;">
<VueApexCharts width="80%" height="205" ref="bing" :options="chartOptions4" :series="series4"> <VueApexCharts width="80%" height="205" ref="bing" :options="chartOptions4" :series="series4">
...@@ -829,6 +829,7 @@ ...@@ -829,6 +829,7 @@
} }
}, },
series5: [{ series5: [{
name:'',
data: [] data: []
}], }],
chartOptions5: { chartOptions5: {
...@@ -840,13 +841,28 @@ ...@@ -840,13 +841,28 @@
}, },
chart: { chart: {
type: 'bar', type: 'bar',
height: 350 height: 350,
toolbar: {
show: false,
autoSelected: 'pan'
}
}, },
dataLabels: { dataLabels: {
enabled: false enabled: false
}, },
xaxis: { xaxis: {
categories: [], categories: [],
labels: {
show:false //隐藏x轴数据
}
},
tooltip: {
y: {
formatter: undefined,
title: {
formatter: (seriesName) => seriesName,
},
},
}, },
}, },
yesData: {}, //昨日数据 yesData: {}, //昨日数据
...@@ -862,12 +878,12 @@ ...@@ -862,12 +878,12 @@
} }
}, },
pieData:[], //饼数据 pieData:[], //饼数据
btnHui:'primary', btnHui:'',
btnVisit:'', btnVisit:'',
btnHetong:'', btnHetong:'primary',
btnHui2:'primary', btnHui2:'',
btnVisit2:'', btnVisit2:'',
btnHetong2:'', btnHetong2:'primary',
barData:[] //柱状图数据 barData:[] //柱状图数据
}; };
}, },
...@@ -1087,12 +1103,12 @@ ...@@ -1087,12 +1103,12 @@
this.series4 = []; this.series4 = [];
this.series5[0].data = []; this.series5[0].data = [];
this.chartOptions5.xaxis.categories=[]; this.chartOptions5.xaxis.categories=[];
this.btnHui='primary' this.btnHui=''
this.btnVisit='' this.btnVisit=''
this.btnHetong='' this.btnHetong='primary'
this.btnHui2='primary' this.btnHui2=''
this.btnVisit2='' this.btnVisit2=''
this.btnHetong2='' this.btnHetong2='primary'
tempData.forEach(x => { tempData.forEach(x => {
this.series[0].data.push(x.ClueCount); this.series[0].data.push(x.ClueCount);
this.series[1].data.push(x.VisitCount); this.series[1].data.push(x.VisitCount);
...@@ -1101,14 +1117,14 @@ ...@@ -1101,14 +1117,14 @@
}) })
this.pieData = res.Data.PieData; this.pieData = res.Data.PieData;
this.barData = res.Data.BarData; this.barData = res.Data.BarData;
if(this.pieData.ClueData&&this.pieData.ClueData.length>0){ if(this.pieData.OrderData&&this.pieData.OrderData.length>0){
this.pieData.ClueData.forEach(x=>{ this.pieData.OrderData.forEach(x=>{
this.series4.push(x.ClueCount) this.series4.push(x.OrderCount)
}) })
} }
if(this.barData.ClueData&&this.barData.ClueData.length>0){ if(this.barData.OrderData&&this.barData.OrderData.length>0){
this.barData.ClueData.forEach(x=>{ this.barData.OrderData.forEach(x=>{
this.series5[0].data.push(x.ClueCount) this.series5[0].data.push(x.OrderCount)
this.chartOptions5.xaxis.categories.push(x.ChannelName); this.chartOptions5.xaxis.categories.push(x.ChannelName);
}) })
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment