<template>
	<view>
		 <view class="head">
		 	<u-tabs :list="list1" @click="click"></u-tabs>
		 </view>
		 <detailedinformation :msgabc="arr" v-if="index==0" ></detailedinformation>
		 <portrait :msgabc="arr" v-if="index==1"></portrait>
		 <visit :msgabcadc="arr" v-if="index==2"></visit>
	</view>
</template>

<script>
	import detailedinformation from "./detailedinformation.vue"
	import portrait from "./portrait.vue"
	import visit from "./visit.vue"
	export default {
		components: {
			detailedinformation,portrait,visit
		},
		data() {
			return {
				index:0,
				arr:[{msg:'',id:''}],
				
				
				list1:[
						 {
						 name:"基础信息"
					 },
					 {
						 name:'客户画像'
					 },
					 {
						 name:'客户拜访'
					 }
				]
			};
		},
		onLoad(id) {
			console.log(id,'传入');
			this.arr.msg=id.id
			this.arr.id=id.di
		},
		
		methods: {
		            click(item) {
						this.index=item.index
		                console.log('item', item.index);
		    }
		}
	}
</script>

<style lang="scss">
	/* #ifdef APP */
	::v-deep{
		.u-tabs__wrapper__nav{
			width: 100%;
			
		}
		.u-tabs__wrapper__nav__item{
			padding: 0 68rpx;
		}
		
	}
	/* #endif */
.head{
	width: 750rpx;
	height: 100rpx;
	background: #FFFFFF;

}
</style>
