<template>
	<!-- 联系记录 -->
	<view class="page">
		<navbar title="联系记录" 
		bgColor="#3796F8" 
		leftClick 
		color="#fff"
		@leftClick="$utils.navigateBack"/>
		
		<view class="">
			<uv-tabs :list="tabs"
			lineColor="#3796F8"
			lineHeight="8rpx"
			lineWidth="50rpx"
			:scrollable="false"
			@click="clickTabs"></uv-tabs>
		</view>
		
		
		<workList api="employeeQueryWatchWho" ref="workList" v-if="type == 0"/>
		<bossList ref="bossList" v-if="type == 1"/>
	</view>
</template>

<script>
	import workList from '@/components/list/workList/index.vue'
	import bossList from '@/components/list/bossList/index.vue'
	export default {
		components : {
			bossList,
			workList,
		},
		data() {
			return {
				tabs: [
					{
						name: '我看过谁'
					},
					{
						name: '谁看过我'
					},
				],
				type : 0,
			}
		},
		methods: {
			clickTabs({index}) {
				this.type = index
			},
			
		}
	}
</script>

<style scoped lang="scss">

</style>
