From f10cf167372f2d8c4c0e14f42f361d7ab96d8347 Mon Sep 17 00:00:00 2001
From: spring <2396852758@qq.com>
Date: 星期五, 03 七月 2026 13:59:00 +0800
Subject: [PATCH] Merge branch 'dev_pro2.0' of http://114.132.189.42:9002/r/mom-pro2-before into dev_pro2.0
---
src/views/mes/process-design/route/modules/bom-form.vue | 118 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 118 insertions(+), 0 deletions(-)
diff --git a/src/views/mes/process-design/route/modules/bom-form.vue b/src/views/mes/process-design/route/modules/bom-form.vue
new file mode 100644
index 0000000..5c9b0e2
--- /dev/null
+++ b/src/views/mes/process-design/route/modules/bom-form.vue
@@ -0,0 +1,118 @@
+<script lang="ts" setup>
+import type { MesProRouteProductBomApi } from '#/api/mes/pro/route/productbom';
+
+import { computed, ref } from 'vue';
+
+import { useVbenModal } from '../../../../../packages/effects/common-ui/src';
+
+import { message } from 'ant-design-vue';
+
+import { useVbenForm } from '#/adapter/form';
+import {
+ createRouteProductBom,
+ getRouteProductBom,
+ updateRouteProductBom,
+} from '#/api/mes/pro/route/productbom';
+import { $t } from '#/locales';
+
+import { useRouteProductBomFormSchema } from '../data';
+
+const emit = defineEmits(['success']);
+const formData = ref<MesProRouteProductBomApi.RouteProductBom>();
+const productId = ref<number>(0); // 褰撳墠浜у搧鐗╂枡缂栧彿锛屼緵 BOM 閫夋嫨鍣ㄧ瓫閫夊彲鐢� BOM
+const getTitle = computed(() =>
+ formData.value?.id
+ ? $t('ui.actionTitle.edit', ['BOM 鐗╂枡'])
+ : $t('ui.actionTitle.create', ['BOM 鐗╂枡']),
+);
+
+/** MdProductBomSelect change 鍥炶皟锛氭妸 BOM 鐗╂枡缂栫爜/鍚嶇О/瑙勬牸/鍗曚綅/榛樿鐢ㄩ噺鍥炲~鍒� form */
+async function handleBomChange(bom?: any) {
+ if (!bom) {
+ return;
+ }
+ await formApi.setValues({
+ itemCode: bom.bomItemCode,
+ itemName: bom.bomItemName,
+ quantity: bom.quantity ?? 1,
+ specification: bom.specification,
+ unitName: bom.unitName,
+ });
+}
+
+const [Form, formApi] = useVbenForm({
+ commonConfig: {
+ componentProps: { class: 'w-full' },
+ formItemClass: 'col-span-1',
+ labelWidth: 110,
+ },
+ layout: 'horizontal',
+ schema: useRouteProductBomFormSchema(() => productId.value, handleBomChange),
+ showDefaultActions: false,
+});
+
+const [Modal, modalApi] = useVbenModal({
+ async onConfirm() {
+ const { valid } = await formApi.validate();
+ if (!valid) {
+ return;
+ }
+ modalApi.lock();
+ // 鎻愪氦琛ㄥ崟
+ const data =
+ (await formApi.getValues()) as MesProRouteProductBomApi.RouteProductBom;
+ try {
+ await (formData.value?.id
+ ? updateRouteProductBom(data)
+ : createRouteProductBom(data));
+ // 鍏抽棴骞舵彁绀�
+ await modalApi.close();
+ emit('success');
+ message.success($t('ui.actionMessage.operationSuccess'));
+ } finally {
+ modalApi.unlock();
+ }
+ },
+ async onOpenChange(isOpen: boolean) {
+ if (!isOpen) {
+ formData.value = undefined;
+ return;
+ }
+ // 鍔犺浇鏁版嵁
+ const data = modalApi.getData<{
+ id?: number;
+ processId: number;
+ productId: number;
+ routeId: number;
+ }>();
+ if (!data) {
+ return;
+ }
+ productId.value = data.productId;
+ if (!data.id) {
+ // 鏂板鏃讹紝缁� routeId/processId/productId 鍏滃簳榛樿鍊�
+ await formApi.setValues({
+ processId: data.processId,
+ productId: data.productId,
+ quantity: 1,
+ routeId: data.routeId,
+ });
+ return;
+ }
+ modalApi.lock();
+ try {
+ formData.value = await getRouteProductBom(data.id);
+ // 璁剧疆鍒� values
+ await formApi.setValues(formData.value);
+ } finally {
+ modalApi.unlock();
+ }
+ },
+});
+</script>
+
+<template>
+ <Modal :title="getTitle" class="w-1/3">
+ <Form class="mx-4" />
+ </Modal>
+</template>
--
Gitblit v1.9.3