<template>
	<a-form  :model="createForm"  labelAlign="left">
		<a-row gutter="20">
			<a-col span="24">
				<a-form-item label="个人简介" name="description">
					<QuillEditor theme="snow" :options="options" toolbar="full"/>
				</a-form-item>
			</a-col>
		</a-row>
		<a-row gutter="20">
			<a-col>
				<a-button type="primary" @click="onSubmit">保存</a-button>
			</a-col>
			<a-col>
				<a-button style="margin-left: 10px">重置</a-button>
			</a-col>
		</a-row>
	</a-form>
</template>

<script lang="ts" setup>
	import { ref, onMounted, computed, defineProps, watch, defineEmits } from 'vue';
	import { message } from 'ant-design-vue';
	import { PostJobapplicantAdd, PostJobapplicantUpdate } from '@/apis/models';
	import { QuillEditor } from '@vueup/vue-quill'
	import '@vueup/vue-quill/dist/vue-quill.snow.css';
	const emit = defineEmits();
	const onSubmit = () => {
		// PostJobapplicantAdd(createForm.value).then(res => {
		// 	message.success('基本资料保存成功')
		// 	emit('toNext', {activeKey: "2"})
		// })
		emit('toNext', { activeKey: "4" })
	}

	const options = ref({
		debug: 'info',
		modules: {
		},
		placeholder: '请输入个人简介',
		theme: 'snow'
	})


	let createForm = ref({
		description: '',
	})

	const resetForm = () => {
		createForm.value = {
			description: '',
		}
	}
</script>

<style>
</style>