fix(质量管理): 优化目测选项显示格式

yuan

8 小时以前 5f5b0d71b96415f7157cfd8e93c9d5dca7126704

 src/views/qualityManagement/processInspection/components/formDia.vue

@@ -10,7 +10,9 @@
        <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 :disabled="processQuantityDisabled" style="width: 100%">
                <el-option v-for="item in processList" :key="item.name" :label="item.name" :value="item.name"/>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
@@ -65,7 +67,7 @@
          </el-col>
          <el-col :span="12">
            <el-form-item label="数量：" prop="quantity">
              <el-input-number :step="0.01" :min="0" style="width: 100%" v-model="form.quantity" placeholder="请输入" clearable :precision="2"/>
              <el-input-number :step="0.01" :min="0" style="width: 100%" v-model="form.quantity" placeholder="请输入" clearable :precision="2" :disabled="processQuantityDisabled"/>
            </el-form-item>
          </el-col>
        </el-row>
@@ -115,9 +117,42 @@
            :tableLoading="tableLoading"
            height="400"
         >
            <template #slot="{ row }">
               <el-input v-model="row.testValue" clearable/>
            </template>
            <template #instrument="{ row }">
          <el-select
              v-model="row.instrument"
              placeholder="请选择或输入"
              filterable
              allow-create
              default-first-option
              clearable
              style="width: 100%"
              @change="handleInstrumentChange(row)"
          >
            <el-option label="目测" value="目测" />
            <el-option
                v-for="item in deviceList"
                :key="item.id"
                :label="item.deviceName + (item.deviceModel ? ' / ' + item.deviceModel : '')"
                :value="item.deviceName"
            />
          </el-select>
        </template>
        <template #deviceStatus="{ row }">
          <el-tag v-if="row.deviceStatus" :type="getDeviceStatusType(row.deviceStatus)">
            {{ row.deviceStatus }}
          </el-tag>
          <span v-else style="color: #999">-</span>
        </template>
        <template #result="{ row }">
          <el-input v-model="row.result" placeholder="请输入" clearable />
        </template>
        <template #resultJudgment="{ row }">
          <el-select v-model="row.resultJudgment" placeholder="请选择" clearable style="width: 100%">
            <el-option label="合格" value="合格" />
            <el-option label="不合格" value="不合格" />
            <el-option label="/" value="/" />
          </el-select>
        </template>
         </PIMTable>
      <template #footer>
        <div class="dialog-footer">
@@ -130,15 +165,19 @@
</template>

<script setup>
import {ref, reactive, toRefs, getCurrentInstance, nextTick} from "vue";
import {ref, reactive, toRefs, computed, getCurrentInstance, nextTick} from "vue";
import {getOptions} from "@/api/procurementManagement/procurementLedger.js";
import {modelList, productTreeList} from "@/api/basicData/product.js";
import {qualityInspectAdd, qualityInspectUpdate} from "@/api/qualityManagement/rawMaterialInspection.js";
import {qualityInspectDetailByProductId, getQualityTestStandardParamByTestStandardId} from "@/api/qualityManagement/metricMaintenance.js";
import {userListNoPage} from "@/api/system/user.js";
import {qualityInspectParamInfo} from "@/api/qualityManagement/qualityInspectParam.js";
import {deviceList as qualityInspectParamDeviceList} from "@/api/energyManagement/index.js";
import { list } from "@/api/productionManagement/productionProcess";
const { proxy } = getCurrentInstance()
const emit = defineEmits(['close'])



const dialogFormVisible = ref(false);
const operationType = ref('')
@@ -159,10 +198,10 @@
  },
  rules: {
    checkTime: [{ required: true, message: "请输入", trigger: "blur" },],
    process: [{ required: true, message: "请输入工序", trigger: "blur" }],
    process: [{ required: true, message: "请选择工序", trigger: "change" }],
    checkName: [{ required: false, message: "请输入", trigger: "blur" }],
    productId: [{ required: true, message: "请输入", trigger: "blur" }],
    productModelId: [{ required: false, message: "请选择", trigger: "change" }],
    productModelId: [{ required: true, message: "请选择", trigger: "change" }],
    testStandardId: [{required: false, message: "请选择指标", trigger: "change"}],
    unit: [{ required: false, message: "请输入", trigger: "blur" }],
    quantity: [{ required: true, message: "请输入", trigger: "blur" }],
@@ -172,30 +211,57 @@
});
const userList = ref([]);
const { form, rules } = toRefs(data);
// 编辑时：productMainId 或 purchaseLedgerId 任一有值则工序、数量置灰
const processQuantityDisabled = computed(() => {
  const v = form.value || {};
  return !!(v.productMainId != null || v.purchaseLedgerId != null);
});
const processList = ref([]); // 工序下拉列表（工序名称 name）
const supplierList = ref([]);
const productOptions = ref([]);
const tableColumn = ref([
   {
      label: "指标",
      label: "检测项目",
      prop: "parameterItem",
      width: 150
   },
   {
      label: "标准要求",
      prop: "standardValue",
      width: 180
   },
   {
      label: "单位",
      prop: "unit",
      width: 80
   },
   {
      label: "标准值",
      prop: "standardValue",
   },
   {
      label: "内控值",
      prop: "controlValue",
   },
   {
      label: "检验值",
      prop: "testValue",
      label: "检测器具",
      prop: "instrument",
      dataType: 'slot',
      slot: 'slot',
      slot: 'instrument',
      width: 220
   },
   {
      label: "设备状态",
      prop: "deviceStatus",
      dataType: 'slot',
      slot: 'deviceStatus',
      width: 120
   },
   {
      label: "检测结果",
      prop: "result",
      dataType: 'slot',
      slot: 'result',
      minWidth: 150
   },
   {
      label: "结果判断",
      prop: "resultJudgment",
      dataType: 'slot',
      slot: 'resultJudgment',
      width: 120
   },
]);
const tableData = ref([]);
@@ -203,26 +269,65 @@
const currentProductId = ref(0);
const testStandardOptions = ref([]); // 指标选择下拉框数据
const modelOptions = ref([]);
const deviceList = ref([]);

// 打开弹框
const openDialog = async (type, row) => {
   operationType.value = type;
   dialogFormVisible.value = true;
   getOptions().then((res) => {
      supplierList.value = res.data;
   });
   // 加载设备台账列表
   loadDeviceList();
   // 加载工序下拉列表
   try {
      const res = await list();
      processList.value = res.data || [];
   } catch (e) {
      console.error("加载工序列表失败", e);
      processList.value = [];
   }
   let userLists = await userListNoPage();
   userList.value = userLists.data;
   form.value = {}
   // 先重置表单数据（保持字段完整，避免弹窗首次渲染时触发必填红框“闪一下”）
   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) {
         // 先加载指标选项
@@ -264,10 +369,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) => {
@@ -388,9 +499,48 @@
}
const getQualityInspectParamList = (id) => {
   qualityInspectParamInfo(id).then(res => {
      tableData.value = res.data;
      tableData.value = (res.data || []).map(item => ({...item}));
   })
}

// 获取设备台账列表
const loadDeviceList = () => {
   qualityInspectParamDeviceList().then(res => {
      deviceList.value = res.data || [];
   });
};

// 设备状态颜色映射
const getDeviceStatusType = (status) => {
   const map = {
      '正常': 'success',
      '运行': 'primary',
      '停机': 'warning',
      '维修': 'danger'
   };
   return map[status] || 'info';
};

// 检测器具变化时，自动填充设备状态
const handleInstrumentChange = (row) => {
   if (row.instrument === '目测') {
      row.deviceId = null;
      row.deviceName = '目测';
      row.deviceStatus = '';
      return;
   }
   const device = deviceList.value.find(d => d.deviceName === row.instrument);
   if (device) {
      row.deviceId = device.id;
      row.deviceName = device.deviceName;
      row.deviceStatus = device.status || '';
   } else {
      row.deviceId = null;
      row.deviceName = row.instrument || '';
      row.deviceStatus = '';
   }
};

// 关闭弹框
const closeDia = () => {
  proxy.resetForm("formRef");