|
|
|
@@ -44,17 +44,19 @@ |
|
|
|
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> |
|
|
|
<view class="boxzonglan" style="min-height: 100rpx;"> |
|
|
|
<view class="zonglantit">简报</view> |
|
|
|
<view class="zonglanbox" > |
|
|
|
<view class="grid" v-for="(item,index) in numlist" :key="index" style="height: auto;padding-bottom: 20rpx;"> |
|
|
|
<view class="zonglanbox"> |
|
|
|
<view class="grid" v-for="(item,index) in numlist" :key="index" |
|
|
|
style="height: auto;padding-bottom: 20rpx;"> |
|
|
|
<view class="audonum" v-if="item.name=='接待时长'">{{item.name}}/分</view> |
|
|
|
<view class="audonum" v-else>{{item.name}}</view> |
|
|
|
<view class="num" > |
|
|
|
<view class="num"> |
|
|
|
<view class="" style="width: 35%;"> |
|
|
|
{{index==1?item.num+'%':item.num}} |
|
|
|
</view> |
|
|
|
<view class="comparesize" v-if="compareFlag&&timepickpickisshow"> |
|
|
|
<text style="margin-right: 10rpx;">对比：{{index==1?item.num1+'%':item.num1}} </text> |
|
|
|
<text :style="{color:item.num2*1>0?'red':'green'}">{{item.num2+'%'}} {{item.num2*1>0?'↑':'↓'}}</text> |
|
|
|
<text :style="{color:item.num2*1>0?'red':'green'}">{{item.num2+'%'}} |
|
|
|
{{item.num2*1>0?'↑':'↓'}}</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@@ -81,7 +83,8 @@ |
|
|
|
|
|
|
|
|
|
|
|
<view class="chart"> |
|
|
|
<view style="display: flex;justify-content:center;padding-left: 30rpx;padding-right: 30rpx;margin-top: 16rpx;" |
|
|
|
<view |
|
|
|
style="display: flex;justify-content:center;padding-left: 30rpx;padding-right: 30rpx;margin-top: 16rpx;" |
|
|
|
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> |
|
|
|
@@ -106,7 +109,7 @@ |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view style="display: flex;align-items: center;border-bottom: 1px solid #C9C9C9;height: 80rpx;"> |
|
|
|
<view>选择二级：</view> |
|
|
|
@@ -127,8 +130,8 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view style="display: flex;align-items: center;height: 80rpx;justify-content: center;" v-if="Selecttuandui&&Selecttuanduiobj.name" |
|
|
|
@click="oninputtap4()"> |
|
|
|
<view style="display: flex;align-items: center;height: 80rpx;justify-content: center;" |
|
|
|
v-if="Selecttuandui&&Selecttuanduiobj.name" @click="oninputtap4()"> |
|
|
|
<view class="title2-che" style="width: 220rpx;">{{Selecttuanduiobj.name}} |
|
|
|
<image class="righttochoose" src="../../../static/images/righttochoose.png" mode=""></image> |
|
|
|
</view> |
|
|
|
@@ -137,11 +140,12 @@ |
|
|
|
|
|
|
|
<view class="single"> |
|
|
|
<!-- <view class="danwei" style="margin-top: 10rpx;">销讲词执行率</view> --> |
|
|
|
<view class="uchaserbox" :class="{ uchaserboxs : newactiveTotal == 1 || newactiveTotal == 3 }" v-if="lineOptsect.series.length!=0"> |
|
|
|
<view class="uchaserbox" :class="{ uchaserboxs : newactiveTotal == 1 || newactiveTotal == 3 }" |
|
|
|
v-if="lineOptsect.series.length!=0"> |
|
|
|
|
|
|
|
<qiun-data-charts :style="!showCanvas?'display:none':''" :type="linetype" :chartData="lineOptsect" |
|
|
|
background="none" :ontouch="true" canvasId="wangxiaohuaerlingeryilingwuyibao" :opts="opts" |
|
|
|
:canvas2d="true" /> |
|
|
|
<qiun-data-charts :style="!showCanvas?'display:none':''" :type="linetype" :chartData="lineOptsect" |
|
|
|
background="none" :ontouch="true" canvasId="wangxiaohuaerlingeryilingwuyibao" :opts="opts" |
|
|
|
:canvas2d="true" /> |
|
|
|
</view> |
|
|
|
<view v-else style="width: 100%;"> |
|
|
|
<view style="width: 100%;text-align: center;"> |
|
|
|
@@ -167,20 +171,25 @@ |
|
|
|
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+'%'}}{{item1*1>0?'↑':item1*1<0?'↓':''}}</view> |
|
|
|
{{item1==0?'--':item1+'%'}}{{item1*1>0?'↑':item1*1<0?'↓':''}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="table" v-if="guwenFlag" style="width: 100%;"> |
|
|
|
<scroll-view scroll-x="true" style="white-space: nowrap;"> |
|
|
|
<view v-for="(item,index) in tableDate" :key="index" :style="{display:index==0?'inline-block':'block'}"> |
|
|
|
<scroll-view scroll-x="true" style="white-space: nowrap;"> |
|
|
|
<view v-for="(item,index) in tableDate" :key="index" |
|
|
|
:style="{display:index==0?'inline-block':'block'}"> |
|
|
|
<view class="tr" style="display: inline-block;"> |
|
|
|
<view v-for="(item1,index1) in item" :key="index1" class="trd" style="display: inline-block;"> |
|
|
|
<view v-for="(item1,index1) in item" :key="index1" class="trd" |
|
|
|
style="display: inline-block;"> |
|
|
|
<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+'%'}}{{item1*1>0?'↑':item1*1<0?'↓':''}}</view> |
|
|
|
style="border-right:1px solid #E0E0E0;"> |
|
|
|
{{item1==0?'--':item1+'%'}}{{item1*1>0?'↑':item1*1<0?'↓':''}}</view> |
|
|
|
<view v-else-if="index>1&&index1>0" class="td" style="border-right:1px solid #E0E0E0;"> |
|
|
|
{{item1+'%'}}</view> |
|
|
|
{{item1+'%'}} |
|
|
|
</view> |
|
|
|
<view v-else class="td" style="border-right:1px solid #E0E0E0;">{{item1}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@@ -190,22 +199,18 @@ |
|
|
|
|
|
|
|
</view> |
|
|
|
<view style="width: 100%;height: 60rpx;"></view> |
|
|
|
<view v-if="Showhiddenunits"> |
|
|
|
<u-select v-model="Showhiddenunits" mode="single-column" :list="selectlist" @confirm="confirm"> |
|
|
|
</u-select> |
|
|
|
</view> |
|
|
|
<view v-if="Showhiddenunits2"> |
|
|
|
<u-select v-model="Showhiddenunits2" mode="single-column" :list="selectlist2" @confirm="confirm2"> |
|
|
|
</u-select> |
|
|
|
</view> |
|
|
|
<view v-if="Showhiddenunits3"> |
|
|
|
<u-select v-model="Showhiddenunits3" mode="single-column" :list="selectlist3" @confirm="confirm3"> |
|
|
|
</u-select> |
|
|
|
</view> |
|
|
|
<view v-if="Showhiddenunits4"> |
|
|
|
<u-select v-model="Showhiddenunits4" mode="single-column" :list="selectlist4" @confirm="confirm4"> |
|
|
|
</u-select> |
|
|
|
</view> |
|
|
|
<u-select v-model="Showhiddenunits" mode="single-column" :list="selectlist" @confirm="confirm" |
|
|
|
:default-value="selindex"> |
|
|
|
</u-select> |
|
|
|
<u-select v-model="Showhiddenunits2" mode="single-column" :list="selectlist2" @confirm="confirm2" |
|
|
|
:default-value="selindex"> |
|
|
|
</u-select> |
|
|
|
<u-select v-model="Showhiddenunits3" mode="single-column" :list="selectlist3" @confirm="confirm3" |
|
|
|
:default-value="selindex"> |
|
|
|
</u-select> |
|
|
|
<u-select v-model="Showhiddenunits4" mode="single-column" :list="selectlist4" @confirm="confirm4" |
|
|
|
:default-value="selindex"> |
|
|
|
</u-select> |
|
|
|
<u-calendar v-model="totalTimeShow" mode="range" @change="totalTimeChange"></u-calendar> |
|
|
|
<newcalendar v-model="totalTimeShow2" :planNum='intervaltime' mode="date" @change="totalTimeChange2"> |
|
|
|
</newcalendar> |
|
|
|
@@ -369,7 +374,7 @@ |
|
|
|
} |
|
|
|
this.activeTotal = 8; |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
init() { |
|
|
|
this.$u.post("/cusLvStatistics/lyAndcp", this.pamect).then(data => { |
|
|
|
this.pamect.lastStartDate = data.lastStartDate; |
|
|
|
@@ -377,16 +382,16 @@ |
|
|
|
this.numlist[0].num = data.startSumCustomer |
|
|
|
this.numlist[1].num = data.startFraction; |
|
|
|
|
|
|
|
this.numlist[2].num = Math.floor(data.startSumDuration/60) || 0; |
|
|
|
this.numlist[2].num = Math.floor(data.startSumDuration / 60) || 0; |
|
|
|
if (data.endSumDuration != null) { |
|
|
|
this.compareFlag = true |
|
|
|
// return |
|
|
|
this.numlist[0].num1 = data.endSumCustomer |
|
|
|
this.numlist[1].num1 = data.endFraction; |
|
|
|
this.numlist[2].num1 = Math.floor(data.endSumDuration/60) || 0; |
|
|
|
this.numlist[2].num1 = Math.floor(data.endSumDuration / 60) || 0; |
|
|
|
this.numlist[0].num2 = data.contrastSumCustomer |
|
|
|
this.numlist[1].num2 = data.contrastFraction; |
|
|
|
this.numlist[2].num2 = data.contrastSumDuration|| 0; |
|
|
|
this.numlist[2].num2 = data.contrastSumDuration || 0; |
|
|
|
} else { |
|
|
|
this.compareFlag = false |
|
|
|
} |
|
|
|
@@ -547,7 +552,7 @@ |
|
|
|
this.guwenshow = false; |
|
|
|
this.Selectlevel = false; |
|
|
|
this.Selecttuandui = false; |
|
|
|
this.tableDate=[] |
|
|
|
this.tableDate = [] |
|
|
|
this.pamect.showStatus = 0; |
|
|
|
this.pamect.timeType = "4"; |
|
|
|
this.pamect.firstStartDate = ''; |
|
|
|
@@ -606,7 +611,8 @@ |
|
|
|
data.lastValue.forEach((child, zxc) => { |
|
|
|
if (sdf == zxc) { |
|
|
|
that.lineOptsect.categories.push( |
|
|
|
child.statDate.substring(5,10) + 'vs' + item.statDate.substring(5, 10) |
|
|
|
child.statDate.substring(5, 10) + 'vs' + item.statDate |
|
|
|
.substring(5, 10) |
|
|
|
) |
|
|
|
} |
|
|
|
}) |
|
|
|
@@ -625,7 +631,8 @@ |
|
|
|
// }, |
|
|
|
] |
|
|
|
that.lineOptsect.categories.map((item, index) => { |
|
|
|
let newarr = [item, data.lastValue[index].fraction, data.firstValue[index].fraction,data.contrast[index].data |
|
|
|
let newarr = [item, data.lastValue[index].fraction, data.firstValue[index] |
|
|
|
.fraction, data.contrast[index].data |
|
|
|
] |
|
|
|
// obj.time=item |
|
|
|
// obj.time1=data.firstValue[index].fraction |
|
|
|
@@ -651,7 +658,7 @@ |
|
|
|
// return |
|
|
|
let max = data.firstList[0].total |
|
|
|
for (let i = 0; i < data.firstList.length; i++) { |
|
|
|
if(max < data.firstList[i]) max = data.firstList[i]; |
|
|
|
if (max < data.firstList[i]) max = data.firstList[i]; |
|
|
|
} |
|
|
|
this.opts = { |
|
|
|
fontSize: 10, |
|
|
|
@@ -712,7 +719,7 @@ |
|
|
|
arr[1].push(data.thirdList[index].total) |
|
|
|
}) |
|
|
|
that.tableDate = arr |
|
|
|
|
|
|
|
|
|
|
|
console.log(this.lineOptsect, 'console.log(this.lineOptsect)') |
|
|
|
} |
|
|
|
|
|
|
|
@@ -836,9 +843,10 @@ |
|
|
|
data.firstList.forEach((item, sdf) => { |
|
|
|
data.lastList.forEach((child, zxc) => { |
|
|
|
if (sdf == zxc) { |
|
|
|
this.lineOptsect.categories.push( |
|
|
|
child.statDate.substring(5,10) + 'vs' + item.statDate.substring(5, 10) |
|
|
|
) |
|
|
|
this.lineOptsect.categories.push( |
|
|
|
child.statDate.substring(5, 10) + 'vs' + item.statDate |
|
|
|
.substring(5, 10) |
|
|
|
) |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|
@@ -852,7 +860,9 @@ |
|
|
|
] |
|
|
|
that.lineOptsect.categories.map((item, index) => { |
|
|
|
let newarr = [item, data.lastList[ |
|
|
|
index].avgExecutionRate, data.firstList[index].avgExecutionRate, data.contrast[index].data] |
|
|
|
index].avgExecutionRate, data.firstList[index].avgExecutionRate, |
|
|
|
data.contrast[index].data |
|
|
|
] |
|
|
|
arr.push(newarr) |
|
|
|
}) |
|
|
|
// console.log(arr) |
|
|
|
@@ -1065,7 +1075,8 @@ |
|
|
|
data.lastValue.receptionStatList.forEach((child, zxc) => { |
|
|
|
if (sdf == zxc) { |
|
|
|
that.lineOptsect.categories.push( |
|
|
|
child.statDate.substring(5,10) + 'vs' + item.statDate.substring(5, 10) |
|
|
|
child.statDate.substring(5, 10) + 'vs' + item |
|
|
|
.statDate.substring(5, 10) |
|
|
|
) |
|
|
|
} |
|
|
|
}) |
|
|
|
@@ -1087,8 +1098,9 @@ |
|
|
|
// }, |
|
|
|
] |
|
|
|
that.lineOptsect.categories.map((item, index) => { |
|
|
|
let newarr = [item, data |
|
|
|
.lastValue.receptionStatList[index].fraction, data.firstValue.receptionStatList[index].fraction,data.contrast |
|
|
|
let newarr = [item, data |
|
|
|
.lastValue.receptionStatList[index].fraction, data.firstValue |
|
|
|
.receptionStatList[index].fraction, data.contrast |
|
|
|
.receptionStatList[index].data |
|
|
|
] |
|
|
|
// obj.time=item |
|
|
|
@@ -1153,7 +1165,7 @@ |
|
|
|
align-items: center; |
|
|
|
border-bottom: 1px solid #E0E0E0; |
|
|
|
flex-wrap: nowrap; |
|
|
|
|
|
|
|
|
|
|
|
.td { |
|
|
|
text-align: center; |
|
|
|
font-size: 24rpx; |
|
|
|
@@ -1163,11 +1175,13 @@ |
|
|
|
line-height: 64rpx; |
|
|
|
// flex-shrink: 0; |
|
|
|
} |
|
|
|
.trd{ |
|
|
|
flex-shrink: 0; |
|
|
|
min-width: 300rpx; |
|
|
|
// border-bottom: 1px solid #ccc; |
|
|
|
|
|
|
|
.trd { |
|
|
|
flex-shrink: 0; |
|
|
|
min-width: 300rpx; |
|
|
|
// border-bottom: 1px solid #ccc; |
|
|
|
} |
|
|
|
|
|
|
|
.th { |
|
|
|
height: 64rpx; |
|
|
|
text-align: center; |
|
|
|
@@ -1182,12 +1196,12 @@ |
|
|
|
.uchaserbox { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.uchaserboxs { |
|
|
|
width: 100%; |
|
|
|
height: 70vh; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.activecllasscet2 { |
|
|
|
color: #2671E2; |
|
|
|
border-bottom: 2px solid #2671E2; |
|
|
|
@@ -1362,11 +1376,13 @@ |
|
|
|
color: #666666; |
|
|
|
margin-top: 10rpx; |
|
|
|
} |
|
|
|
.grid:nth-child(1){ |
|
|
|
border-right:none ; |
|
|
|
border-bottom:none ; |
|
|
|
|
|
|
|
.grid:nth-child(1) { |
|
|
|
border-right: none; |
|
|
|
border-bottom: none; |
|
|
|
} |
|
|
|
.grid:nth-child(3){ |
|
|
|
|
|
|
|
.grid:nth-child(3) { |
|
|
|
width: 50.5%; |
|
|
|
} |
|
|
|
</style> |
