<template>
	<a-form :model="createForm" :label-col="{span: 4}" labelAlign="right">
		<a-row gutter="20">
			<a-col span="12">
				<a-row>
					<a-col span="24">
						<a-form-item required label="姓名" name="name">
							<a-input v-model:value="createForm.name" placeholder="请输入姓名" />
						</a-form-item>
					</a-col>
					<a-col span="24">
						<a-form-item required label="电话" name="contact">
							<a-input v-model:value="createForm.contact" placeholder="请输入联系人" />
						</a-form-item>
					</a-col>
					<a-col span="24">
						<a-form-item required label="地址" name="phone">
							<a-input v-model:value="createForm.phone" placeholder="请输入联系电话" />
						</a-form-item>
					</a-col>
					<a-col span="24">
						<a-form-item required label="传真" name="mobile">
							<a-input v-model:value="createForm.mobile" placeholder="请输入手机" />
						</a-form-item>
					</a-col>
					<a-col span="24">
						<a-form-item required label="邮编" name="email">
							<a-input v-model:value="createForm.email" placeholder="请输入邮箱" />
						</a-form-item>
					</a-col>
					<a-col span="24">
						<a-form-item required label="电子邮箱" name="email">
							<a-input v-model:value="createForm.email" placeholder="请输入邮箱" />
						</a-form-item>
					</a-col>
					<a-col span="24">
						<a-form-item required label="反馈内容" name="email">
							<a-input v-model:value="createForm.email" placeholder="请输入邮箱" />
						</a-form-item>
					</a-col>
				</a-row>
			</a-col>
		</a-row>
	</a-form>
</template>

<script setup lang="ts">
	import { ref, onMounted, computed } from 'vue';
	let createForm : companyListType.addrFormType = ref({
		name: '',
		company_id: 0,
		contact: '',
		phone: '',
		mobile: '',
		email: '',
	})
	
	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">
	: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>