<template>
    <a-modal v-model:visible="visible" title="结束">

        <a-form ref="formRef" :label-col="labelCol" :model="formData" layout="horizontal">
            <a-form-item v-show="false">
                <a-input v-model:value="formData.id"></a-input>
            </a-form-item>
            <a-form-item
                    label="结束说明"
                    name="auditingRemark"
            >
                <a-textarea v-model:value="formData.endReason" placeholder="请输入结束说明"
                            :auto-size="{ minRows: 3, maxRows: 5 }"/>
            </a-form-item>
        </a-form>
        <template #footer>
            <a-spin :spinning="submitLoading">
                <a-button type="primary" @click="onsubmit(true)">结束</a-button>
            </a-spin>
        </template>
    </a-modal>
</template>
<script setup>
import {message} from 'ant-design-vue';
import bizOrderApi from '@/api/biz/bizOrderApi'
import bizLoadAppointApi from "@/api/biz/bizLoadAppointApi";

const emit = defineEmits({successful: null})
const visible = ref(false);
const submitLoading = ref(false)
const labelCol = ref({span: 4})
// 表单数据
const formData = ref({})
const showModal = (id) => {
    formData.value.id = id
    visible.value = true;
};
const onClose = () => {
    formData.value = {}
    visible.value = false
};
const onsubmit = (flag) => {
    if (flag === true) {
        if (!formData.value.endReason) {
            message.error('结束时，说明信息不能为空')
            return
        }
    }
    submitLoading.value = true
	formData.value.auditFlag = flag
	bizLoadAppointApi.endLoad(formData.value).then(() => {
        onClose()
        emit('successful', null)
    }).finally(() => {
        submitLoading.value = false
    })
}
// 抛出函数
defineExpose({
    showModal
})
</script>
<style scoped>

</style>
