59 lines
1.6 KiB
Vue
59 lines
1.6 KiB
Vue
<script lang="ts" setup>
|
|
import { ref } from 'vue';
|
|
|
|
import { useVbenModal } from '@vben/common-ui';
|
|
|
|
import { message } from 'ant-design-vue';
|
|
|
|
import { useVbenForm } from '#/adapter/form';
|
|
import { createSupplier, updateSupplier } from '#/views/system/supplier/api';
|
|
import { modalFormProps } from '#/views/system/supplier/config/form';
|
|
|
|
|
|
|
|
const isUpdate = ref(false);
|
|
const gridApi = ref();
|
|
|
|
const [Form, formApi] = useVbenForm(modalFormProps);
|
|
|
|
const [Modal, modalApi] = useVbenModal({
|
|
fullscreenButton: false,
|
|
draggable: true,
|
|
onCancel() {
|
|
modalApi.close();
|
|
},
|
|
onConfirm: async () => {
|
|
const e = await formApi.validate();
|
|
if (!e.valid) return;
|
|
const values = await formApi.getValues();
|
|
modalApi.setState({ loading: true, confirmLoading: true });
|
|
const submitApi = isUpdate.value ? updateSupplier : createSupplier;
|
|
submitApi(values)
|
|
.then(() => {
|
|
message.success('保存成功');
|
|
gridApi.value?.reload();
|
|
modalApi.close();
|
|
})
|
|
.finally(() => {
|
|
modalApi.setState({ loading: false, confirmLoading: false });
|
|
});
|
|
|
|
},
|
|
onOpenChange(isOpen: boolean) {
|
|
gridApi.value = isOpen ? modalApi.getData()?.gridApi : null;
|
|
if (isOpen) {
|
|
const { values, update } = modalApi.getData<Record<string, any>>();
|
|
if (values) {
|
|
isUpdate.value = update;
|
|
formApi.setValues(values);
|
|
}
|
|
}
|
|
},
|
|
});
|
|
</script>
|
|
<template>
|
|
<Modal :title="`${isUpdate === true ? '编辑' : '新增'}供应商`" class="w-[80%] md:w-[50%] lg:w-[30%] h-[60%]">
|
|
<Form />
|
|
</Modal>
|
|
</template>
|