Browse Source

Merge branch 'master' of http://git.2weisou.com/wangxiao/zkPCproject into master

newStyle
lancer 2 years ago
parent
commit
9458544a84
7 changed files with 184 additions and 45 deletions
  1. +4
    -1
      src/views/Statistics/BuildingContrast.vue
  2. +16
    -1
      src/views/Statistics/ConsultantBrand.vue
  3. +67
    -29
      src/views/Statistics/MentoringAbility.vue
  4. +17
    -1
      src/views/Statistics/ReceptionStatistical.vue
  5. +11
    -2
      src/views/Statistics/TrendAnalysis.vue
  6. +67
    -9
      src/views/Statistics/trend.vue
  7. +2
    -2
      vue.config.js

+ 4
- 1
src/views/Statistics/BuildingContrast.vue View File

@@ -375,6 +375,7 @@ export default {
pamaet.dateType=this.TimetoAhoose
}
this.$api.http.houseData(pamaet).then((res) => {
console.log(res)
let arr=[]
res.data.list.map(item=>{
let obj={}
@@ -382,6 +383,7 @@ export default {
obj.zxl=item.prohibitedCustomer
arr.push(obj)
})
console.log(arr)
arr=this.dealData(arr)
this.objList3={
avg: res.data.avg || 0,
@@ -389,6 +391,7 @@ export default {
sum:res.data.sum || 0,
list:arr || []
}
console.log(this.objList3)
})
},
houseData4(){
@@ -479,7 +482,7 @@ export default {
dealData(arr){
let num=Math.max.apply(Math, arr.map(function (o) { return o.zxl })) //结果:3
arr.map(item=>{
item.zxl1=Math.floor(item.zxl/num*100)
item.zxl1=Math.floor(item.zxl/num*100) || 0;
})
return arr
},


+ 16
- 1
src/views/Statistics/ConsultantBrand.vue View File

@@ -88,6 +88,9 @@
<el-table-column prop="deptName" label="归属团队" align="center">
</el-table-column>
<el-table-column prop="activeCustomer" label="接待量" align="center">
<template slot-scope="{ row }">
{{ row.activeCustomer }}次
</template>
</el-table-column>
<el-table-column
v-if="tabFlag == 1"
@@ -95,6 +98,9 @@
label="违禁接待次数"
align="center"
>
<template slot-scope="{ row }">
{{ row.prohibitedCustomer }}次
</template>
</el-table-column>
<el-table-column
v-if="tabFlag == 1"
@@ -102,6 +108,9 @@
label="违禁接待占比"
align="center"
>
<template slot-scope="{ row }">
{{ row.prohibitedZb }}%
</template>
</el-table-column>
<el-table-column
v-if="tabFlag == 0"
@@ -110,7 +119,7 @@
align="center"
>
<template slot-scope="{ row }">
{{ Math.floor(row.sumDuration / 60) }}
{{ Math.floor(row.sumDuration / 60) }}分钟
</template>
</el-table-column>
<el-table-column
@@ -119,6 +128,9 @@
label="销讲执行率"
align="center"
>
<template slot-scope="{row}">
{{row.fraction}}%
</template>
</el-table-column>
<el-table-column
v-for="(item, idx) in tablist"
@@ -127,6 +139,9 @@
:label="item.label"
align="center"
>
<template slot-scope="{row}">
{{row[item.props]}}%
</template>
</el-table-column>
</el-table>
<div style="display: flex; justify-content: flex-end; margin-top: 10px">


+ 67
- 29
src/views/Statistics/MentoringAbility.vue View File

@@ -851,9 +851,6 @@ export default {
var myChart = echarts.init(chartDom);
var option;
option = {
tooltip: {
trigger: "axis",
},
legend: {
data: [this.consultantname,this.Packname],
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: [
{
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);
window.addEventListener("resize", () => {
myChart.resize();


+ 17
- 1
src/views/Statistics/ReceptionStatistical.vue View File

@@ -109,10 +109,17 @@
</template>
</el-table-column>
<el-table-column prop="receptionCount" label="接待量" align="center">
<template slot-scope="{row}">
{{row.receptionCount}}次
</template>
</el-table-column>
<el-table-column prop="accountNum" label="接待顾问" align="center">

</el-table-column>
<el-table-column prop="activeCustomer" label="有效接待" align="center">
<template slot-scope="{row}">
{{row.activeCustomer}}次
</template>
</el-table-column>
<el-table-column
prop="prohibitedCustomer"
@@ -122,7 +129,7 @@
</el-table-column>
<el-table-column prop="sumDuration" label="接待时长(分)" align="center">
<template slot-scope="{ row }">
{{ Math.floor(row.sumDuration / 60) }}
{{ Math.floor(row.sumDuration / 60) }}分钟
</template>
</el-table-column>
<el-table-column
@@ -130,8 +137,14 @@
label="违禁接待占比"
align="center"
>
<template slot-scope="{row}">
{{row.prohibitedZb}}%
</template>
</el-table-column>
<el-table-column prop="fraction" label="平均执行率" align="center">
<template slot-scope="{row}">
{{row.fraction}}%
</template>
</el-table-column>
<el-table-column
v-for="(item, idx) in tablist"
@@ -140,6 +153,9 @@
:label="item.label"
align="center"
>
<template slot-scope="{row}">
{{row[item.props]}}%
</template>
</el-table-column>
<el-table-column label="操作" align="center">
<template slot-scope="scope">


+ 11
- 2
src/views/Statistics/TrendAnalysis.vue View File

@@ -798,6 +798,7 @@ export default {
option = {
tooltip: {
trigger: "axis",
formatter: '{b0}: {c0}'+'%'
},
legend: {
data: ["起始时间"],
@@ -828,7 +829,9 @@ export default {
},
yAxis: {
type: "value",
splitNumber: 4,
splitNumber:5,
max:100,
min:0,
axisLabel: {
//重点在这一块,其余可以忽略
textStyle: {
@@ -876,6 +879,10 @@ export default {
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
}
},
legend: {
data: ["起始时间","对比时间"],
@@ -906,7 +913,9 @@ export default {
},
yAxis: {
type: "value",
splitNumber: 4,
splitNumber:5,
max:100,
min:0,
axisLabel: {
//重点在这一块,其余可以忽略
textStyle: {


+ 67
- 9
src/views/Statistics/trend.vue View File

@@ -335,14 +335,20 @@
<el-table-column prop="time" label="时间" align="center">
</el-table-column>
<el-table-column prop="data1" label="时段一" align="center">
<template slot-scope="{row}">
{{row.data1}}%
</template>
</el-table-column>
<el-table-column prop="data2" label="时段二" align="center">
<template slot-scope="{row}">
{{row.data2}}%
</template>
</el-table-column>
<el-table-column prop="data3" label="变化" align="center">
<template slot-scope="scope">
<span
:style="scope.row.data3 >= 0 ? 'color:green;' : 'color:red;'"
>{{ scope.row.data3 }}</span
>{{ scope.row.data3 }}%</span
>
</template>
</el-table-column>
@@ -683,15 +689,15 @@ export default {
},
//卡片下折线图
SwitchCARDS(arr, str, timeDate, Strname) {
// console.log(arr,str,timeDate,Strname);
echarts.init(document.getElementById(str)).dispose(); // 销毁实例
var chartDom = document.getElementById(str);
var myChart = echarts.init(chartDom);
var option;

option = {
tooltip: {
trigger: "axis",
},
// tooltip: {
// trigger: "axis",
// },
legend: {
data: Strname,
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",
splitNumber: 4,
axisLabel: {
@@ -744,9 +800,11 @@ export default {
//y轴刻度线
show: false,
},
},
series: arr,
};
}
}



option && myChart.setOption(option);
window.addEventListener("resize", () => {
myChart.resize();


+ 2
- 2
vue.config.js View File

@@ -3,8 +3,8 @@
* https://cli.vuejs.org/zh/config/
*/
// 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.100:9999' //王笑
// const url = 'http://nitu5e.natappfree.cc' //王笑


Loading…
Cancel
Save