hunanzeyunew/snowy-admin-web/src/views/biz/bizorder/reject.vue

<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="endRemark"
            >
                <a-textarea v-model:value="formData.endRemark" 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'

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.endRemark) {
            message.error('驳回时，说明信息不能为空')
            return
        }
    }
    submitLoading.value = true
	formData.value.auditFlag = flag
	bizOrderApi.rejectOrder(formData.value).then(() => {
        onClose()
        emit('successful', null)
    }).finally(() => {
        submitLoading.value = false
    })
}
// 抛出函数
defineExpose({
    showModal
})
</script>
<style scoped>

</style>