客户画像

pages/center/Piabodata/Userinsightinto.vue

@@ -14,6 +14,20 @@
 				<view :class="{ activecllasscet: activeTotal == 3 }" @click="tabtimetap(3)">自定义</view>
 			</view>
 		</view>
+		<view class="info">
+			<view class="item" @click="goTo(1)">
+				<text class="num">{{efficient}}</text>
+				<text class="tit">有效接待</text>
+			</view>
+			<view class="item" @click="goTo(2)">
+				<text class="num">{{markCount}}</text>
+				<text class="tit">已标顾问</text>
+			</view>
+			<view class="item" @click="goTo(3)">
+				<text class="num">{{noMarkCount}}</text>
+				<text class="tit">未标顾问</text>
+			</view>
+		</view>
 		<view class="boxzonglan">
 			<view class="zonglantit">客群特征总览</view>
 			<view class="zonglanbox">
@@ -103,7 +117,10 @@
 				activeTab: 0,
 				numlist:[],
 				objlist:[],
-				Afolding:true
+				Afolding:true,
+				efficient:"",
+				markCount:"",
+				noMarkCount:""
 			};
 		},
 		onPageScroll(e) {
@@ -120,6 +137,21 @@
 			}, 1000);
 		},
 		methods: {
+			goTo(i){
+				if(i==1){
+					uni.navigateTo({
+						url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal='+'0'+'&validInvalid=0'
+					});
+				}else if(i==2){
+					uni.navigateTo({
+						url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal=0'+'&markAdvisor=1'
+					});
+				}else{
+					uni.navigateTo({
+						url: '/pages/center/records/index?refresh='+'refresh'+'&activeTotal=0'+'&markAdvisor=0'
+					});
+				}
+			},
 			anclick(i){
 				console.log(i)
 				this.Afolding=!this.Afolding;
@@ -159,6 +191,12 @@
 							name:item.name,
 							num:item.total
 						})
+						
+						this.efficient = data.total
+						this.markCount = data.markCount
+						this.noMarkCount = data.noMarkCount
+						
+						
 						item.activeTab=0;
 						item.opts={
 							"title": {
@@ -240,6 +278,28 @@
 	};
 </script>
 <style lang="scss" scoped>
+	.info{
+		display: flex;
+		justify-content: space-between;
+		background: #fff;
+		padding: 10px 20px;
+		.item{
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			align-items: center;
+			text{
+				font-size: 32rpx;
+			}
+			.num{
+				font-weight: bold;
+			}
+			.tit{
+				margin-top: 20rpx;
+			}
+		}
+	}
+	
 	.anclack{
 		width: 100%;
 		height: 78rpx;