<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;padding: 10px;border-radius: 10px;">
							<meet-subscribe v-if="curKey == 1"></meet-subscribe>
							<meet-result v-if="curKey == 2"></meet-result>
						</div>
					</a-col>
				</a-row>
			</a-col>
		</a-row>
	</div>
</template>

<script setup lang="ts">
	import { ref, computed, onMounted } from 'vue';
	import MeetSubscribe from '@/components/company/meet/subscribe/index.vue'
	import MeetResult from '@/components/company/meet/result/index.vue'
	let companyList = ref<object[]>([{}, {}, {}, {}, {}, {}])
	let menu_list = ref([{ title: '招聘会', key: 1 },{ title: '预定审核结果', key: 2}])
	let curKey = ref<Number>(1)
	const changeKey = (data) => {
		curKey.value = data.key;
	}
</script>

<style>
</style>