<template>
	<div class="content-padding-inline" style="margin-top: 30px;">
		<a-row :gutter="[10,10]" type="flex" justify="center">
			<a-col span="18">
				<a-row>
					<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;padding: 10px;">
							<resume-search v-if="curKey == 1"></resume-search>
							<resume-result v-if="curKey == 2"></resume-result>
						</div>
					</a-col>
				</a-row>
			</a-col>
		</a-row>
	</div>
</template>

<script setup lang="ts">
	import { ref, computed, onMounted } from 'vue';
	import ResumeSearch from '@/components/resume/search/index.vue'
	import ResumeResult from '@/components/resume/result/index.vue'
	let menu_list = ref([{ name: '简历搜索', key: 1 },{ name: '搜索结果', key: 2 }])
	let curKey = ref<Number>(1)
	const changeKey = (data) => {
		curKey.value = data.key;
	}
</script>

<style>
</style>