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/form.vue | 121 ++++++++++++++++++++++++++++++++++++++++
1 files changed, 121 insertions(+), 0 deletions(-)
diff --git a/src/views/mes/process-design/route/modules/form.vue b/src/views/mes/process-design/route/modules/form.vue
new file mode 100644
index 0000000..5e7f807
--- /dev/null
+++ b/src/views/mes/process-design/route/modules/form.vue
@@ -0,0 +1,121 @@
+<script lang="ts" setup>
+import type { FormType } from '../data';
+
+import type { MesProRouteApi } from '#/api/mes/pro/route';
+
+import { computed, ref } from 'vue';
+
+import { useVbenModal } from '../../../../../packages/effects/common-ui/src';
+
+import { message, TabPane, Tabs } from 'ant-design-vue';
+
+import { useVbenForm } from '#/adapter/form';
+import { createRoute, getRoute, updateRoute } from '#/api/mes/pro/route';
+import { $t } from '#/locales';
+
+import { useFormSchema } from '../data';
+import ProcessList from './process-list.vue';
+import ProductList from './product-list.vue';
+
+const emit = defineEmits(['success']);
+const formType = ref<FormType>('create'); // 琛ㄥ崟妯″紡
+const subTab = ref('process'); // 褰撳墠婵�娲荤殑瀛愯〃 Tab
+const formData = ref<MesProRouteApi.Route>();
+
+const isDetail = computed(() => formType.value === 'detail'); // 鏄惁鏌ョ湅妯″紡
+const getTitle = computed(() => {
+ if (formType.value === 'detail') {
+ return $t('ui.actionTitle.detail', ['宸ヨ壓璺嚎']);
+ }
+ return formType.value === 'update'
+ ? $t('ui.actionTitle.edit', ['宸ヨ壓璺嚎'])
+ : $t('ui.actionTitle.create', ['宸ヨ壓璺嚎']);
+});
+
+const [Form, formApi] = useVbenForm({
+ commonConfig: {
+ componentProps: { class: 'w-full' },
+ formItemClass: 'col-span-1',
+ labelWidth: 100,
+ },
+ layout: 'horizontal',
+ schema: [],
+ showDefaultActions: false,
+ wrapperClass: 'grid-cols-2',
+});
+
+const [Modal, modalApi] = useVbenModal({
+ async onConfirm() {
+ if (isDetail.value) {
+ await modalApi.close();
+ return;
+ }
+ const { valid } = await formApi.validate();
+ if (!valid) {
+ return;
+ }
+ modalApi.lock();
+ // 鎻愪氦琛ㄥ崟
+ const data = (await formApi.getValues()) as MesProRouteApi.Route;
+ try {
+ if (formType.value === 'create') {
+ // 鏂板鎴愬姛鍚庡垏鍒扮紪杈戞ā寮忥紝鏂逛究缁х画缁存姢缁勬垚宸ュ簭銆佸叧鑱斾骇鍝�
+ const id = await createRoute(data);
+ formData.value = { ...data, id };
+ await formApi.setFieldValue('id', id);
+ formType.value = 'update';
+ } else {
+ await updateRoute(data);
+ formData.value = { ...formData.value, ...data };
+ }
+ emit('success');
+ message.success($t('ui.actionMessage.operationSuccess'));
+ } finally {
+ modalApi.unlock();
+ }
+ },
+ async onOpenChange(isOpen: boolean) {
+ if (!isOpen) {
+ formData.value = undefined;
+ return;
+ }
+ formApi.setState({ schema: useFormSchema(formApi) });
+ subTab.value = 'process';
+ // 鍔犺浇鏁版嵁
+ const data = modalApi.getData<{ formType: FormType; id?: number }>();
+ formType.value = data.formType;
+ formApi.setDisabled(formType.value === 'detail');
+ modalApi.setState({ showConfirmButton: formType.value !== 'detail' });
+ if (!data?.id) {
+ return;
+ }
+ modalApi.lock();
+ try {
+ formData.value = await getRoute(data.id);
+ // 璁剧疆鍒� values
+ await formApi.setValues(formData.value);
+ } finally {
+ modalApi.unlock();
+ }
+ },
+});
+</script>
+
+<template>
+ <Modal :title="getTitle" class="w-4/5">
+ <Form class="mx-4" />
+ <!-- 缂栬緫/璇︽儏妯″紡涓嬪睍绀哄瓙琛� Tab锛屾柊澧炴ā寮忎笅闅愯棌 -->
+ <Tabs
+ v-if="formType !== 'create' && formData?.id"
+ v-model:active-key="subTab"
+ class="mx-4 mt-4"
+ >
+ <TabPane key="process" tab="缁勬垚宸ュ簭">
+ <ProcessList :form-type="formType" :route-id="formData.id" />
+ </TabPane>
+ <TabPane key="product" tab="鍏宠仈浜у搧">
+ <ProductList :form-type="formType" :route-id="formData.id" />
+ </TabPane>
+ </Tabs>
+ </Modal>
+</template>
--
Gitblit v1.9.3