@@ -375,6 +375,7 @@ export default { | |||||
pamaet.dateType=this.TimetoAhoose | pamaet.dateType=this.TimetoAhoose | ||||
} | } | ||||
this.$api.http.houseData(pamaet).then((res) => { | this.$api.http.houseData(pamaet).then((res) => { | ||||
console.log(res) | |||||
let arr=[] | let arr=[] | ||||
res.data.list.map(item=>{ | res.data.list.map(item=>{ | ||||
let obj={} | let obj={} | ||||
@@ -382,6 +383,7 @@ export default { | |||||
obj.zxl=item.prohibitedCustomer | obj.zxl=item.prohibitedCustomer | ||||
arr.push(obj) | arr.push(obj) | ||||
}) | }) | ||||
console.log(arr) | |||||
arr=this.dealData(arr) | arr=this.dealData(arr) | ||||
this.objList3={ | this.objList3={ | ||||
avg: res.data.avg || 0, | avg: res.data.avg || 0, | ||||
@@ -389,6 +391,7 @@ export default { | |||||
sum:res.data.sum || 0, | sum:res.data.sum || 0, | ||||
list:arr || [] | list:arr || [] | ||||
} | } | ||||
console.log(this.objList3) | |||||
}) | }) | ||||
}, | }, | ||||
houseData4(){ | houseData4(){ | ||||
@@ -479,7 +482,7 @@ export default { | |||||
dealData(arr){ | dealData(arr){ | ||||
let num=Math.max.apply(Math, arr.map(function (o) { return o.zxl })) //结果:3 | let num=Math.max.apply(Math, arr.map(function (o) { return o.zxl })) //结果:3 | ||||
arr.map(item=>{ | arr.map(item=>{ | ||||
item.zxl1=Math.floor(item.zxl/num*100) | |||||
item.zxl1=Math.floor(item.zxl/num*100) || 0; | |||||
}) | }) | ||||
return arr | return arr | ||||
}, | }, | ||||
@@ -88,6 +88,9 @@ | |||||
<el-table-column prop="deptName" label="归属团队" align="center"> | <el-table-column prop="deptName" label="归属团队" align="center"> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column prop="activeCustomer" label="接待量" align="center"> | <el-table-column prop="activeCustomer" label="接待量" align="center"> | ||||
<template slot-scope="{ row }"> | |||||
{{ row.activeCustomer }}次 | |||||
</template> | |||||
</el-table-column> | </el-table-column> | ||||
<el-table-column | <el-table-column | ||||
v-if="tabFlag == 1" | v-if="tabFlag == 1" | ||||
@@ -95,6 +98,9 @@ | |||||
label="违禁接待次数" | label="违禁接待次数" | ||||
align="center" | align="center" | ||||
> | > | ||||
<template slot-scope="{ row }"> | |||||
{{ row.prohibitedCustomer }}次 | |||||
</template> | |||||
</el-table-column> | </el-table-column> | ||||
<el-table-column | <el-table-column | ||||
v-if="tabFlag == 1" | v-if="tabFlag == 1" | ||||
@@ -102,6 +108,9 @@ | |||||
label="违禁接待占比" | label="违禁接待占比" | ||||
align="center" | align="center" | ||||
> | > | ||||
<template slot-scope="{ row }"> | |||||
{{ row.prohibitedZb }}% | |||||
</template> | |||||
</el-table-column> | </el-table-column> | ||||
<el-table-column | <el-table-column | ||||
v-if="tabFlag == 0" | v-if="tabFlag == 0" | ||||
@@ -110,7 +119,7 @@ | |||||
align="center" | align="center" | ||||
> | > | ||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
{{ Math.floor(row.sumDuration / 60) }} | |||||
{{ Math.floor(row.sumDuration / 60) }}分钟 | |||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column | <el-table-column | ||||
@@ -119,6 +128,9 @@ | |||||
label="销讲执行率" | label="销讲执行率" | ||||
align="center" | align="center" | ||||
> | > | ||||
<template slot-scope="{row}"> | |||||
{{row.fraction}}% | |||||
</template> | |||||
</el-table-column> | </el-table-column> | ||||
<el-table-column | <el-table-column | ||||
v-for="(item, idx) in tablist" | v-for="(item, idx) in tablist" | ||||
@@ -127,6 +139,9 @@ | |||||
:label="item.label" | :label="item.label" | ||||
align="center" | align="center" | ||||
> | > | ||||
<template slot-scope="{row}"> | |||||
{{row[item.props]}}% | |||||
</template> | |||||
</el-table-column> | </el-table-column> | ||||
</el-table> | </el-table> | ||||
<div style="display: flex; justify-content: flex-end; margin-top: 10px"> | <div style="display: flex; justify-content: flex-end; margin-top: 10px"> | ||||
@@ -851,9 +851,6 @@ export default { | |||||
var myChart = echarts.init(chartDom); | var myChart = echarts.init(chartDom); | ||||
var option; | var option; | ||||
option = { | option = { | ||||
tooltip: { | |||||
trigger: "axis", | |||||
}, | |||||
legend: { | legend: { | ||||
data: [this.consultantname,this.Packname], | data: [this.consultantname,this.Packname], | ||||
top: "6", | top: "6", | ||||
@@ -881,32 +878,6 @@ export default { | |||||
}, | }, | ||||
}, | }, | ||||
}, | }, | ||||
yAxis: { | |||||
type: "value", | |||||
splitNumber: 4, | |||||
axisLabel: { | |||||
//重点在这一块,其余可以忽略 | |||||
textStyle: { | |||||
color: "#212121", //更改坐标轴文字颜色 | |||||
}, | |||||
}, | |||||
axisLine: { | |||||
lineStyle: { | |||||
ype: "solid", | |||||
color: "#DDE1EE", //x线的颜色 | |||||
width: "1", //坐标线的宽度 | |||||
}, | |||||
}, | |||||
splitLine: { | |||||
lineStyle: { | |||||
type: "dashed", // y轴分割线类型 | |||||
}, | |||||
}, | |||||
axisTick: { | |||||
//y轴刻度线 | |||||
show: false, | |||||
}, | |||||
}, | |||||
series: [ | series: [ | ||||
{ | { | ||||
name: this.consultantname, | name: this.consultantname, | ||||
@@ -922,6 +893,73 @@ export default { | |||||
} | } | ||||
], | ], | ||||
}; | }; | ||||
if(data1=='data3'){ | |||||
option.tooltip={ | |||||
trigger: 'axis', | |||||
formatter: function (params) { | |||||
let src= '<p>'+params[0].seriesName+':'+params[0].data+'%'+'</p>'+'<p>'+params[1].seriesName+':'+ params[1].data+'%'+'</p>'; | |||||
return src | |||||
} | |||||
}; | |||||
option.yAxis={ | |||||
type: 'value', | |||||
splitNumber:5, | |||||
max:100, | |||||
min:0, | |||||
axisLabel: { //重点在这一块,其余可以忽略 | |||||
textStyle: { | |||||
color: '#212121', //更改坐标轴文字颜色 | |||||
} | |||||
}, | |||||
axisLine: { | |||||
lineStyle: { | |||||
ype: 'solid', | |||||
color: '#DDE1EE',//x线的颜色 | |||||
width:'1'//坐标线的宽度 | |||||
} | |||||
}, | |||||
splitLine: { | |||||
lineStyle: { | |||||
type: 'dashed' // y轴分割线类型 | |||||
} | |||||
}, | |||||
axisTick: { //y轴刻度线 | |||||
show: false | |||||
}, | |||||
} | |||||
}else{ | |||||
option.tooltip={ | |||||
trigger: 'axis', | |||||
} | |||||
option.yAxis={ | |||||
type: 'value', | |||||
splitNumber:5, | |||||
min:0, | |||||
minInterval: 1, | |||||
axisLabel: { //重点在这一块,其余可以忽略 | |||||
textStyle: { | |||||
color: '#212121', //更改坐标轴文字颜色 | |||||
} | |||||
}, | |||||
axisLine: { | |||||
lineStyle: { | |||||
ype: 'solid', | |||||
color: '#DDE1EE',//x线的颜色 | |||||
width:'1'//坐标线的宽度 | |||||
} | |||||
}, | |||||
splitLine: { | |||||
lineStyle: { | |||||
type: 'dashed' // y轴分割线类型 | |||||
} | |||||
}, | |||||
axisTick: { //y轴刻度线 | |||||
show: false | |||||
}, | |||||
}; | |||||
} | |||||
option && myChart.setOption(option); | option && myChart.setOption(option); | ||||
window.addEventListener("resize", () => { | window.addEventListener("resize", () => { | ||||
myChart.resize(); | myChart.resize(); | ||||
@@ -109,10 +109,17 @@ | |||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column prop="receptionCount" label="接待量" align="center"> | <el-table-column prop="receptionCount" label="接待量" align="center"> | ||||
<template slot-scope="{row}"> | |||||
{{row.receptionCount}}次 | |||||
</template> | |||||
</el-table-column> | </el-table-column> | ||||
<el-table-column prop="accountNum" label="接待顾问" align="center"> | <el-table-column prop="accountNum" label="接待顾问" align="center"> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column prop="activeCustomer" label="有效接待" align="center"> | <el-table-column prop="activeCustomer" label="有效接待" align="center"> | ||||
<template slot-scope="{row}"> | |||||
{{row.activeCustomer}}次 | |||||
</template> | |||||
</el-table-column> | </el-table-column> | ||||
<el-table-column | <el-table-column | ||||
prop="prohibitedCustomer" | prop="prohibitedCustomer" | ||||
@@ -122,7 +129,7 @@ | |||||
</el-table-column> | </el-table-column> | ||||
<el-table-column prop="sumDuration" label="接待时长(分)" align="center"> | <el-table-column prop="sumDuration" label="接待时长(分)" align="center"> | ||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
{{ Math.floor(row.sumDuration / 60) }} | |||||
{{ Math.floor(row.sumDuration / 60) }}分钟 | |||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column | <el-table-column | ||||
@@ -130,8 +137,14 @@ | |||||
label="违禁接待占比" | label="违禁接待占比" | ||||
align="center" | align="center" | ||||
> | > | ||||
<template slot-scope="{row}"> | |||||
{{row.prohibitedZb}}% | |||||
</template> | |||||
</el-table-column> | </el-table-column> | ||||
<el-table-column prop="fraction" label="平均执行率" align="center"> | <el-table-column prop="fraction" label="平均执行率" align="center"> | ||||
<template slot-scope="{row}"> | |||||
{{row.fraction}}% | |||||
</template> | |||||
</el-table-column> | </el-table-column> | ||||
<el-table-column | <el-table-column | ||||
v-for="(item, idx) in tablist" | v-for="(item, idx) in tablist" | ||||
@@ -140,6 +153,9 @@ | |||||
:label="item.label" | :label="item.label" | ||||
align="center" | align="center" | ||||
> | > | ||||
<template slot-scope="{row}"> | |||||
{{row[item.props]}}% | |||||
</template> | |||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="操作" align="center"> | <el-table-column label="操作" align="center"> | ||||
<template slot-scope="scope"> | <template slot-scope="scope"> | ||||
@@ -798,6 +798,7 @@ export default { | |||||
option = { | option = { | ||||
tooltip: { | tooltip: { | ||||
trigger: "axis", | trigger: "axis", | ||||
formatter: '{b0}: {c0}'+'%' | |||||
}, | }, | ||||
legend: { | legend: { | ||||
data: ["起始时间"], | data: ["起始时间"], | ||||
@@ -828,7 +829,9 @@ export default { | |||||
}, | }, | ||||
yAxis: { | yAxis: { | ||||
type: "value", | type: "value", | ||||
splitNumber: 4, | |||||
splitNumber:5, | |||||
max:100, | |||||
min:0, | |||||
axisLabel: { | axisLabel: { | ||||
//重点在这一块,其余可以忽略 | //重点在这一块,其余可以忽略 | ||||
textStyle: { | textStyle: { | ||||
@@ -876,6 +879,10 @@ export default { | |||||
option = { | option = { | ||||
tooltip: { | tooltip: { | ||||
trigger: "axis", | trigger: "axis", | ||||
formatter: function (params) { | |||||
let src= '<p>'+params[0].seriesName+':'+params[0].data+'%'+'</p>'+'<p>'+params[1].seriesName+':'+ params[1].data+'%'+'</p>'; | |||||
return src | |||||
} | |||||
}, | }, | ||||
legend: { | legend: { | ||||
data: ["起始时间","对比时间"], | data: ["起始时间","对比时间"], | ||||
@@ -906,7 +913,9 @@ export default { | |||||
}, | }, | ||||
yAxis: { | yAxis: { | ||||
type: "value", | type: "value", | ||||
splitNumber: 4, | |||||
splitNumber:5, | |||||
max:100, | |||||
min:0, | |||||
axisLabel: { | axisLabel: { | ||||
//重点在这一块,其余可以忽略 | //重点在这一块,其余可以忽略 | ||||
textStyle: { | textStyle: { | ||||
@@ -335,14 +335,20 @@ | |||||
<el-table-column prop="time" label="时间" align="center"> | <el-table-column prop="time" label="时间" align="center"> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column prop="data1" label="时段一" align="center"> | <el-table-column prop="data1" label="时段一" align="center"> | ||||
<template slot-scope="{row}"> | |||||
{{row.data1}}% | |||||
</template> | |||||
</el-table-column> | </el-table-column> | ||||
<el-table-column prop="data2" label="时段二" align="center"> | <el-table-column prop="data2" label="时段二" align="center"> | ||||
<template slot-scope="{row}"> | |||||
{{row.data2}}% | |||||
</template> | |||||
</el-table-column> | </el-table-column> | ||||
<el-table-column prop="data3" label="变化" align="center"> | <el-table-column prop="data3" label="变化" align="center"> | ||||
<template slot-scope="scope"> | <template slot-scope="scope"> | ||||
<span | <span | ||||
:style="scope.row.data3 >= 0 ? 'color:green;' : 'color:red;'" | :style="scope.row.data3 >= 0 ? 'color:green;' : 'color:red;'" | ||||
>{{ scope.row.data3 }}</span | |||||
>{{ scope.row.data3 }}%</span | |||||
> | > | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
@@ -683,15 +689,15 @@ export default { | |||||
}, | }, | ||||
//卡片下折线图 | //卡片下折线图 | ||||
SwitchCARDS(arr, str, timeDate, Strname) { | SwitchCARDS(arr, str, timeDate, Strname) { | ||||
// console.log(arr,str,timeDate,Strname); | |||||
echarts.init(document.getElementById(str)).dispose(); // 销毁实例 | |||||
var chartDom = document.getElementById(str); | var chartDom = document.getElementById(str); | ||||
var myChart = echarts.init(chartDom); | var myChart = echarts.init(chartDom); | ||||
var option; | var option; | ||||
option = { | option = { | ||||
tooltip: { | |||||
trigger: "axis", | |||||
}, | |||||
// tooltip: { | |||||
// trigger: "axis", | |||||
// }, | |||||
legend: { | legend: { | ||||
data: Strname, | data: Strname, | ||||
bottom: "10", | bottom: "10", | ||||
@@ -719,7 +725,57 @@ export default { | |||||
}, | }, | ||||
}, | }, | ||||
}, | }, | ||||
yAxis: { | |||||
series: arr, | |||||
}; | |||||
if(this.secindex=='fraction'){ | |||||
if(this.selectTime1){ | |||||
option.tooltip={ | |||||
trigger: 'axis', | |||||
formatter: function (params) { | |||||
let src= '<p>'+params[0].seriesName+':'+params[0].data+'%'+'</p>'+'<p>'+params[1].seriesName+':'+ params[1].data+'%'+'</p>'; | |||||
return src | |||||
} | |||||
}; | |||||
}else{ | |||||
option.tooltip={ | |||||
trigger: 'axis', | |||||
formatter: '{b0}:{c0}'+'%' | |||||
} | |||||
} | |||||
option.yAxis={ | |||||
type: 'value', | |||||
splitNumber:5, | |||||
max:100, | |||||
min:0, | |||||
axisLabel: { //重点在这一块,其余可以忽略 | |||||
textStyle: { | |||||
color: '#212121', //更改坐标轴文字颜色 | |||||
} | |||||
}, | |||||
axisLine: { | |||||
lineStyle: { | |||||
ype: 'solid', | |||||
color: '#DDE1EE',//x线的颜色 | |||||
width:'1'//坐标线的宽度 | |||||
} | |||||
}, | |||||
splitLine: { | |||||
lineStyle: { | |||||
type: 'dashed' // y轴分割线类型 | |||||
} | |||||
}, | |||||
axisTick: { //y轴刻度线 | |||||
show: false | |||||
}, | |||||
} | |||||
}else{ | |||||
option.tooltip={ | |||||
trigger: "axis", | |||||
} | |||||
option.yAxis={ | |||||
type: "value", | type: "value", | ||||
splitNumber: 4, | splitNumber: 4, | ||||
axisLabel: { | axisLabel: { | ||||
@@ -744,9 +800,11 @@ export default { | |||||
//y轴刻度线 | //y轴刻度线 | ||||
show: false, | show: false, | ||||
}, | }, | ||||
}, | |||||
series: arr, | |||||
}; | |||||
} | |||||
} | |||||
option && myChart.setOption(option); | option && myChart.setOption(option); | ||||
window.addEventListener("resize", () => { | window.addEventListener("resize", () => { | ||||
myChart.resize(); | myChart.resize(); | ||||
@@ -3,8 +3,8 @@ | |||||
* https://cli.vuejs.org/zh/config/ | * https://cli.vuejs.org/zh/config/ | ||||
*/ | */ | ||||
// const url = 'http://pigx-gateway' | // const url = 'http://pigx-gateway' | ||||
const url = 'http://39.97.167.65:9999' //测试 | |||||
// const url = 'http://192.168.31.169:9999' //长龙 | |||||
// const url = 'http://39.97.167.65:9999' //测试 | |||||
const url = 'http://192.168.31.169:9999' //长龙 | |||||
// const url = 'http://192.168.31.134:9999' //嘉豪 | // const url = 'http://192.168.31.134:9999' //嘉豪 | ||||
// const url = 'http://192.168.31.100:9999' //王笑 | // const url = 'http://192.168.31.100:9999' //王笑 | ||||
// const url = 'http://nitu5e.natappfree.cc' //王笑 | // const url = 'http://nitu5e.natappfree.cc' //王笑 | ||||