<template>
	<a-table :data-source="dataSource" :columns="columns">
	</a-table>
</template>

<script setup lang="ts">
	import { ref, onMounted, computed } from 'vue';
	import { UserOutlined, DownOutlined } from '@ant-design/icons-vue';
	let dataSource = ref([
		{
			key: '第一部部门第一部部门第一部部门',
			name: '第一部',
			age: '已暂停',
			address: '2020111111',
			phone: '12',
			email: '12.com',
		}, {
			key: '第一部部门第一部部门第一部部门',
			name: '第一部',
			age: '已暂停',
			address: '2020111111',
			phone: '12',
			email: '12.com',
		}
		, {
			key: '第一部部门第一部部门第一部部门',
			name: '第一部',
			age: '已暂停',
			address: '2020111111',
			phone: '12',
			email: '12.com',
		}, {
			key: '第一部部门第一部部门第一部部门',
			name: '第一部',
			age: '已暂停',
			address: '2020111111',
			phone: '12',
			email: '12.com',
		}, {
			key: '第一部部门第一部部门第一部部门',
			name: '第一部',
			age: '已暂停',
			address: '2020111111',
			phone: '12',
			email: '12.com',
		}, {
			key: '第一部部门第一部部门第一部部门',
			name: '第一部',
			age: '已暂停',
			address: '2020111111',
			phone: '12',
			email: '12.com',
		}, {
			key: '第一部部门第一部部门第一部部门',
			name: '第一部',
			age: '已暂停',
			address: '2020111111',
			phone: '12',
			email: '12.com',
		}, {
			key: '第一部部门第一部部门第一部部门',
			name: '第一部',
			age: '已暂停',
			address: '2020111111',
			phone: '12',
			email: '12.com',
		}
	])
	let columns = ref([
		{
			title: '职位名称',
			dataIndex: 'name',
			key: 'name',
		},
		{
			title: '所属部门',
			dataIndex: 'age',
			key: 'age',
		},
		{
			title: '状态',
			dataIndex: 'address',
			key: 'address',
		},
		{
			title: '招聘时间',
			dataIndex: 'phone',
			key: 'phone',
		},
		{
			title: '浏览数',
			dataIndex: 'email',
			key: 'email',
		},
		{
			title: '应聘简历（未看）',
			dataIndex: 'email',
			key: 'email',
		},
		{
			title: '推荐简历（未看）',
			dataIndex: 'email',
			key: 'email',
		}
	])
</script>

<style scoped lang="less">
	:deep(.ant-table-thead >tr>th) {
		background-color: #fff !important;
		border: none !important;
		color: #bbb !important;
	}

	:deep(.ant-table-thead >tr>th::before) {
		display: none !important;
	}

	:deep(.ant-table-tbody >tr >td) {
		border: none !important;
	}
</style>