客户画像

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">
@@ -96,7 +110,10 @@
 				activeTab: 0,
 				numlist:[],
 				objlist:[],
-				Afolding:true
+				Afolding:true,
+				efficient:"",
+				markCount:"",
+				noMarkCount:""
 			};
 		},
 		onPageScroll(e) {
@@ -113,6 +130,21 @@
 			this.gitinit()
 		},
 		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;
@@ -144,9 +176,14 @@
 				}
 				this.$u.post("/matchKeywords/findmatchdata", parames).then(data => {
 					this.numlist.push({
-						name:"客户数量",
+						name:"有效接待",
 						num:data.total
 					})
+					
+					this.efficient = data.total
+					this.markCount = data.markCount
+					this.noMarkCount = data.noMarkCount
+					
 					data.list.forEach((item,index)=>{
 						this.numlist.push({
 							name:item.name,
@@ -228,6 +265,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;