@@ -86,8 +86,8 @@
</view>
</view> -->
<view style="display: flex;justify-content:center;padding-left: 30rpx;padding-right: 30rpx;" v-if="guwenshow">
<view class="title2-che">选择顾问
<view style="display: flex;justify-content:center;padding-left: 30rpx;padding-right: 30rpx;" v-if="guwenshow&&lopanobj.name" @click="oninputtap() ">
<view class="title2-che" style="width: 220rpx;">{{lopanobj.name}}
<image class="righttochoose" src="../../../static/images/righttochoose.png" mode=""></image>
</view>
<!-- <view>选择顾问：</view>
@@ -126,9 +126,9 @@
</view>
</view>
<view style="display: flex;align-items: center;border-bottom: 1px solid #C9C9C9; height: 80rpx;"
v-if="Selecttuandui">
<view>团队选择：</view>
<view style="display: flex;align-items: center;height: 80rpx;"
v-if="Selecttuandui&&Selecttuanduiobj.name" @click="oninputtap4() ">
<!-- <view>团队选择：</view>
<view style="width:75%;">
<input @click="oninputtap4()" v-model="Selecttuanduiobj.name" type="text" disabled="true"
:border="border" placeholder="请选择" />
@@ -136,6 +136,9 @@
<view>
<image src="https://qufang.oss-cn-beijing.aliyuncs.com/upload/icon/xcx/jjycrm/qf/more.png"
style="width:12rpx;height:23rpx;margin-left: 16rpx;">
</view> -->
<view class="title2-che" style="width: 220rpx;">{{Selecttuanduiobj.name}}
<image class="righttochoose" src="../../../static/images/righttochoose.png" mode=""></image>
</view>
</view>
@@ -163,22 +166,30 @@
<view class="title">
<view class="title1">对比报表</view>
</view>
<view class="table">
<view class="tr">
<view class="th" style="width: 30%;border-right:1px solid #E0E0E0;">时间</view>
<view class="th" style="width: 20%;border-right:1px solid #E0E0E0;">时段1</view>
<view class="th" style="width: 20%;border-right:1px solid #E0E0E0;">时段2</view>
<view class="th" style="width: 30%;">变化</view>
<view class="table" v-if="!guwenFlag">
<view v-for="(item,index) in tableDate" :key="index">
<view class="tr">
<view v-for="(item1,index1) in item" :key="index" style="width: 100%;">
<view v-if="index1<item.length-1||index==0" class="td" style="border-right:1px solid #E0E0E0;">{{item1}}</view>
<view v-if="index>0&&index1==item.length-1" class="td" style="border-right:1px solid #E0E0E0;" :style="{color:item1*1>0?'red':'green'}">{{item1==0?'--':item1+'%'}}</view>
</view>
</view>
</view>
</view>
<view v-for="(item,index) in tableDate" :key="index">
<view class="tr">
<view class="td" style="width: 30%;border-right:1px solid #E0E0E0;">{{item.time}}</view>
<view class="td" style="width: 20%;border-right:1px solid #E0E0E0;">{{item.time1}}</view>
<view class="td" style="width: 20%;border-right:1px solid #E0E0E0;">{{item.time2}}</view>
<view class="td" style="width: 30%;">{{item.compare}}</view>
<view class="table" v-if="guwenFlag">
<scroll-view style="" scroll-x="true" >
<view v-for="(item,index) in tableDate" :key="index">
<view class="tr">
<view v-for="(item1,index1) in item" :key="index1" style="width: 100%;">
<view v-if="index==1&&index1>0" class="td" :style="{color:item1*1>0?'red':'green'}" style="border-right:1px solid #E0E0E0;">{{item1==0?'--':item1+'%'}}</view>
<view v-else-if="index>1&&index1>0" class="td" style="border-right:1px solid #E0E0E0;">{{item1+'%'}}</view>
<view v-else class="td" style="border-right:1px solid #E0E0E0;">{{item1}}</view>
</view>
</view>
</view>
</scroll-view>
</view>
</view>
</view>
</view>
<view style="width: 100%;height: 60rpx;"></view>
<view v-if="Showhiddenunits">
@@ -279,32 +290,8 @@
sheartime1: "",
sheartime2: "",
intervaltime: 0,
tableDate:[
{
time:'06-20 VS 06-10',
time1:'500',
time2:'60',
compare:'+500(+19.83%)'
},
{
time:'06-20 VS 06-10',
time1:'500',
time2:'60',
compare:'+500(+19.83%)'
},
{
time:'06-20 VS 06-10',
time1:'500',
time2:'60',
compare:'+500(+19.83%)'
},
{
time:'06-20 VS 06-10',
time1:'500',
time2:'60',
compare:'+500(+19.83%)'
},
]
tableDate:[],
guwenFlag:false
};
},
@@ -610,6 +597,28 @@
})
that.lineOptsect.series[1].data = data.firstValue.map(item => item.fraction);
that.lineOptsect.series[0].data = data.lastValue.map(item => item.fraction)
that.guwenFlag=false
// // 处理表格数据
let arr=[
['时间','时段一','时段二','变化']
// {
// time:'时间',
// time1:'时段一',
// time2:'时段二',
// compare:'变化'
// },
]
that.lineOptsect.categories.map((item,index)=>{
let newarr=[item,data.firstValue[index].fraction,data.lastValue[index].fraction,data.contrast[index].data]
// obj.time=item
// obj.time1=data.firstValue[index].fraction
// obj.time2=data.lastValue[index].fraction
// obj.compare=data.contrast[index].data
// arr.push(obj)
arr.push(newarr)
})
// console.log(arr)
that.tableDate=arr
}
});
},
@@ -620,46 +629,59 @@
categories: [],
series: []
};
this.linetype = "line";
this.$u.post("/cusLvStatistics/teamOrOneValueShow", this.pamect).then(data => {
this.linetype = "radar";
this.$u.post("/cusLvStatistics/accFirstLevelContrast", this.pamect).then(data => {
// return
if (this.pamect.showStatus == 0) {
that.lineOptsect = {
categories: [],
series: [{
name: '起始时间 ',
name: '时段一 ',
data: [],
color: '#7ED3F4'
}]
}
data.lastValue.forEach((item, sdf) => {
that.lineOptsect.categories.push(item.statDate.substring(5, 10))
data.firstList.forEach((item, sdf) => {
that.lineOptsect.categories.push(item.name)
that.lineOptsect.series[0].data.push(data.headerList[sdf].total)
})
that.lineOptsect.series[0].data = data.lastValue.map(item => item.fraction);
// that.lineOptsect.series[0].data = data.lastValue.map(item => item.fraction);
} else {
// 当有对比的时候
that.lineOptsect = {
categories: [],
series: [{
name: '起始时间 ',
name: '时段一 ',
data: [],
color: '#7ED3F4'
},
{
name: '对比时间 ',
name: '时段二 ',
data: [],
color: '#FF7070'
},
]
}
data.firstValue.forEach((item, sdf) => {
data.lastValue.forEach((child, zxc) => {
if (sdf == zxc) {
that.lineOptsect.categories.push(item.statDate.substring(5,
10) + 'vs' + child.statDate.substring(5, 10))
}
})
data.headerList.forEach((item, sdf) => {
that.lineOptsect.categories.push(item.name)
that.lineOptsect.series[0].data.push(data.firstList[sdf].total)
that.lineOptsect.series[1].data.push(data.secondList[sdf].total)
})
that.lineOptsect.series[1].data = data.firstValue.map(item => item.fraction);
that.lineOptsect.series[0].data = data.lastValue.map(item => item.fraction)
// return
// // 处理表格数据
that.guwenFlag=true
let arr=[]
arr[0]=['时间',...that.lineOptsect.categories]
arr[1]=['变化']
arr[2]=['时段一']
arr[3]=['时段二']
// console.log(arr)
data.firstList.map((item,index)=>{
arr[1].push(item.total)
arr[2].push(data.secondList[index].total)
arr[3].push(data.thirdList[index].total)
})
that.tableDate=arr
}
});
},
@@ -778,6 +800,18 @@
})
this.lineOptsect.series[1].data = data.firstList.map(item => item.avgExecutionRate);
this.lineOptsect.series[0].data = data.lastList.map(item => item.avgExecutionRate)
let that=this
this.guwenFlag=false
// // 处理表格数据
let arr=[
['时间','时段一','时段二','变化']
]
that.lineOptsect.categories.map((item,index)=>{
let newarr=[item,data.firstList[index].avgExecutionRate,data.lastList[index].avgExecutionRate,data.contrast[index].data]
arr.push(newarr)
})
// console.log(arr)
that.tableDate=arr
}
})
},
@@ -994,6 +1028,29 @@
.fraction);
that.lineOptsect.series[0].data = data.lastValue.receptionStatList.map(item => item
.fraction)
that.guwenFlag=false
// 团队处理数据
// // 处理表格数据
let arr=[
['时间',data.firstValue.deptName,data.lastValue.deptName,'变化']
// {
// time:'时间',
// time1:'时段一',
// time2:'时段二',
// compare:'变化'
// },
]
that.lineOptsect.categories.map((item,index)=>{
let newarr=[item,data.firstValue.receptionStatList[index].fraction,data.lastValue.receptionStatList[index].fraction,data.contrast.receptionStatList[index].data]
// obj.time=item
// obj.time1=data.firstValue[index].fraction
// obj.time2=data.lastValue[index].fraction
// obj.compare=data.contrast[index].data
// arr.push(obj)
arr.push(newarr)
})
// console.log(arr)
that.tableDate=arr
}
}
});
