Commit 562cf62c authored by zhengke's avatar zhengke
parents 0d5ea02d 4f67c1c7
...@@ -51,9 +51,11 @@ ...@@ -51,9 +51,11 @@
flex-wrap: wrap; flex-wrap: wrap;
display: -webkit-flex; display: -webkit-flex;
} }
.Data_TotalTu{
display:flex; .Data_TotalTu {
display: flex;
} }
.Data_List { .Data_List {
box-sizing: border-box; box-sizing: border-box;
flex: 0 0 18.5%; flex: 0 0 18.5%;
...@@ -165,7 +167,6 @@ ...@@ -165,7 +167,6 @@
margin: 0 24px 24px 0; margin: 0 24px 24px 0;
font-size: 14px; font-size: 14px;
} }
</style> </style>
<template> <template>
<div class="todayData"> <div class="todayData">
...@@ -806,7 +807,7 @@ ...@@ -806,7 +807,7 @@
}, },
series4: [], series4: [],
chartOptions4: { chartOptions4: {
labels: ['个人直客','同业介绍','学员转介绍','内部介绍'], labels: ['个人直客', '同业介绍', '学员转介绍', '内部介绍'],
chart: { chart: {
type: "donut", type: "donut",
width: 40, width: 40,
...@@ -829,7 +830,7 @@ ...@@ -829,7 +830,7 @@
} }
}, },
series5: [{ series5: [{
name:'', name: '',
data: [] data: []
}], }],
chartOptions5: { chartOptions5: {
...@@ -853,15 +854,15 @@ ...@@ -853,15 +854,15 @@
xaxis: { xaxis: {
categories: [], categories: [],
labels: { labels: {
show:false //隐藏x轴数据 show: false //隐藏x轴数据
} }
}, },
tooltip: { tooltip: {
y: { y: {
formatter: undefined, formatter: undefined,
title: { title: {
formatter: (seriesName) => seriesName, formatter: (seriesName) => seriesName,
}, },
}, },
}, },
}, },
...@@ -877,14 +878,14 @@ ...@@ -877,14 +878,14 @@
return time.getTime() > Date.now() - 8.64e6 return time.getTime() > Date.now() - 8.64e6
} }
}, },
pieData:[], //饼数据 pieData: [], //饼数据
btnHui:'', btnHui: '',
btnVisit:'', btnVisit: '',
btnHetong:'primary', btnHetong: 'primary',
btnHui2:'', btnHui2: '',
btnVisit2:'', btnVisit2: '',
btnHetong2:'primary', btnHetong2: 'primary',
barData:[] //柱状图数据 barData: [] //柱状图数据
}; };
}, },
created() { created() {
...@@ -931,51 +932,51 @@ ...@@ -931,51 +932,51 @@
}, },
methods: { methods: {
//点击饼切换 //点击饼切换
getPie(type){ getPie(type) {
if(type==1){ if (type == 1) {
this.btnHui='primary' this.btnHui = 'primary'
this.btnVisit='' this.btnVisit = ''
this.btnHetong='' this.btnHetong = ''
this.series4=[] this.series4 = []
if(this.pieData.ClueData&&this.pieData.ClueData.length>0){ if (this.pieData.ClueData && this.pieData.ClueData.length > 0) {
this.pieData.ClueData.forEach(x=>{ this.pieData.ClueData.forEach(x => {
this.series4.push(x.ClueCount) this.series4.push(x.ClueCount)
}) })
} }
} }
if(type==2){ if (type == 2) {
this.btnVisit='primary' this.btnVisit = 'primary'
this.btnHui='' this.btnHui = ''
this.btnHetong='' this.btnHetong = ''
this.series4=[] this.series4 = []
if(this.pieData.VisitData&&this.pieData.VisitData.length>0){ if (this.pieData.VisitData && this.pieData.VisitData.length > 0) {
this.pieData.VisitData.forEach(x=>{ this.pieData.VisitData.forEach(x => {
this.series4.push(x.VisitCount) this.series4.push(x.VisitCount)
}) })
} }
} }
if(type==3){ if (type == 3) {
this.btnVisit='' this.btnVisit = ''
this.btnHui='' this.btnHui = ''
this.btnHetong='primary' this.btnHetong = 'primary'
this.series4=[] this.series4 = []
if(this.pieData.OrderData&&this.pieData.OrderData.length>0){ if (this.pieData.OrderData && this.pieData.OrderData.length > 0) {
this.pieData.OrderData.forEach(x=>{ this.pieData.OrderData.forEach(x => {
this.series4.push(x.OrderCount) this.series4.push(x.OrderCount)
}) })
} }
} }
}, },
//切换柱状图 //切换柱状图
getBar(type){ getBar(type) {
if(type==1){ if (type == 1) {
this.btnHui2='primary' this.btnHui2 = 'primary'
this.btnVisit2='' this.btnVisit2 = ''
this.btnHetong2='' this.btnHetong2 = ''
this.series5[0].data=[] this.series5[0].data = []
this.chartOptions5.xaxis.categories=[] this.chartOptions5.xaxis.categories = []
if(this.barData.ClueData&&this.barData.ClueData.length>0){ if (this.barData.ClueData && this.barData.ClueData.length > 0) {
this.barData.ClueData.forEach(x=>{ this.barData.ClueData.forEach(x => {
this.series5[0].data.push(x.ClueCount) this.series5[0].data.push(x.ClueCount)
this.chartOptions5.xaxis.categories.push(x.ChannelName) this.chartOptions5.xaxis.categories.push(x.ChannelName)
}) })
...@@ -985,14 +986,14 @@ ...@@ -985,14 +986,14 @@
this.$refs.zhu.updateSeries(this.series5) this.$refs.zhu.updateSeries(this.series5)
}, 100) }, 100)
} }
if(type==2){ if (type == 2) {
this.btnVisit2='primary' this.btnVisit2 = 'primary'
this.btnHui2='' this.btnHui2 = ''
this.btnHetong2='' this.btnHetong2 = ''
this.series5[0].data=[] this.series5[0].data = []
this.chartOptions5.xaxis.categories=[] this.chartOptions5.xaxis.categories = []
if(this.barData.VisitData&&this.barData.VisitData.length>0){ if (this.barData.VisitData && this.barData.VisitData.length > 0) {
this.barData.VisitData.forEach(x=>{ this.barData.VisitData.forEach(x => {
this.series5[0].data.push(x.VisitCount) this.series5[0].data.push(x.VisitCount)
this.chartOptions5.xaxis.categories.push(x.ChannelName) this.chartOptions5.xaxis.categories.push(x.ChannelName)
}) })
...@@ -1002,14 +1003,14 @@ ...@@ -1002,14 +1003,14 @@
this.$refs.zhu.updateSeries(this.series5) this.$refs.zhu.updateSeries(this.series5)
}, 100) }, 100)
} }
if(type==3){ if (type == 3) {
this.btnVisit2='' this.btnVisit2 = ''
this.btnHui2='' this.btnHui2 = ''
this.btnHetong2='primary' this.btnHetong2 = 'primary'
this.series5[0].data=[] this.series5[0].data = []
this.chartOptions5.xaxis.categories=[] this.chartOptions5.xaxis.categories = []
if(this.barData.OrderData&&this.barData.OrderData.length>0){ if (this.barData.OrderData && this.barData.OrderData.length > 0) {
this.barData.OrderData.forEach(x=>{ this.barData.OrderData.forEach(x => {
this.series5[0].data.push(x.OrderCount) this.series5[0].data.push(x.OrderCount)
this.chartOptions5.xaxis.categories.push(x.ChannelName) this.chartOptions5.xaxis.categories.push(x.ChannelName)
}) })
...@@ -1031,11 +1032,14 @@ ...@@ -1031,11 +1032,14 @@
var qMsg = { var qMsg = {
IsLeave: 1, IsLeave: 1,
Dept_Id: 0, Dept_Id: 0,
UserRole: 0,
}; };
if (this.comType == 1) { if (this.comType == 1) {
qMsg.Dept_Id = 4; qMsg.Dept_Id = 4;
qMsg.UserRole = 1;
} else { } else {
qMsg.Dept_Id = 13; qMsg.Dept_Id = 13;
qMsg.UserRole = 2;
} }
queryEmployee(qMsg).then(res => { queryEmployee(qMsg).then(res => {
this.employeeList = res.Data; this.employeeList = res.Data;
...@@ -1102,13 +1106,13 @@ ...@@ -1102,13 +1106,13 @@
this.series[2].data = []; this.series[2].data = [];
this.series4 = []; this.series4 = [];
this.series5[0].data = []; this.series5[0].data = [];
this.chartOptions5.xaxis.categories=[]; this.chartOptions5.xaxis.categories = [];
this.btnHui='' this.btnHui = ''
this.btnVisit='' this.btnVisit = ''
this.btnHetong='primary' this.btnHetong = 'primary'
this.btnHui2='' this.btnHui2 = ''
this.btnVisit2='' this.btnVisit2 = ''
this.btnHetong2='primary' 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);
...@@ -1117,13 +1121,13 @@ ...@@ -1117,13 +1121,13 @@
}) })
this.pieData = res.Data.PieData; this.pieData = res.Data.PieData;
this.barData = res.Data.BarData; this.barData = res.Data.BarData;
if(this.pieData.OrderData&&this.pieData.OrderData.length>0){ if (this.pieData.OrderData && this.pieData.OrderData.length > 0) {
this.pieData.OrderData.forEach(x=>{ this.pieData.OrderData.forEach(x => {
this.series4.push(x.OrderCount) this.series4.push(x.OrderCount)
}) })
} }
if(this.barData.OrderData&&this.barData.OrderData.length>0){ if (this.barData.OrderData && this.barData.OrderData.length > 0) {
this.barData.OrderData.forEach(x=>{ this.barData.OrderData.forEach(x => {
this.series5[0].data.push(x.OrderCount) this.series5[0].data.push(x.OrderCount)
this.chartOptions5.xaxis.categories.push(x.ChannelName); this.chartOptions5.xaxis.categories.push(x.ChannelName);
}) })
...@@ -1142,5 +1146,4 @@ ...@@ -1142,5 +1146,4 @@
}, },
} }
} }
</script>
</script> \ No newline at end of file
...@@ -106,10 +106,10 @@ ...@@ -106,10 +106,10 @@
.Sysuser_Date .el-range-editor .el-range-input { .Sysuser_Date .el-range-editor .el-range-input {
background: transparent !important; background: transparent !important;
} }
.makeOutDiv .el-table th{
.makeOutDiv .el-table th {
background: #f5f6f7; background: #f5f6f7;
} }
</style> </style>
<template> <template>
<div class="page-body"> <div class="page-body">
...@@ -280,7 +280,8 @@ ...@@ -280,7 +280,8 @@
getEmployeeList() { getEmployeeList() {
var qMsg = { var qMsg = {
IsLeave: 1, IsLeave: 1,
Dept_Id: 4 Dept_Id: 4,
UserRole: 1,
}; };
queryEmployee(qMsg).then(res => { queryEmployee(qMsg).then(res => {
this.EmployeeList = res.Data; this.EmployeeList = res.Data;
......
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