<template>
	<a-row>
		<a-col>
			搜索应聘简历
		</a-col>
		<a-col span="2">
			<a-dropdown>
				<template #overlay>
				</template>
				<a-button>
					部门
					<DownOutlined />
				</a-button>
			</a-dropdown>
		</a-col>
		<a-col>
			<a-dropdown>
				<template #overlay>

				</template>
				<a-button>
					职位
					<DownOutlined />
				</a-button>
			</a-dropdown>
		</a-col>
		<a-col>
			<a-dropdown>
				<template #overlay>
				</template>
				<a-button>
					状态
					<DownOutlined />
				</a-button>
			</a-dropdown>
		</a-col>
		<a-col>
			<a-input-search v-model:value="value" placeholder="input search text" style="width: 200px;"
				@search="onSearch">
				<template #enterButton>
					<a-button>Custom</a-button>
				</template>
			</a-input-search>
		</a-col>
	</a-row>
	<div style="margin: 10px 0;">
		<a-row>
			<a-col>
				<a-button>放入回收站</a-button>
			</a-col>
			<a-col span="2">
				<a-button>发布面试通知</a-button>
			</a-col>
		</a-row>
	</div>
	<a-table :data-source="dataSource" :columns="columns"
		:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }">
		<template #operation="{ record }">
			<a-popconfirm v-if="dataSource.length" title="Sure to delete?" @confirm="onDelete(record.key)">
				<a>删除</a>
			</a-popconfirm>
		</template>
	</a-table>




</template>
<script setup lang="ts">
	import { ref, computed, onMounted } from 'vue';
	import { DownOutlined } from '@ant-design/icons-vue';

	let dataSource = ref([
		{
			key: '1',
			name: '第一部部门第一部部门第一部部门',
			age: '王二狗',
			address: '082-12331231',
			phone: '1223245645646',
			email: '6146545@126.com',
		},
		{
			key: '1',
			name: '第一部部门第一部部门第一部部门',
			age: '王二狗',
			address: '082-12331231',
			phone: '1223245645646',
			email: '6146545@126.com',
		}, {
			key: '1',
			name: '第一部部门第一部部门第一部部门',
			age: '王二狗',
			address: '082-12331231',
			phone: '1223245645646',
			email: '6146545@126.com',
		}, {
			key: '1',
			name: '第一部部门第一部部门第一部部门',
			age: '王二狗',
			address: '082-12331231',
			phone: '1223245645646',
			email: '6146545@126.com',
		}, {
			key: '1',
			name: '第一部部门第一部部门第一部部门',
			age: '王二狗',
			address: '082-12331231',
			phone: '1223245645646',
			email: '6146545@126.com',
		}, {
			key: '1',
			name: '第一部部门第一部部门第一部部门',
			age: '王二狗',
			address: '082-12331231',
			phone: '1223245645646',
			email: '6146545@126.com',
		}, {
			key: '1',
			name: '第一部部门第一部部门第一部部门',
			age: '王二狗',
			address: '082-12331231',
			phone: '1223245645646',
			email: '6146545@126.com',
		}, {
			key: '1',
			name: '第一部部门第一部部门第一部部门',
			age: '王二狗',
			address: '082-12331231',
			phone: '1223245645646',
			email: '6146545@126.com',
		}, {
			key: '1',
			name: '第一部部门第一部部门第一部部门',
			age: '王二狗',
			address: '082-12331231',
			phone: '1223245645646',
			email: '6146545@126.com',
		}, {
			key: '1',
			name: '第一部部门第一部部门第一部部门',
			age: '王二狗',
			address: '082-12331231',
			phone: '1223245645646',
			email: '6146545@126.com',
		}, {
			key: '1',
			name: '第一部部门第一部部门第一部部门',
			age: '王二狗',
			address: '082-12331231',
			phone: '1223245645646',
			email: '6146545@126.com',
		}, {
			key: '1',
			name: '第一部部门第一部部门第一部部门',
			age: '王二狗',
			address: '082-12331231',
			phone: '1223245645646',
			email: '6146545@126.com',
		}, {
			key: '1',
			name: '第一部部门第一部部门第一部部门',
			age: '王二狗',
			address: '082-12331231',
			phone: '1223245645646',
			email: '6146545@126.com',
		}, {
			key: '1',
			name: '第一部部门第一部部门第一部部门',
			age: '王二狗',
			address: '082-12331231',
			phone: '1223245645646',
			email: '6146545@126.com',
		}, {
			key: '1',
			name: '第一部部门第一部部门第一部部门',
			age: '王二狗',
			address: '082-12331231',
			phone: '1223245645646',
			email: '6146545@126.com',
		}, {
			key: '1',
			name: '第一部部门第一部部门第一部部门',
			age: '王二狗',
			address: '082-12331231',
			phone: '1223245645646',
			email: '6146545@126.com',
		}, {
			key: '1',
			name: '第一部部门第一部部门第一部部门',
			age: '王二狗',
			address: '082-12331231',
			phone: '1223245645646',
			email: '6146545@126.com',
		}, {
			key: '1',
			name: '第一部部门第一部部门第一部部门',
			age: '王二狗',
			address: '082-12331231',
			phone: '1223245645646',
			email: '6146545@126.com',
		}, {
			key: '1',
			name: '第一部部门第一部部门第一部部门',
			age: '王二狗',
			address: '082-12331231',
			phone: '1223245645646',
			email: '6146545@126.com',
		}, {
			key: '1',
			name: '第一部部门第一部部门第一部部门',
			age: '王二狗',
			address: '082-12331231',
			phone: '1223245645646',
			email: '6146545@126.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',
		},
		{
			title: '状态',
			dataIndex: 'email',
			key: 'email',
		},

		{
			title: '操作',
			dataIndex: 'operation',
			slots: { customRender: 'operation' },
		},
	])
</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>