<template>
	<view class="content">
		<view class="content-header">
			<view class="concent-title">
				<text class="concent-text">北京一级团队</text>
			</view>
		</view>
		<view  style="text-align: right;margin: 20px;">
			总合计：43
		</view>
		<view class="table-content">
			
		</view>
		<view class="">
			<myteam-table :datatitleList="datatitleList" :dataList="dataList"></myteam-table>
		</view>
	</view>
</template>

<script>
		 import MyteamTable from '@/components/myteam/myteam-table.vue';
	export default {
		components:{
			MyteamTable
		},
		data() {
			return {
				datatitleList:['辖下组织/成员','职级','合计'],
				dataList: [{
						title: '所属组织1',
						rank: 1,
						name: 'sun',
					},
					{
						title: '所属组织2',
						rank: 1,
						name: 'sun',
						recommend: '很好'
					},
					{
						title: '所属组织3',
						rank: 1,
						name: 'sun',
						recommend: '很好'
					},
				]
			}
		},
	}
</script>

<style lang="scss">
.content{
	height: 100%;
	width: 100vw;
	margin-top: 20px;
}
.content-header{
	display: flex;
	justify-content: center;
}
.concent-title{
	width: 223px;
	height: 40px;
	background: url('../../../static/Group 1623.png');
	background-size: auto 100%;
}
.concent-text{
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 40px;
}
.table-content{
	margin: 10px 20px;
	display: flex;
	justify-content: space-between;
}
</style>
