fix(form): 修复表单初始化和物料分类变更处理逻辑

mes-ui/mes-ui-admin-vue3/src/views/heli/matcode/MatCodeForm.vue

@@ -1,5 +1,5 @@
 <template>
-  <Dialog :title="dialogTitle" v-model="dialogVisible">
+  <Dialog :title="dialogTitle" v-model="dialogVisible" @close="emits">
     <el-form
         width="400px"
       ref="formRef"
@@ -20,7 +20,7 @@
       </el-form-item>
 
       <el-form-item label="物料分类编码" prop="matTypeCode" >
-        <el-input v-model="formData.matTypeCode" placeholder="请输入物料分类编码"   show-word-limit :disabled="formType === 'update'"/>
+        <el-input v-model="formData.matTypeCode" placeholder="请输入物料分类编码"  disabled show-word-limit />
       </el-form-item>
       <el-form-item label="最大流水号" prop="curMaxSeq" >
         <el-input v-model="formData.curMaxSeq" placeholder="请输入当前最大流水号" :disabled="formType === 'update'" show-word-limit/>
@@ -34,7 +34,7 @@
     </el-form>
     <template #footer>
       <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
-      <el-button @click="dialogVisible = false">取 消</el-button>
+      <el-button @click="emits">取 消</el-button>
     </template>
   </Dialog>
 </template>
@@ -112,6 +112,11 @@ const open = async (type: string, id?: number) => {
 }
 defineExpose({ open }) // 提供 open 方法，用于打开弹窗
 
+const emits = async () => {
+  dialogVisible.value = false
+  emit('success')
+}
+
 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
 const submitForm = async () => {

mes-ui/mes-ui-admin-vue3/src/views/heli/material/MaterialForm.vue

@@ -120,6 +120,7 @@
   </Dialog>
 </template>
 <script setup lang="ts">
+import { nextTick } from 'vue'
 import { getIntDictOptions, getStrDictOptions, getBoolDictOptions, DICT_TYPE } from '@/utils/dict'
 import * as MaterialApi from '@/api/heli/material'
 import {getSupplierPage} from "@/api/heli/supplier";
@@ -174,6 +175,8 @@ const formRef = ref() // 表单 Ref
 const supplierList = ref<any[]>([]) //
 const supplierSelectList = ref<any[]>([])
 const supplierSelectLoading = ref(false);
+const isInitialized = ref(false) // 是否已初始化完成，防止加载时触发watch
+const originalMatCate = ref() // 记录打开时的物料大类，用于判断是否用户主动修改
 
 const remoteSupplierSearch = (query: string) => {
   if (query) {
@@ -196,9 +199,15 @@ const open = async (type: string, id?: number) => {
   resetForm()
   // 修改时，设置数据
   formLoading.value = true
+  isInitialized.value = false
   try {
     if (id) {
-      formData.value = await MaterialApi.getMaterial(id)
+      const data = await MaterialApi.getMaterial(id)
+      formData.value = data
+      // 记录原始物料大类
+      originalMatCate.value = data.matCate
+    } else {
+      originalMatCate.value = undefined
     }
     let params = {
       pageNo: 1,
@@ -210,6 +219,9 @@ const open = async (type: string, id?: number) => {
     supplierSelectList.value = supplierData.list;
   } finally {
     formLoading.value = false
+    nextTick(() => {
+      isInitialized.value = true
+    })
   }
 
 }
@@ -280,8 +292,18 @@ const handleSelectedSupplier = (newValue: any) => {
 
 /** 监听物料类型变化，查询matcode并更新code */
 watch(() => formData.value.matCate, async (newVal) => {
+    // 如果未初始化完成，不处理
+    if (!isInitialized.value) {
+        return
+    }
+    // 如果新值为空，清空编码
     if (!newVal) {
         formData.value.code = undefined
+        originalMatCate.value = undefined
+        return
+    }
+    // 如果值没有变化（用户选择的是同一个值），不更新编码
+    if (newVal === originalMatCate.value) {
         return
     }
     try {
@@ -291,6 +313,8 @@ watch(() => formData.value.matCate, async (newVal) => {
         } else {
             formData.value.code = null
         }
+        // 更新原始值
+        originalMatCate.value = newVal
     } catch (error) {
         console.error('查询matcode失败:', error)
         formData.value.code = null