<template>
	<a-input-search v-model:value="value" placeholder="input search text" 
		@search="onSearch">
		<template #enterButton>
			<a-button>搜索</a-button>
		</template>
	</a-input-search>
	<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: 'operation',
			slots: { customRender: 'operation' },
		},
	])
</script>

<style scoped lang="less">

</style>