| | |
|---|
| | | import { createItem, getItem, updateItem } from '#/api/mdm/item'; |
|---|
| | | import { $t } from '#/locales'; |
|---|
| | | |
|---|
| | | import { useFormSchema } from '../data'; |
|---|
| | | import { useFormSchema, clearUnitListCache, buildCategoryTree } from '../data'; |
|---|
| | | import { getItemTypeSimpleList } from '#/api/mes/md/item/type'; |
|---|
| | | import ItemModelConfig from '../components/item-model-config.vue'; |
|---|
| | | |
|---|
| | | defineOptions({ name: "ItemForm" }); |
|---|
| | | |
|---|
| | | const emit = defineEmits(['success']); |
|---|
| | | const formData = ref<MdmItemApi.Item>(); |
|---|
| | | const itemModelRef = ref<InstanceType<typeof ItemModelConfig>>(); |
|---|
| | | |
|---|
| | | const [Form, formApi] = useVbenForm({ |
|---|
| | | commonConfig: { |
|---|
| | |
|---|
| | | if (!valid) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | // 型号先校验，避免物料已保存而型号未保存 |
|---|
| | | const modelError = itemModelRef.value?.validate(); |
|---|
| | | if (modelError) { |
|---|
| | | message.error(modelError); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | modalApi.lock(); |
|---|
| | | const data = (await formApi.getValues()) as MdmItemApi.Item; |
|---|
| | | try { |
|---|
| | | await (formData.value?.id ? updateItem(data) : createItem(data)); |
|---|
| | | const itemId = formData.value?.id ?? (await createItem(data)); |
|---|
| | | if (formData.value?.id) { |
|---|
| | | await updateItem(data); |
|---|
| | | } |
|---|
| | | await itemModelRef.value?.save(itemId); |
|---|
| | | await modalApi.close(); |
|---|
| | | emit('success'); |
|---|
| | | message.success($t('ui.actionMessage.operationSuccess')); |
|---|
| | |
|---|
| | | async onOpenChange(isOpen: boolean) { |
|---|
| | | if (!isOpen) { |
|---|
| | | formData.value = undefined; |
|---|
| | | itemModelRef.value?.reset(); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | const data = modalApi.getData<MdmItemApi.Item>(); |
|---|
| | | // 清除单位缓存，确保获取最新数据 |
|---|
| | | clearUnitListCache(); |
|---|
| | | // 加载最新分类数据 |
|---|
| | | const categoryRes = await getItemTypeSimpleList(); |
|---|
| | | const categoryTreeData = buildCategoryTree(categoryRes || []); |
|---|
| | | // 设置 schema（formApi 已初始化） |
|---|
| | | formApi.setState({ schema: useFormSchema(formApi) }); |
|---|
| | | formApi.setState({ schema: useFormSchema(formApi, categoryTreeData) }); |
|---|
| | | if (data?.id) { |
|---|
| | | // 编辑模式 |
|---|
| | | modalApi.lock(); |
|---|
| | | try { |
|---|
| | | formData.value = await getItem(data.id); |
|---|
| | | // 同步状态映射：详情接口返回 syncedMes，表单字段为 syncMes |
|---|
| | | formData.value.syncMes = formData.value.syncedMes ?? true; |
|---|
| | | await formApi.setValues(formData.value); |
|---|
| | | await itemModelRef.value?.load(data.id); |
|---|
| | | } finally { |
|---|
| | | modalApi.unlock(); |
|---|
| | | } |
|---|
| | |
|---|
| | | // 新增模式 |
|---|
| | | formData.value = undefined; |
|---|
| | | await formApi.resetForm(); |
|---|
| | | itemModelRef.value?.reset(); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <Modal class="w-[1000px]" :title="formData?.id ? $t('ui.actionTitle.edit', ['物料']) : $t('ui.actionTitle.create', ['物料'])"> |
|---|
| | | <Form class="mx-4" /> |
|---|
| | | <ItemModelConfig ref="itemModelRef" /> |
|---|
| | | </Modal> |
|---|
| | | </template> |
|---|
