refactor(qms): 优化质量检测定义和模板页面展示

- 调整检测项编码、名称等列的宽度
- 修改宽度
- 优化模板页面的物料、工位、工序等选择框

src/views/qms/qcInspectionItem/index.vue

@@ -107,11 +107,11 @@
         <el-table-column type="selection" width="55" align="center" />
         <!-- <el-table-column label="检测项主键" align="center" prop="itemId" v-if="columns[0].visible"/> -->
         <el-table-column label="序号" type="index" width="50" align="center"  v-if="columns[0].visible"/>
-        <el-table-column label="检测项编码" align="center" prop="itemCode" v-if="columns[1].visible"/>
-        <el-table-column label="检测项名称" align="center" prop="itemName" v-if="columns[2].visible"/>
+        <el-table-column label="检测项编码" align="center" width="100" prop="itemCode" v-if="columns[1].visible"/>
+        <el-table-column label="检测项名称" align="center"  width="100" prop="itemName" v-if="columns[2].visible"/>
         <el-table-column label="检测位置" align="center" prop="inspectionPosition" v-if="columns[3].visible"/>
         <el-table-column label="检测类型" align="center" prop="typeName" v-if="columns[4].visible"/>
-        <el-table-column label="检测项类别" align="center" prop="categoryName" v-if="columns[5].visible"/>
+        <el-table-column label="检测项类别" align="center"  width="100" prop="categoryName" v-if="columns[5].visible"/>
         <el-table-column label="检测方法" align="center" prop="method" v-if="columns[6].visible">
           <template #default="scope">
             <dict-tag :options="qc_methond" :value="scope.row.method"/>
@@ -133,10 +133,10 @@
         <el-table-column label="规格名称" align="center" prop="specName" v-if="columns[12].visible"/>
         <el-table-column label="规格上限" align="center" prop="specUpper" v-if="columns[13].visible"/>
         <el-table-column label="规格下限" align="center" prop="specLower" v-if="columns[14].visible"/>
-        <el-table-column label="检测项说明" align="center" prop="description" v-if="columns[15].visible"/>
-        <el-table-column label="检测选项编码" align="center" prop="optionCode" v-if="columns[16].visible"/>
-        <el-table-column label="检测选项名称" align="center" prop="optionName" v-if="columns[17].visible"/>
-        <el-table-column label="是否默认选项" align="center" prop="isDefault" v-if="columns[18].visible">
+        <el-table-column label="说明" align="center" prop="description" v-if="columns[15].visible"/>
+<!--        <el-table-column label="检测选项编码" align="center" prop="optionCode" v-if="columns[16].visible"/>-->
+<!--        <el-table-column label="检测选项名称" align="center" prop="optionName" v-if="columns[17].visible"/>-->
+        <el-table-column label="是否默认选项" align="center" width="120" prop="isDefault" v-if="columns[16].visible">
           <template #default="scope">
             <dict-tag :options="is_default" :value="scope.row.isDefault"/>
           </template>
@@ -266,16 +266,16 @@
         </el-row>
 
         <el-row span="24">
-          <el-col :span="6">
-            <el-form-item label="检测选项编码" prop="optionCode">
-              <el-input v-model="form.optionCode" placeholder="请输入检测选项编码" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="检测选项名称" prop="optionName">
-              <el-input v-model="form.optionName" placeholder="请输入检测选项名称" />
-            </el-form-item>
-          </el-col>
+<!--          <el-col :span="6">-->
+<!--            <el-form-item label="检测选项编码" prop="optionCode">-->
+<!--              <el-input v-model="form.optionCode" placeholder="请输入检测选项编码" />-->
+<!--            </el-form-item>-->
+<!--          </el-col>-->
+<!--          <el-col :span="6">-->
+<!--            <el-form-item label="检测选项名称" prop="optionName">-->
+<!--              <el-input v-model="form.optionName" placeholder="请输入检测选项名称" />-->
+<!--            </el-form-item>-->
+<!--          </el-col>-->
           <el-col :span="6">
             <el-form-item label="是否默认选项" prop="isDefault">
               <el-select v-model="form.isDefault" placeholder="请选择是否默认选项">
@@ -345,9 +345,9 @@ const columns = ref<FieldOption[]>([
         { key: 13, label: `规格上限`, visible: true },
         { key: 14, label: `规格下限`, visible: true },
         { key: 15, label: `检测项说明`, visible: true },
-        { key: 16, label: `检测选项编码`, visible: true },
-        { key: 17, label: `检测选项名称`, visible: true },
-        { key: 18, label: `是否默认选项`, visible: true },
+        // { key: 16, label: `检测选项编码`, visible: true },
+        // { key: 17, label: `检测选项名称`, visible: true },
+        { key: 16, label: `是否默认选项`, visible: true },
         // { key: 20, label: `创建人`, visible: true },
         // { key: 21, label: `创建部门`, visible: true },
         // { key: 22, label: `创建时间`, visible: true },

src/views/qms/qcInspectionTemplate/index.vue

@@ -137,7 +137,7 @@
         <el-table-column label="规格名称" align="center" prop="specName" />
         <el-table-column label="规格上限" align="center" prop="specUpper" />
         <el-table-column label="规格下限" align="center" prop="specLower" />
-        <el-table-column label="检测项说明" align="center" prop="description" />
+        <el-table-column label="说明" align="center" prop="description" />
         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
           <template #default="scope">
             <el-tooltip content="修改" placement="top">
@@ -164,7 +164,7 @@
         </el-form-item>
         <el-form-item label="物料名称" prop="materialName">
           <el-select v-model="selectedMaterialId" placeholder="请选择物料" filterable clearable @change="handleMaterialChange" style="width: 100%;">
-            <el-option v-for="item in materialList" :key="item.materialId" :label="item.materialName" :value="item.materialName" />
+            <el-option v-for="item in materialList" :key="item.materialId" :label="item.materialName" :value="item.materialId" />
           </el-select>
         </el-form-item>
         <el-form-item label="关联检测类型表" prop="typeId">
@@ -180,7 +180,7 @@
         </el-form-item> -->
         <el-form-item label="工位名称" prop="stationName">
           <el-select v-model="selectedStaionId" placeholder="请选择工位" filterable clearable @change="handleBaseStationInfoChange" style="width: 100%;">
-            <el-option v-for="item in baseStationInfoList" :key="item.stationId" :label="item.stationName" :value="item.stationName" />
+            <el-option v-for="item in baseStationInfoList" :key="item.stationId" :label="item.stationName" :value="item.stationId" />
           </el-select>
         </el-form-item>
         <!-- <el-form-item label="工序编码" prop="processCode">
@@ -191,7 +191,7 @@
         </el-form-item> -->
         <el-form-item label="工序名称" prop="processName">
           <el-select v-model="selectedProcessId" placeholder="请选择工序" filterable clearable @change="handleBaseProcessInfoChange" style="width: 100%;">
-            <el-option v-for="item in baseProcessInfoList" :key="item.processId" :label="item.processName" :value="item.processName" />
+            <el-option v-for="item in baseProcessInfoList" :key="item.processId" :label="item.processName" :value="item.processId" />
           </el-select>
         </el-form-item>
         <!-- <el-form-item label="供应商编码" prop="supplierCode">
@@ -202,7 +202,7 @@
         </el-form-item> -->
         <el-form-item label="供应商名称" prop="supplierName">
           <el-select v-model="selectedSupplierId" placeholder="请选择供应商" filterable clearable @change="handleBaseSupplierInfoChange" style="width: 100%;">
-            <el-option v-for="item in baseSupplierInfoList" :key="item.supplierId" :label="item.supplierName" :value="item.supplierName" />
+            <el-option v-for="item in baseSupplierInfoList" :key="item.supplierId" :label="item.supplierName" :value="item.supplierId" />
           </el-select>
         </el-form-item>
         <el-form-item label="模板说明" prop="description">