<template>
	<a-c-form :createForm="createForm">
		<a-form-item label="固话" name="landline">
			<a-input v-model:value="createForm.landline" placeholder="请输入固话" />
		</a-form-item>
		<a-form-item required label="移动电话" name="mobile">
			<a-input v-model:value="createForm.mobile" placeholder="请输入移动电话" />
		</a-form-item>
		<a-form-item label="QQ" name="qq">
			<a-input v-model:value="createForm.qq" placeholder="请输入QQ" />
		</a-form-item>
		<a-form-item label="个人网站" name="personal_website">
			<a-input v-model:value="createForm.personal_website" placeholder="请输入个人网站" />
		</a-form-item>
		<a-form-item label="通信地址" name="mailing_address">
			<a-input v-model:value="createForm.mailing_address" placeholder="请输入通信地址" />
		</a-form-item>
		<a-form-item label="邮编" name="postal_code">
			<a-input v-model:value="createForm.postal_code" placeholder="请输入邮编" />
		</a-form-item>
		<a-form-item :wrapper-col="{ span: 14, offset: 4 }">
			<a-button type="primary" @click="onSubmit">保存</a-button>
			<a-button style="margin-left: 10px">重置</a-button>
		</a-form-item>
	</a-c-form>
</template>

<script lang="ts" setup>
	import { ref, onMounted, watch, computed } from 'vue';
	let createForm = ref({
		landline: '',
		mobile: '',
		qq: '',
		personal_website: '',
		mailing_address: '',
		postal_code: '',
	})

	const resetForm = () => {
		createForm.value = {
			landline: '',
			mobile: '',
			qq: '',
			personal_website: '',
			mailing_address: '',
			postal_code: '',
		}
	}
</script>

<style>
</style>