<template>
	<ChildView>
		<div>
			<div class="tab flex items-center justify-center text-sm mt-3">
				<div class="w-20 h-10 leading-10 text-center bg-app-blue-2 rounded-t-md mr-2" @click="tab = 1">手动录入</div>
				<div class="w-20 h-10 leading-10 text-center bg-app-blue-2 rounded-t-md" @click="tab = 2">批量导入</div>
			</div>
			<div class="member-content mx-4 bg-app-dark-2 border border-app-blue-3 border-solid rounded-lg">
				<add :members="members" :tab="tab"></add>
			</div>
		</div>
	</ChildView> 
</template>

<script lang="ts">
import Vue from 'vue';
import ChildView from '@/layouts/childView.vue'
import Add from '@/components/initiate/Add.vue'
export default Vue.extend({
	components:{
		ChildView,
		Add
	},
	data() {
		return {
			members: [1],
			tab: 1
		}
	}
});
</script>

<style scoped>
	.member-content {
		height: calc(100vh - 120px);
		overflow-y: scroll;
	}
</style>
