gongchunyi
14 小时以前 b07bf9830174d454a51fe913146657463158f8b6
src/views/qualityManagement/processInspection/components/formDia.vue
@@ -10,7 +10,10 @@
        <el-row :gutter="30">
          <el-col :span="12">
            <el-form-item label="工序:" prop="process">
              <el-input v-model="form.process" placeholder="请输入工序" clearable />
              <el-select v-model="form.process" placeholder="请选择工序" clearable filterable @change="getList" style="width: 100%">
                <el-option v-for="item in processOptions" :key="item.id" :label="item.processName || item.name"
                           :value="item.processName || item.name"/>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
@@ -136,6 +139,7 @@
import {qualityInspectAdd, qualityInspectUpdate} from "@/api/qualityManagement/rawMaterialInspection.js";
import {qualityInspectDetailByProductId, getQualityTestStandardParamByTestStandardId} from "@/api/qualityManagement/metricMaintenance.js";
import {userListNoPage} from "@/api/system/user.js";
import {processList} from "@/api/productionManagement/productionProcess.js";
import {qualityInspectParamInfo} from "@/api/qualityManagement/qualityInspectParam.js";
const { proxy } = getCurrentInstance()
const emit = defineEmits(['close'])
@@ -171,6 +175,7 @@
  },
});
const userList = ref([]);
const processOptions = ref([]);
const { form, rules } = toRefs(data);
const supplierList = ref([]);
const productOptions = ref([]);
@@ -192,7 +197,7 @@
      prop: "controlValue",
   },
   {
      label: "检验值",
      label: "化验值",
      prop: "testValue",
      dataType: 'slot',
      slot: 'slot',
@@ -207,22 +212,53 @@
// 打开弹框
const openDialog = async (type, row) => {
   operationType.value = type;
   dialogFormVisible.value = true;
   getOptions().then((res) => {
      supplierList.value = res.data;
   });
   let userLists = await userListNoPage();
   userList.value = userLists.data;
   form.value = {}
   processList({}).then((res) => {
      processOptions.value = res.data || [];
   });
   // 先重置表单数据(保持字段完整,避免弹窗首次渲染时触发必填红框“闪一下”)
   form.value = {
      checkTime: "",
      process: "",
      checkName: "",
      productName: "",
      productId: "",
      productModelId: "",
      model: "",
      testStandardId: "",
      unit: "",
      quantity: "",
      checkCompany: "",
      checkResult: "",
   }
   testStandardOptions.value = [];
   tableData.value = [];
   getProductOptions();
   // 先确保产品树已加载,否则编辑时产品/规格型号无法反显
   await getProductOptions();
   if (operationType.value === 'edit') {
      // 先保存 testStandardId,避免被清空
      const savedTestStandardId = row.testStandardId;
      // 先设置表单数据,但暂时清空 testStandardId,等选项加载完成后再设置
      form.value = {...row, testStandardId: ''}
      currentProductId.value = row.productId || 0
      // 关键:编辑时加载规格型号下拉选项,才能反显 productModelId
      if (currentProductId.value) {
         try {
            const res = await modelList({ id: currentProductId.value });
            modelOptions.value = res || [];
            // 同步回填 model / unit(有些接口返回的 row 里可能没带全)
            if (form.value.productModelId) {
               handleChangeModel(form.value.productModelId);
            }
         } catch (e) {
            console.error("加载规格型号失败", e);
            modelOptions.value = [];
         }
      }
      // 编辑模式下,先加载指标选项,然后加载参数列表
      if (currentProductId.value) {
         // 先加载指标选项
@@ -245,7 +281,7 @@
                     if (matchedOption) {
                        // 确保使用匹配项的 id(保持类型一致)
                        form.value.testStandardId = matchedOption.id;
                        // 编辑保留原检验值,直接拉取原参数数据
                        // 编辑保留原化验值,直接拉取原参数数据
                        getQualityInspectParamList(row.id);
                     } else {
                        // 如果找不到匹配项,尝试直接使用原值
@@ -264,10 +300,16 @@
         getQualityInspectParamList(row.id);
      }
   }
   // 最后再打开弹窗,并清理校验态,避免必填提示闪烁
   dialogFormVisible.value = true;
   nextTick(() => {
      proxy.$refs?.formRef?.clearValidate?.();
   });
}
const getProductOptions = () => {
  productTreeList().then((res) => {
  return productTreeList().then((res) => {
    productOptions.value = convertIdToValue(res);
      return productOptions.value;
  });
};
const getModels = (value) => {