refactor(mes): 优化物料类型选择功能,选择物料类型时自动绑定该物料类型的物料大类;选中左侧物料类型，点击“新增”，新增页面物料类型绑定(MeterSphere10016)

- 在物料类型选择框中添加 @change 事件，触发物料大类的自动填充
- 注释掉物料大类的选择框
- 修复点击左侧物料类型树节点时，新增页面物料类型的绑定问题

src/views/mes/baseMaterialInfo/index.vue

@@ -416,9 +416,9 @@
         <el-form-item label="物料名称" prop="materialName">
           <el-input v-model="form.materialName" placeholder="请输入物料名称" />
         </el-form-item>
-        <el-form-item label="物料类型" prop="materialTypeId">
+        <el-form-item label="物料类型" prop="materialTypeId" >
 <!--          <el-input v-model="form.materialTypeId" placeholder="请输入物料类型ID" />-->
-          <el-select v-model="form.materialTypeId" placeholder="请选择物料类型">
+          <el-select v-model="form.materialTypeId" placeholder="请选择物料类型" @change="materialCategoryIdBymaterialTypeId">
             <el-option
                 v-for="item in materialTypeList"
                 :key="item.matrialTypeId"
@@ -427,7 +427,8 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="物料大类" prop="materialCategoryId">
+
+<!--        <el-form-item label="物料大类" prop="materialCategoryId">
           <el-select v-model="form.materialCategoryId" placeholder="请选择物料大类">
             <el-option
                 v-for="item in materialCategoryOptions"
@@ -436,7 +437,8 @@
                 :value="item.materialCategoryId"
             ></el-option>
           </el-select>
-        </el-form-item>
+        </el-form-item>-->
+
         <el-form-item label="物料小类" prop="materialSubclass">
           <el-input v-model="form.materialSubclass" placeholder="请输入物料小类" />
         </el-form-item>
@@ -1131,9 +1133,10 @@ const getInfoOptions = async () => {
   InfoOptions.value = proxy?.handleTree(res.data, "matrialTypeId", "parentId");
 }
 
-//点击左侧物料类型树节点，获取id并赋值给form.value.materialTypeId
+//点击左侧物料类型树节点,(选中左侧物料类型，点击“新增”，新增页面物料类型绑定)
 const handleTreeNodeClick = async (data: any) => {
   queryParams.value.materialTypeId = data.matrialTypeId;
+  initFormData.materialTypeId = data.matrialTypeId;
   handleQuery();
 }
 
@@ -1263,6 +1266,13 @@ const getBaseMaterialCategorySelect = async () => {
   materialCategoryOptions.value = res.data;
 }
 
+const materialCategoryIdBymaterialTypeId = (materialTypeId: string | number) => {
+  const selectmaterialTypeId = materialTypeList.value.find(item => item.matrialTypeId === materialTypeId);
+  if (selectmaterialTypeId){
+    form.value.materialCategoryId = selectmaterialTypeId.materialCategoryId;
+  }
+}
+
 onMounted(() => {
   getBaseMaterialCategorySelect();
   getInfoOptions();