update 结构BOM添加优化

src/views/mes/baseStructureBom/index.vue

@@ -131,7 +131,7 @@
             check-strictly
           />
         </el-form-item>
-        <el-form-item label="物料类型ID" prop="materialTypeId">
+        <el-form-item label="物料类型" prop="materialTypeId">
 <!--          <el-input v-model="form.materialTypeId" placeholder="请输入物料类型ID" />-->
           <el-tree-select
             v-model="form.materialTypeId"
@@ -145,27 +145,27 @@
         <el-form-item label="物料类型名称" prop="materialTypeName">
           <el-input v-model="form.materialTypeName" placeholder="请输入物料类型名称" />
         </el-form-item>
-        <el-form-item label="结构BOM说明" prop="structureBomDesc">
-          <el-input v-model="form.structureBomDesc" placeholder="请输入结构BOM说明" />
-        </el-form-item>
         <el-form-item label="结构BOM版本" prop="structureBomVersion">
           <el-input v-model="form.structureBomVersion" placeholder="请输入结构BOM版本" />
         </el-form-item>
+<!--        <el-form-item label="结构BOM说明" prop="structureBomDesc">-->
+<!--          <el-input v-model="form.structureBomDesc" placeholder="请输入结构BOM说明" />-->
+<!--        </el-form-item>-->
 <!--        <el-form-item label="祖级列表" prop="ancestors">
           <el-input v-model="form.ancestors" placeholder="请输入祖级列表" />
         </el-form-item>-->
-        <el-form-item label="层级" prop="level">
-          <el-input v-model="form.level" placeholder="请输入层级" />
-        </el-form-item>
-        <el-form-item label="顶级标识" prop="topFlag">
-          <el-radio-group v-model="form.topFlag">
-            <el-radio
-              v-for="dict in top_flag"
-              :key="dict.value"
-              :value="parseInt(dict.value)"
-            >{{dict.label}}</el-radio>
-          </el-radio-group>
-        </el-form-item>
+<!--        <el-form-item label="层级" prop="level">-->
+<!--          <el-input v-model="form.level" placeholder="请输入层级" />-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="顶级标识" prop="topFlag">-->
+<!--          <el-radio-group v-model="form.topFlag">-->
+<!--            <el-radio-->
+<!--              v-for="dict in top_flag"-->
+<!--              :key="dict.value"-->
+<!--              :value="parseInt(dict.value)"-->
+<!--            >{{dict.label}}</el-radio>-->
+<!--          </el-radio-group>-->
+<!--        </el-form-item>-->
         <el-form-item label="激活标识" prop="activeFlag">
           <el-radio-group v-model="form.activeFlag">
             <el-radio
@@ -385,15 +385,21 @@ const getbaseMaterialTypeOptions = async () => {
   }
 }
 
-/*
 
-/!*点击id同时赋值name*!/
-const handleMaterialTypeIdChange = (data: BaseMaterialTypeVO) =>{
-  form.value.materialTypeName = data.matrialTypeName;
-  form.value.materialTypeId = data.matrialTypeId;
-}
+// 监控 form.materialTypeId 的变化
+watch(() => form.value.materialTypeId, (newValue) => {
+  // 从 baseMaterialTypeOptions 中查找对应的 materialTypeName
+  const selectedMaterial = baseMaterialTypeOptions.value.find(
+    (item) => item.matrialTypeId == newValue
+  );
+  console.log("selectedMaterial:",newValue,selectedMaterial);
+  if (selectedMaterial) {
+    form.value.materialTypeName = selectedMaterial.matrialTypeName;
+  } else {
+    form.value.materialTypeName = undefined;
+  }
+});
 
-*/
 
 onMounted(() => {
   getList();