From 2498d4202500ffef317f5d395170c1111adfd5c8 Mon Sep 17 00:00:00 2001 From: douzhuo <17611323298@163.com> Date: Thu, 24 Feb 2022 11:36:58 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=80=89=E6=8B=A9=E6=A1=86?= =?UTF-8?q?=E5=9B=9E=E6=98=BE=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Customerportrait/Detailsofthesearch.vue | 4 +- pages/center/Piabodata/TrendAnalysis.vue | 138 ++++++++++-------- 2 files changed, 78 insertions(+), 64 deletions(-) diff --git a/pages/center/Piabodata/Customerportrait/Detailsofthesearch.vue b/pages/center/Piabodata/Customerportrait/Detailsofthesearch.vue index 59e35f4..b2281be 100644 --- a/pages/center/Piabodata/Customerportrait/Detailsofthesearch.vue +++ b/pages/center/Piabodata/Customerportrait/Detailsofthesearch.vue @@ -42,9 +42,7 @@ - - - + diff --git a/pages/center/Piabodata/TrendAnalysis.vue b/pages/center/Piabodata/TrendAnalysis.vue index cda1bdf..e3353e6 100644 --- a/pages/center/Piabodata/TrendAnalysis.vue +++ b/pages/center/Piabodata/TrendAnalysis.vue @@ -44,17 +44,19 @@ 简报 - - + + {{item.name}}/分 {{item.name}} - + {{index==1?item.num+'%':item.num}} 对比:{{index==1?item.num1+'%':item.num1}} - {{item.num2+'%'}} {{item.num2*1>0?'↑':'↓'}} + {{item.num2+'%'}} + {{item.num2*1>0?'↑':'↓'}} @@ -81,7 +83,8 @@ - {{lopanobj.name}} @@ -106,7 +109,7 @@ --> - + 选择二级: @@ -127,8 +130,8 @@ - + {{Selecttuanduiobj.name}} @@ -137,11 +140,12 @@ - + - + @@ -167,20 +171,25 @@ style="border-right:1px solid #E0E0E0;">{{item1}} - {{item1==0?'--':item1+'%'}}{{item1*1>0?'↑':item1*1<0?'↓':''}} + {{item1==0?'--':item1+'%'}}{{item1*1>0?'↑':item1*1<0?'↓':''}} + - - + + - + {{item1==0?'--':item1+'%'}}{{item1*1>0?'↑':item1*1<0?'↓':''}} + style="border-right:1px solid #E0E0E0;"> + {{item1==0?'--':item1+'%'}}{{item1*1>0?'↑':item1*1<0?'↓':''}} - {{item1+'%'}} + {{item1+'%'}} + {{item1}} @@ -190,22 +199,18 @@ - - - - - - - - - - - - - - - - + + + + + + + + @@ -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%; }