<template>
	<div class="content-padding-inline" style="margin:30px 0;">
		<a-row :gutter="[10,10]" type="flex" justify="center">
			<a-col span="18">
				<a-row  :gutter="20">
					<a-col span="4">
						<common-left-sider :menu_list="menu_list" :selected_key="[1]"
							@changeKey="changeKey"></common-left-sider>
					</a-col>
					<a-col span="20">
						<div style="width: 100%;background-color: #fff;height:calc(100vh - 100px); overflow: auto; padding: 10px;border-radius: 10px;">
							<resume-receive v-if="curKey == 1"></resume-receive>
							<resume-interview v-if="curKey == 2"></resume-interview>
							<resume-read v-if="curKey == 3"></resume-read>
							<resume-talent v-if="curKey == 4"></resume-talent>
							<resume-recycle v-if="curKey == 5"></resume-recycle>
						</div>
					</a-col>
				</a-row>
			</a-col>
		</a-row>
	</div>
</template>

<script setup lang="ts">
	import { ref, computed, onMounted } from 'vue';
	import ResumeReceive from '@/components/company/resume/receive/index.vue'
	import ResumeInterview from '@/components/company/resume/interview/index.vue'
	import ResumeTalent from '@/components/company/resume/talent/index.vue'
	import ResumeRead from '@/components/company/resume/read/index.vue'
	import ResumeRecycle from '@/components/company/resume/recycle/index.vue'
	let companyList = ref<object[]>([{}, {}, {}, {}, {}, {}])
	let menu_list = ref([{ title: '收到的应聘简历', key: 1 }, { title: '邀请面试的简历', key: 2 }, { title: '已查看联系方式', key: 3 }, { title: '企业人才库', key: 4 }, { title: '简历回收站', key: 5 }])
	let curKey = ref<Number>(1)
	const changeKey = (data) => {
		curKey.value = data.key;
	}
</script>

<style>
</style>