趨勢分析問題修改

pages/center/Piabodata/TrendAnalysis.vue

@@ -1,23 +1,5 @@
 <template>
 	<view>
-		<!-- 选择器 -->
-		<!-- <view class="boxtittab">
-			<view class="tabbox" @click="timeshow = true">
-				{{ time }}
-				<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
-			</view>
-			<view class="tabbox" @click="timeshow = true">
-				{{ team }}
-				<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
-			</view>
-			<view class="tabbox" @click="selectshow = true">
-				{{ guwen }}
-				<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
-			</view>
-			<view class="tabbox" @click="huashuShow = true">
-				{{huashu}}<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
-			</view>
-		</view> -->
 		<view class="timetabct">
 			 <view class="timetabctview">
 				<view :class="{ activecllasscet: activeTotal == 0 }" @click="tabtimetap(0)">7天</view>
@@ -59,8 +41,9 @@
 				<text style="color: #333333;">{{kanbanlist.duibitime}}</text>
 			</view>
 		</view>
-		<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view>
+		
 		<!-- 简报 -->
+		<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view>
 		<view class="boxzonglan" style="min-height: 100rpx;">
 			<view class="zonglantit">简报</view>
 			<view class="zonglanbox">
@@ -77,11 +60,9 @@
 							<template v-if="item.num2*1 != 0">
 								<text
 									:style="{color:item.num2*1>0?'red':'green'}">
-									<!-- +'%' -->
 									{{item.num2}}{{ item.name == '平均执行率' ? "%" : "" }}{{item.num2*1 > 0 ? '↑':'↓'}}</text>
 							</template>
 							<template v-else>
-								<!-- +'%' -->
 								<text
 									:style="{color:item.num2*1>0?'red':'green'}">{{item.num2}}{{ item.name == '平均执行率' ? "%" : "" }}</text>
 							</template>
@@ -101,15 +82,7 @@
 			<view class="tabbox">
 				<view :class="{ activecllasscet2: newactiveTotal == 2 }" @click="tabxuanxiangtap(2)">团队</view>
 			</view>
-			<!-- <view class="tabbox">
-				<view :class="{ activecllasscet2: newactiveTotal == 0 }" @click="tabxuanxiangtap(0)">平均执行率</view>
-			</view>
-			<view class="tabbox">
-				<view :class="{ activecllasscet2: newactiveTotal == 1 }" @click="tabxuanxiangtap(1)">平均挖掘率</view>
-			</view>
-			<view class="tabbox">
-				<view :class="{ activecllasscet2: newactiveTotal == 2 }" @click="tabxuanxiangtap(2)">挖掘场景</view>
-			</view> -->
+
 			<view class="tabbox">
 				<view :class="{ activecllasscet2: newactiveTotal == 3 }" @click="tabxuanxiangtap(3)">销讲一级</view>
 			</view>
@@ -120,14 +93,6 @@
 
 
 		<view class="chart">
-			<!-- <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>
-				</view>
-			</view> -->
-
 			<view style="padding: 30rpx;padding-bottom: 20rpx;align-items: center;" v-if="Selectlevel">
 				<view style="display: flex;align-items: center;border-bottom: 1px solid #C9C9C9;height: 80rpx;">
 					<view>选择一级：</view>
@@ -139,12 +104,6 @@
 						<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 style="display: flex;justify-content:center;padding-left: 30rpx;padding-right: 30rpx;margin-top: 16rpx;"
-						v-if="Selectlevelobj.name" @click="oninputtap2()">
-						<view class="title2-che" style="width: 220rpx;">{{Selectlevelobj.name}}
-							<image class="righttochoose" src="../../../static/images/righttochoose.png" mode=""></image>
-						</view>
-					</view> -->
 				</view>
 
 
@@ -158,28 +117,21 @@
 						<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 style="display: flex;justify-content:center;padding-left: 30rpx;padding-right: 30rpx;margin-top: 16rpx;"
-						v-if="erSelectlevelobj.name" @click="oninputtap3()">
-						<view class="title2-che" style="width: 220rpx;">{{erSelectlevelobj.name}}
-							<image class="righttochoose" src="../../../static/images/righttochoose.png" mode=""></image>
-						</view>
-					</view> -->
 				</view>
 			</view>
 
-			<view style="display: flex;align-items: center;height: 80rpx;justify-content: center;"
+			<view style="padding: 0 0 40rpx 0;display: flex;align-items: center;justify-content: center;position: relative;z-index: 999999;"
 				v-if="Selecttuandui&&Selecttuanduiobj.name" @click="oninputtap4()">
-				<view class="title2-che" style="width: 220rpx;">{{Selecttuanduiobj.name}}
+				<view class="title2-che" style="width: 220rpx;">
+					{{Selecttuanduiobj.name}}
 					<image class="righttochoose" src="../../../static/images/righttochoose.png" mode=""></image>
 				</view>
 			</view>
 
 
 			<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">
-
 					<qiun-data-charts :style="!showCanvas?'display:none':''" :type="linetype" :chartData="lineOptsect"
 						background="none" :ontouch="true" canvasId="wangxiaohuaerlingeryilingwuyibao" :opts="opts"
 						:canvas2d="true" />
@@ -252,7 +204,7 @@
 		<newcalendar v-model="totalTimeShow2" :planNum='intervaltime' mode="date" @change="totalTimeChange2">
 		</newcalendar>
 		
-			<!-- 接待时间 -到访时间-->
+		<!-- 接待时间 -到访时间-->
 		<u-popup v-model="timeshow" mode="bottom">
 			<view class="timeview" :style="{ color: activeTotal == 5 ? '#2B6EFF' : '#333333' }"
 				@click="tabtimetap(5, '接待时间')">
@@ -273,6 +225,7 @@
 				@click="tabtimetap(4, '')">
 				自定义</view>
 		</u-popup>
+		
 		<!-- 顾问 -->
 		<u-select v-model="selectshow" :list="freeList" @confirm="actionSelectCallback"></u-select>
 		<!-- 全部话术 -->
@@ -573,6 +526,7 @@
 						}
 					}
 					setTimeout(() => {
+						this.$forceUpdate()
 						this.LOADING = false
 					}, 1500)
 					
@@ -695,17 +649,6 @@
 				this.guwenshow = false;
 				this.Selectlevel = false;
 				this.Selecttuandui = false;
-				// this.tableDate = []
-				// this.pamect.showStatus = 0;
-				// this.pamect.timeType = "4";
-				// this.pamect.firstStartDate = '';
-				// this.pamect.firstEndDate = '';
-				// this.pamect.lastStartDate = '';
-				// this.pamect.lastEndDate = '';
-				// this.pamect.accountId = '';
-				// this.pamect.marketingId = '';
-				// this.pamect.deptId = ""
-				// this.activeTotal = 0;
 				this.timepickpickisshow = false;
 				this.init()
 
@@ -766,29 +709,20 @@
 						// // 处理表格数据
 						let arr = [
 							['时间', '时段一', '时段二', '变化']
-							// {
-							// 	time:'时间',
-							// 	time1:'时段一',
-							// 	time2:'时段二',
-							// 	compare:'变化'
-							// },
 						]
 						that.lineOptsect.categories.map((item, index) => {
 							let newarr = [item, data.lastValue[index].fraction, data.firstValue[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
 					}
+					this.$forceUpdate()
 				});
 			},
+			
 			//顾问维度
 			ConsultantDimension() {
 				const that = this;
@@ -825,8 +759,6 @@
 							that.lineOptsect.categories.push(item.name)
 							that.lineOptsect.series[0].data.push(data.firstList[sdf].total)
 						})
-						console.log(this.lineOptsect, 'console.log(this.lineOptsect)')
-						// that.lineOptsect.series[0].data = data.lastValue.map(item => item.fraction);
 					} else {
 						// 当有对比的时候
 						that.lineOptsect = {
@@ -863,9 +795,8 @@
 							arr[1].push(data.thirdList[index].total)
 						})
 						that.tableDate = arr
-						console.log(this.lineOptsect, 'console.log(this.lineOptsect)')
 					}
-
+					this.$forceUpdate()
 				});
 			},
 			// 顾问纬度选择顾问
@@ -954,6 +885,7 @@
 							}]
 						}
 					}
+					this.$forceUpdate()
 				})
 			},
 			//销讲二级
@@ -1014,9 +946,9 @@
 							]
 							arr.push(newarr)
 						})
-						// console.log(arr)
 						that.tableDate = arr
 					}
+					this.$forceUpdate()
 				})
 			},
 			//销讲二级:获取一级
@@ -1044,6 +976,8 @@
 						this.Selectlevelobj.name = data[0].name;
 						this.getonserji(this.Selectlevelobj.id)
 					}
+					
+					this.$forceUpdate()
 				})
 			},
 			//销讲二级:通过一级获取二级
@@ -1063,6 +997,7 @@
 					this.erSelectlevelobj.name = data[0].name;
 					this.pamect.marketingId = this.erSelectlevelobj.id;
 					this.aboutEecondary()
+					this.$forceUpdate()
 				})
 			},
 			//销讲二级:一级选择
@@ -1152,15 +1087,19 @@
 						this.Selecttuanduiobj.id = "";
 						this.Selecttuanduiobj.name = "全部";
 						this.pamect.deptId = this.Selecttuanduiobj.id;
-						// this.TeamCompared()
+						this.TeamCompared()
 					}
 				})
 			},
 			//团队对比
 			TeamCompared() {
 				const that = this;
-				that.lineOptsect = {};
+				that.lineOptsect = {
+					categories: [],
+					series: []
+				};
 				this.linetype = "line";
+				this.$forceUpdate()
 				this.$u.post("/cusLvStatistics/teamOrOneValueShowByDept", this.pamect).then(data => {
 					if (this.Selecttuanduiobj.id == "") {
 						var newlist = [];
@@ -1245,12 +1184,6 @@
 							// // 处理表格数据
 							let arr = [
 								['时间', '时段一', '时段二', '变化']
-								// {
-								// 	time:'时间',
-								// 	time1:'时段一',
-								// 	time2:'时段二',
-								// 	compare:'变化'
-								// },
 							]
 							that.lineOptsect.categories.map((item, index) => {
 								let newarr = [item, data
@@ -1258,17 +1191,12 @@
 									.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
 						}
 					}
+					this.$forceUpdate()
 				});
 			},
 
@@ -1350,6 +1278,8 @@
 
 	.uchaserbox {
 		width: 100%;
+		height: 50vh;
+		overflow: hidden;
 	}
 
 	.uchaserboxs {
@@ -1544,4 +1474,9 @@
 		width: 50%;
 		// border-right: none;
 	}
+	
+	.chart {
+		padding: 40rpx 0 20rpx;
+		min-height: 50vh;
+	}
 </style>