From 868d0467a30174c1733f72be31b31a8312a45d89 Mon Sep 17 00:00:00 2001
From: zch <zangch@mesnac.com>
Date: Wed, 23 Jul 2025 15:58:19 +0800
Subject: [PATCH] =?UTF-8?q?feat(qms):=20=E4=BC=98=E5=8C=96=E6=A3=80?=
 =?UTF-8?q?=E6=B5=8B=E6=A8=A1=E6=9D=BF=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增物料、工位、工序、供应商选择功能
- 新增检测项类别和检测类型字段
- 实现检测项定义的自动填充
- 优化检测模板的新增和修改界面
- 调整部分字段的显示和编辑逻辑
---
 src/views/qms/QcInspectionMain/index.vue      |  11 +-
 src/views/qms/qcInspectionItem/index.vue      |  34 +-
 .../qms/qcInspectionItemCategory/index.vue    |   6 +-
 src/views/qms/qcInspectionTemplate/index.vue  | 295 ++++++++++++++----
 src/views/qms/qcInspectionType/index.vue      |   3 +-
 5 files changed, 275 insertions(+), 74 deletions(-)

diff --git a/src/views/qms/QcInspectionMain/index.vue b/src/views/qms/QcInspectionMain/index.vue
index e14a673..d7848b4 100644
--- a/src/views/qms/QcInspectionMain/index.vue
+++ b/src/views/qms/QcInspectionMain/index.vue
@@ -383,6 +383,7 @@ import { listQcInspectionResult, getQcInspectionResult, delQcInspectionResult, a
 import { QcInspectionResultVO, QcInspectionResultQuery, QcInspectionResultForm } from '@/api/qms/qcInspectionResult/types';
 import { listQcInspectionItem, getQcInspectionItem, delQcInspectionItem, addQcInspectionItem, updateQcInspectionItem, getQcInspectionItemList } from '@/api/qms/qcInspectionItem';
 import { getQcInspectionTypeList } from '@/api/qms/qcInspectionType';
+import {getBaseMaterialInfoList} from "@/api/qms/baseMaterialInfo";
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { qc_result, qc_status } = toRefs<any>(proxy?.useDict('qc_result', 'qc_status'));
@@ -655,6 +656,7 @@ const handleRowClick = (row: QcInspectionMainVO) => {
 /** 新增按钮操作 */
 const handleAdd = () => {
   reset();
+  getMaterialList();
   dialog.visible = true;
   dialog.title = "添加质检结果主表";
 }
@@ -662,6 +664,7 @@ const handleAdd = () => {
 /** 修改按钮操作 */
 const handleUpdate = async (row?: QcInspectionMainVO) => {
   reset();
+  getMaterialList();
   const _inspectionId = row?.inspectionId || ids.value[0]
   const res = await getQcInspectionMain(_inspectionId);
   Object.assign(form.value, res.data);
@@ -749,7 +752,7 @@ const handleExport = () => {
 /** 导出模板按钮操作 */
 const handleExportTemplate = () => {
   proxy?.download('qms/QcInspectionMain/exportTemplate', {
-    
+
   }, `QcInspectionMain_${new Date().getTime()}.xlsx`)
 }
 
@@ -804,6 +807,12 @@ const onFileChange = async (event: Event) => {
   }
 }
 
+let materialList = ref([]);
+const getMaterialList = async () => {
+  const res = await getBaseMaterialInfoList(null);
+  materialList.value = res.data;
+}
+
 onMounted(() => {
   getInspectionItemList();
   getInspectionTypeList();
diff --git a/src/views/qms/qcInspectionItem/index.vue b/src/views/qms/qcInspectionItem/index.vue
index d0a5125..df2d63b 100644
--- a/src/views/qms/qcInspectionItem/index.vue
+++ b/src/views/qms/qcInspectionItem/index.vue
@@ -19,8 +19,8 @@
             <el-form-item label="检测项类别" prop="categoryId">
               <el-input v-model="queryParams.categoryId" placeholder="请输入检测项类别" clearable @keyup.enter="handleQuery" />
             </el-form-item>
-            <el-form-item label="检测单类型" prop="inspectionType">
-              <el-input v-model="queryParams.inspectionType" placeholder="请输入检测单类型" clearable @keyup.enter="handleQuery" />
+            <el-form-item label="检测类型" prop="inspectionType">
+              <el-input v-model="queryParams.inspectionType" placeholder="请输入检测类型" clearable @keyup.enter="handleQuery" />
             </el-form-item> -->
             <el-form-item label="检测方法" prop="method">
               <el-select v-model="queryParams.method" placeholder="请选择检测方法" clearable >
@@ -110,8 +110,8 @@
         <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" prop="inspectionPosition" v-if="columns[3].visible"/>
-        <el-table-column label="检测单类型" align="center" prop="inspectionType" v-if="columns[4].visible"/>
-        <el-table-column label="检测项类别" align="center" prop="categoryId" v-if="columns[5].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" prop="method" v-if="columns[6].visible">
           <template #default="scope">
             <dict-tag :options="qc_methond" :value="scope.row.method"/>
@@ -197,7 +197,7 @@
           <el-col :span="6">
             <el-form-item label="检测项类别" prop="categoryId">
               <el-select v-model="form.categoryId" placeholder="请选择检测项类别">
-                <el-option v-for="item in qcInspectionItemCategoryList" :key="item.categoryId" :label="item.categoryName" :value="item.categoryId" />
+                <el-option v-for="item in filteredCategories" :key="item.categoryId" :label="item.categoryName" :value="item.categoryId" />
               </el-select>
             </el-form-item>
           </el-col>
@@ -303,6 +303,7 @@ import { getQcInspectionItemCategoryList } from '@/api/qms/qcInspectionItemCateg
 import { QcInspectionItemCategoryVO } from '@/api/qms/qcInspectionItemCategory/types';
 import { getQcInspectionTypeList } from '@/api/qms/qcInspectionType';
 import { QcInspectionTypeVO } from '@/api/qms/qcInspectionType/types';
+import { computed } from 'vue';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { qc_methond, detect_type, control_type, is_default } = toRefs<any>(proxy?.useDict('qc_methond', 'detect_type', 'control_type', 'is_default'));
@@ -332,7 +333,7 @@ const columns = ref<FieldOption[]>([
         { key: 1, label: `检测项编码`, visible: true },
         { key: 2, label: `检测项名称`, visible: true },
         { key: 3, label: `检测位置`, visible: true },
-        { key: 4, label: `检测单类型`, visible: true },
+        { key: 4, label: `检测类型`, visible: true },
         { key: 5, label: `检测项类别`, visible: true },
         { key: 6, label: `检测方法`, visible: true },
         { key: 7, label: `检测方式`, visible: true },
@@ -515,7 +516,7 @@ const getCategoryList = async () => {
   qcInspectionItemCategoryList.value = res.data;
 };
 
-/** 查询检测单类型列表 */
+/** 查询检测类型列表 */
 let qcInspectionTypeList = ref([]);
 const getTypeList = async () => {
   const res = await getQcInspectionTypeList(null);
@@ -547,6 +548,25 @@ const onFileChange = async (event: Event) => {
   }
 }
 
+// 需先选择检测类型，检测项类别下拉列表将自动过滤为匹配该类型(typeId)的选项
+const flattenCategories = (categories: QcInspectionItemCategoryVO[]): QcInspectionItemCategoryVO[] => {
+  let result: QcInspectionItemCategoryVO[] = [];
+  categories.forEach(cat => {
+    result.push({ ...cat, children: undefined });
+    if (cat.children && cat.children.length > 0) {
+      result = result.concat(flattenCategories(cat.children));
+    }
+  });
+  return result;
+};
+
+const allFlatCategories = computed(() => flattenCategories(qcInspectionItemCategoryList.value));
+
+const filteredCategories = computed(() => {
+  if (!form.value.inspectionType) return [];
+  return allFlatCategories.value.filter(item => item.typeId === form.value.inspectionType);
+});
+
 onMounted(() => {
   getList();
   getCategoryList();
diff --git a/src/views/qms/qcInspectionItemCategory/index.vue b/src/views/qms/qcInspectionItemCategory/index.vue
index 8dff9c1..f8e29a8 100644
--- a/src/views/qms/qcInspectionItemCategory/index.vue
+++ b/src/views/qms/qcInspectionItemCategory/index.vue
@@ -39,7 +39,7 @@
               <el-input v-model="queryParams.categoryName" placeholder="请输入检测项类别名称" clearable @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item label="检测类型" prop="typeId" label-width="120px">
-<!--              <el-input v-model="queryParams.typeId" placeholder="请输入检测单类型" clearable @keyup.enter="handleQuery" />-->
+<!--              <el-input v-model="queryParams.typeId" placeholder="请输入检测类型" clearable @keyup.enter="handleQuery" />-->
               <el-select v-model="queryParams.typeId" placeholder="请选择检测类型">
                 <el-option v-for="item in qcInspectionTypeList" :key="item.typeId" :label="item.typeName" :value="item.typeId" />
               </el-select>
@@ -128,7 +128,7 @@
           <el-input v-model="form.categoryName" placeholder="请输入检测项类别名称" />
         </el-form-item>
         <el-form-item label="检测类型" prop="typeId">
-          <!-- <el-input v-model="form.typeId" placeholder="请输入检测单类型" /> -->
+          <!-- <el-input v-model="form.typeId" placeholder="请输入检测类型" /> -->
           <el-select v-model="form.typeId" placeholder="请选择检测类型">
             <el-option v-for="item in qcInspectionTypeList" :key="item.typeId" :label="item.typeName" :value="item.typeId" />
           </el-select>
@@ -361,7 +361,7 @@ const handleNodeClick = (data: QcInspectionTypeVO) => {
 };
 
 watch(inspectionTypeName, val => {
-  
+
   inspectionTypeTreeRef.value?.filter(val);
 });
 
diff --git a/src/views/qms/qcInspectionTemplate/index.vue b/src/views/qms/qcInspectionTemplate/index.vue
index b284e7b..16bbf32 100644
--- a/src/views/qms/qcInspectionTemplate/index.vue
+++ b/src/views/qms/qcInspectionTemplate/index.vue
@@ -97,7 +97,7 @@
         <el-form :model="templateItemQueryParams" :inline="true" label-width="100px">
           <el-form-item label="检测方式" prop="detectType">
             <el-select v-model="templateItemQueryParams.detectType" placeholder="请选择检测方式" clearable>
-              <el-option v-for="dict in qc_methond" :key="dict.value" :label="dict.label" :value="dict.value"/>
+              <el-option v-for="dict in detect_type" :key="dict.value" :label="dict.label" :value="dict.value"/>
             </el-select>
           </el-form-item>
           <el-form-item label="控制类型" prop="controlType">
@@ -123,7 +123,7 @@
         <el-table-column label="检测类型" align="center" prop="inspectionType" />
         <el-table-column label="检测方式" align="center" prop="detectType">
           <template #default="scope">
-            <dict-tag :options="qc_methond" :value="scope.row.detectType"/>
+            <dict-tag :options="detect_type" :value="scope.row.detectType"/>
           </template>
         </el-table-column>
         <el-table-column label="控制类型" align="center" prop="controlType">
@@ -162,34 +162,48 @@
         <el-form-item label="模板名称" prop="templateName">
           <el-input v-model="form.templateName" placeholder="请输入模板名称" />
         </el-form-item>
-        <el-form-item label="物料编码" prop="materialCode">
-          <el-input v-model="form.materialCode" placeholder="请输入物料编码" />
-        </el-form-item>
         <el-form-item label="物料名称" prop="materialName">
-          <el-input v-model="form.materialName" placeholder="请输入物料名称" />
+          <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-select>
         </el-form-item>
         <el-form-item label="关联检测类型表" prop="typeId">
           <el-select v-model="form.typeId" placeholder="请选择关联检测类型表">
             <el-option v-for="item in qcInspectionTypeList" :key="item.typeId" :label="item.typeName" :value="item.typeId" />
           </el-select>
         </el-form-item>
-        <el-form-item label="工位编码" prop="stationCode">
+        <!-- <el-form-item label="工位编码" prop="stationCode">
           <el-input v-model="form.stationCode" placeholder="请输入工位编码" />
         </el-form-item>
         <el-form-item label="工位名称" prop="stationName">
           <el-input v-model="form.stationName" placeholder="请输入工位名称" />
+        </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-select>
         </el-form-item>
-        <el-form-item label="工序编码" prop="processCode">
+        <!-- <el-form-item label="工序编码" prop="processCode">
           <el-input v-model="form.processCode" placeholder="请输入工序编码" />
         </el-form-item>
         <el-form-item label="工序名称" prop="processName">
           <el-input v-model="form.processName" placeholder="请输入工序名称" />
+        </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-select>
         </el-form-item>
-        <el-form-item label="供应商编码" prop="supplierCode">
+        <!-- <el-form-item label="供应商编码" prop="supplierCode">
           <el-input v-model="form.supplierCode" placeholder="请输入供应商编码" />
         </el-form-item>
         <el-form-item label="供应商名称" prop="supplierName">
           <el-input v-model="form.supplierName" placeholder="请输入供应商名称" />
+        </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-select>
         </el-form-item>
         <el-form-item label="模板说明" prop="description">
           <el-input v-model="form.description" placeholder="请输入模板说明" />
@@ -219,91 +233,121 @@
           </el-col>
           <el-col :span="6">
             <el-form-item label="关联检测项定义" prop="itemId">
-              <el-select v-model="templateItemForm.itemId" placeholder="请选择关联检测项定义" style="width: 100%;">
+              <el-select v-model="templateItemForm.itemId" placeholder="请选择关联检测项定义" style="width: 100%;" @change="handleItemChange">
                 <el-option v-for="item in qcInspectionItemList" :key="item.itemId" :label="item.itemName" :value="item.itemId" />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="检测项编码" prop="itemCode">
-              <el-input v-model="templateItemForm.itemCode" placeholder="请输入检测项编码" />
+              <el-tooltip content="此字段由关联检测项自动填充，不可编辑" placement="top">
+                <el-input v-model="templateItemForm.itemCode" placeholder="请输入检测项编码" :disabled="true" />
+              </el-tooltip>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="6">
             <el-form-item label="检测项名称" prop="itemName">
-              <el-input v-model="templateItemForm.itemName" placeholder="请输入检测项名称" />
+              <el-tooltip content="此字段由关联检测项自动填充，不可编辑" placement="top">
+                <el-input v-model="templateItemForm.itemName" placeholder="请输入检测项名称" :disabled="true" />
+              </el-tooltip>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="检测方式" prop="detectType">
-              <el-select v-model="templateItemForm.detectType" placeholder="请选择检测方式" style="width: 100%;">
-                <el-option v-for="dict in qc_methond" :key="dict.value" :label="dict.label" :value="parseInt(dict.value)"></el-option>
-              </el-select>
+              <el-tooltip content="此字段由关联检测项自动填充，不可编辑" placement="top">
+                <el-select v-model="templateItemForm.detectType" placeholder="请选择检测方式" style="width: 100%;" :disabled="true">
+                  <el-option v-for="dict in detect_type" :key="dict.value" :label="dict.label" :value="parseInt(dict.value)"></el-option>
+                </el-select>
+              </el-tooltip>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="控制类型" prop="controlType">
-              <el-select v-model="templateItemForm.controlType" placeholder="请选择控制类型" style="width: 100%;">
-                <el-option v-for="dict in control_type" :key="dict.value" :label="dict.label" :value="parseInt(dict.value)"></el-option>
-              </el-select>
+              <el-tooltip content="此字段由关联检测项自动填充，不可编辑" placement="top">
+                <el-select v-model="templateItemForm.controlType" placeholder="请选择控制类型" style="width: 100%;" :disabled="true">
+                  <el-option v-for="dict in control_type" :key="dict.value" :label="dict.label" :value="parseInt(dict.value)"></el-option>
+                </el-select>
+              </el-tooltip>
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="检测项目类别" prop="categoryName">
-              <el-input v-model="templateItemForm.categoryName" placeholder="请输入检测项目类别" />
+            <el-form-item label="检测项类别" prop="categoryName">
+              <el-tooltip content="此字段由关联检测项自动填充，不可编辑" placement="top">
+                <el-select v-model="templateItemForm.categoryName" placeholder="请选择检测项类别" style="width: 100%;" :disabled="true">
+                  <el-option v-for="item in qcInspectionItemCategoryList" :key="item.categoryId" :label="item.categoryName" :value="item.categoryName" />
+                </el-select>
+              </el-tooltip>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="6">
             <el-form-item label="检测类型" prop="inspectionType">
-              <el-input v-model="templateItemForm.inspectionType" placeholder="请输入检测类型" />
+              <el-tooltip content="此字段由关联检测项自动填充，不可编辑" placement="top">
+                <el-input v-model="templateItemForm.inspectionType" placeholder="请输入检测类型" :disabled="true" />
+              </el-tooltip>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="检测位置" prop="inspectionPosition">
-              <el-input v-model="templateItemForm.inspectionPosition" placeholder="请输入检测位置" />
+              <el-tooltip content="此字段由关联检测项自动填充，不可编辑" placement="top">
+                <el-input v-model="templateItemForm.inspectionPosition" placeholder="请输入检测位置" :disabled="true" />
+              </el-tooltip>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="标准值" prop="standardValue" v-if="templateItemForm.detectType === 1">
-              <el-input-number v-model="templateItemForm.standardValue" placeholder="请输入标准值" style="width: 100%;" />
+              <el-tooltip content="此字段由关联检测项自动填充，不可编辑" placement="top">
+                <el-input-number v-model="templateItemForm.standardValue" placeholder="请输入标准值" style="width: 100%;" :disabled="true" />
+              </el-tooltip>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="控制上限" prop="upperLimit" v-if="templateItemForm.detectType === 1">
-              <el-input-number v-model="templateItemForm.upperLimit" placeholder="请输入控制上限" style="width: 100%;" />
+              <el-tooltip content="此字段由关联检测项自动填充，不可编辑" placement="top">
+                <el-input-number v-model="templateItemForm.upperLimit" placeholder="请输入控制上限" style="width: 100%;" :disabled="true" />
+              </el-tooltip>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row v-if="templateItemForm.detectType === 1">
           <el-col :span="6">
             <el-form-item label="控制下限" prop="lowerLimit">
-              <el-input-number v-model="templateItemForm.lowerLimit" placeholder="请输入控制下限" style="width: 100%;" />
+              <el-tooltip content="此字段由关联检测项自动填充，不可编辑" placement="top">
+                <el-input-number v-model="templateItemForm.lowerLimit" placeholder="请输入控制下限" style="width: 100%;" :disabled="true" />
+              </el-tooltip>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="规格名称" prop="specName">
-              <el-input v-model="templateItemForm.specName" placeholder="请输入规格名称" />
+              <el-tooltip content="此字段由关联检测项自动填充，不可编辑" placement="top">
+                <el-input v-model="templateItemForm.specName" placeholder="请输入规格名称" :disabled="true" />
+              </el-tooltip>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="规格上限" prop="specUpper">
-              <el-input-number v-model="templateItemForm.specUpper" placeholder="请输入规格上限" style="width: 100%;" />
+              <el-tooltip content="此字段由关联检测项自动填充，不可编辑" placement="top">
+                <el-input-number v-model="templateItemForm.specUpper" placeholder="请输入规格上限" style="width: 100%;" :disabled="true" />
+              </el-tooltip>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="规格下限" prop="specLower">
-              <el-input-number v-model="templateItemForm.specLower" placeholder="请输入规格下限" style="width: 100%;" />
+              <el-tooltip content="此字段由关联检测项自动填充，不可编辑" placement="top">
+                <el-input-number v-model="templateItemForm.specLower" placeholder="请输入规格下限" style="width: 100%;" :disabled="true" />
+              </el-tooltip>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="24">
             <el-form-item label="检测项说明" prop="description">
-              <el-input type="textarea" v-model="templateItemForm.description" placeholder="请输入检测项说明" />
+              <el-tooltip content="此字段由关联检测项自动填充，不可编辑" placement="top">
+                <el-input type="textarea" v-model="templateItemForm.description" placeholder="请输入检测项说明" :disabled="true" />
+              </el-tooltip>
             </el-form-item>
           </el-col>
         </el-row>
@@ -327,9 +371,14 @@ import { QcTemplateItemVO, QcTemplateItemQuery, QcTemplateItemForm } from '@/api
 import { getQcInspectionTypeList } from '@/api/qms/qcInspectionType';
 import { QcInspectionTypeVO } from '@/api/qms/qcInspectionType/types';
 import { listQcInspectionItem, getQcInspectionItem, delQcInspectionItem, addQcInspectionItem, updateQcInspectionItem, getQcInspectionItemList } from '@/api/qms/qcInspectionItem';
+import { getBaseMaterialInfoList } from '@/api/qms/baseMaterialInfo';
+import { getStationInfoList } from '@/api/qms/baseStationInfo';
+import { getProcessInfoList } from '@/api/qms/baseProcessInfo';
+import { getBaseSupplierInfoList } from '@/api/qms/baseSupplierInfo';
+import { getQcInspectionItemCategoryList } from '@/api/qms/qcInspectionItemCategory';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
-const { qc_methond, control_type } = toRefs<any>(proxy?.useDict('qc_methond', 'control_type'));
+const { detect_type, control_type } = toRefs<any>(proxy?.useDict('detect_type', 'control_type'));
 
 const qcInspectionTemplateList = ref<QcInspectionTemplateVO[]>([]);
 const buttonLoading = ref(false);
@@ -352,6 +401,11 @@ const templateItemSingle = ref(true);
 const templateItemMultiple = ref(true);
 const templateItemButtonLoading = ref(false);
 
+const selectedMaterialId = ref(null);
+const selectedProcessId = ref(null);
+const selectedStaionId = ref(null);
+const selectedSupplierId = ref(null);
+
 const queryFormRef = ref<ElFormInstance>();
 const qcInspectionTemplateFormRef = ref<ElFormInstance>();
 const templateItemFormRef = ref<ElFormInstance>();
@@ -373,7 +427,7 @@ const columns = ref<FieldOption[]>([
         { key: 2, label: `模板名称`, visible: true },
         { key: 3, label: `物料编码`, visible: true },
         { key: 4, label: `物料名称`, visible: true },
-        { key: 5, label: `关联检测类型表ID`, visible: true },
+        { key: 5, label: `关联检测类型表`, visible: true },
         { key: 6, label: `工位编码`, visible: true },
         { key: 7, label: `工位名称`, visible: true },
         { key: 8, label: `工序编码`, visible: true },
@@ -524,6 +578,7 @@ const cancel = () => {
 const reset = () => {
   form.value = {...initFormData};
   qcInspectionTemplateFormRef.value?.resetFields();
+  selectedMaterialId.value = null;
 }
 
 /** 子表取消按钮 */
@@ -605,18 +660,54 @@ const handleRowClick = (row: QcInspectionTemplateVO) => {
 /** 新增按钮操作 */
 const handleAdd = () => {
   reset();
+  getMaterialList();
+  getBaseProcessList();
+  getBaseStationList();
+  getBaseSupplierList();
   dialog.visible = true;
-  dialog.title = "添加检测模板主";
+  dialog.title = "添加检测模板";
 }
 
 /** 修改按钮操作 */
 const handleUpdate = async (row?: QcInspectionTemplateVO) => {
   reset();
+  await getMaterialList();
+  await getBaseProcessList();
+  await getBaseStationList();
+  await getBaseSupplierList();
   const _templateId = row?.templateId || ids.value[0]
   const res = await getQcInspectionTemplate(_templateId);
   Object.assign(form.value, res.data);
+  // 设置materialId
+  if (form.value.materialCode) {
+    const matched = materialList.value.find(item => item.materialCode === form.value.materialCode);
+    if (matched) {
+      selectedMaterialId.value = matched.materialId;
+    }
+  }
+  // 设置stationId
+  if (form.value.stationCode) {
+    const matched = baseStationInfoList.value.find(item => item.stationCode === form.value.stationCode);
+    if (matched) {
+      selectedStaionId.value = matched.stationId;
+    }
+  }
+  // 设置processId
+  if (form.value.processCode) {
+    const matched = baseProcessInfoList.value.find(item => item.processCode === form.value.processCode);
+    if (matched) {
+      selectedProcessId.value = matched.processId;
+    }
+  }
+  // 设置supplierId
+  if (form.value.supplierCode) {
+    const matched = baseSupplierInfoList.value.find(item => item.supplierCode === form.value.supplierCode);
+    if (matched) {
+      selectedSupplierId.value = matched.supplierId;
+    }
+  }
   dialog.visible = true;
-  dialog.title = "修改检测模板主";
+  dialog.title = "修改检测模板";
 }
 
 /** 新增检测项 */
@@ -633,6 +724,7 @@ const handleUpdateTemplateItem = async (row?: QcTemplateItemVO) => {
   const _templateItemId = row?.templateItemId || templateItemIds.value[0];
   const res = await getQcTemplateItem(_templateItemId);
   Object.assign(templateItemForm.value, res.data);
+  handleItemChange(templateItemForm.value.itemId);
   templateItemDialog.visible = true;
   templateItemDialog.title = "修改检测项";
 }
@@ -703,13 +795,6 @@ const handleExportTemplate = () => {
   }, `qcInspectionTemplate_template_${new Date().getTime()}.xlsx`)
 }
 
-/** 导出模板按钮操作 */
-const handleExportTemplate = () => {
-  proxy?.download('qms/qcInspectionTemplate/exportTemplate', {
-
-  }, `qcInspectionTemplate_template_${new Date().getTime()}.xlsx`)
-}
-
 /** 导入按钮操作 */
 const fileInput = ref<HTMLInputElement>();
 const uploading = ref(false);
@@ -735,6 +820,85 @@ const onFileChange = async (event: Event) => {
   }
 }
 
+/** 查询检测项类别列表 */
+let qcInspectionItemCategoryList = ref([]);
+const getCategoryList = async () => {
+  const res = await getQcInspectionItemCategoryList(null);
+  qcInspectionItemCategoryList.value = res.data;
+};
+
+
+/** 物料名称选择变化 */
+const handleMaterialChange = (value) => {
+  const selected = materialList.value.find(item => item.materialId === value);
+  if (selected) {
+    form.value.materialName = selected.materialName;
+    form.value.materialCode = selected.materialCode;
+  } else {
+    form.value.materialName = '';
+    form.value.materialCode = '';
+  }
+}
+
+/* 工位名称选择变化 */
+const handleBaseStationInfoChange = (value) => {
+  const selected = baseStationInfoList.value.find(item => item.stationId === value);
+  if (selected) {
+    form.value.stationName = selected.stationName;
+    form.value.stationCode = selected.stationCode;
+  } else {
+    form.value.stationName = '';
+    form.value.stationCode = '';
+  }
+}
+
+/*工序名称选择变化 */
+const handleBaseProcessInfoChange = (value) => {
+  const selected = baseProcessInfoList.value.find(item => item.processId === value);
+  if (selected) {
+    form.value.processName = selected.processName;
+    form.value.processCode = selected.processCode;
+  } else {
+    form.value.processName = '';
+    form.value.processCode = '';
+  }
+}
+
+/** 供应商名称选择变化 */
+const handleBaseSupplierInfoChange = (value) => {
+  const selected = baseSupplierInfoList.value.find(item => item.supplierId === value);
+  if (selected) {
+    form.value.supplierName = selected.supplierName;
+    form.value.supplierCode = selected.supplierCode;
+  } else {
+    form.value.supplierName = '';
+    form.value.supplierCode = '';
+  }
+}
+
+/** 关联检测项定义选择变化 */
+const handleItemChange = (value) => {
+  const selected = qcInspectionItemList.value.find(item => item.itemId === value);
+  if (selected) {
+    templateItemForm.value.itemCode = selected.itemCode;
+    templateItemForm.value.itemName = selected.itemName;
+    templateItemForm.value.detectType = selected.detectType;
+    templateItemForm.value.controlType = selected.controlType;
+    templateItemForm.value.categoryName = selected.categoryName || '';
+    templateItemForm.value.inspectionType = selected.inspectionType;
+    templateItemForm.value.inspectionPosition = selected.inspectionPosition;
+    templateItemForm.value.standardValue = selected.standardValue;
+    templateItemForm.value.upperLimit = selected.upperLimit;
+    templateItemForm.value.lowerLimit = selected.lowerLimit;
+    templateItemForm.value.specName = selected.specName;
+    templateItemForm.value.specUpper = selected.specUpper;
+    templateItemForm.value.specLower = selected.specLower;
+    templateItemForm.value.description = selected.description;
+  } else {
+    // Optionally reset fields
+  }
+}
+
 
 //获取检测类型列表（不分页，获取全部）
 let qcInspectionTypeList = ref([]);
@@ -751,34 +915,41 @@ const getInspectionItemList = async () => {
 }
 
 
-/** 导入按钮操作 */
-const fileInput = ref<HTMLInputElement>();
-const uploading = ref(false);
-const handleImport = () => {
-  fileInput.value?.click();
+// 获取物料列表（不分页，获取全部）
+let materialList = ref([]);
+const getMaterialList = async () => {
+  const res = await getBaseMaterialInfoList(null);
+  materialList.value = res.data;
 }
-const onFileChange = async (event: Event) => {
-  const input = event.target as HTMLInputElement;
-  if (input.files && input.files.length > 0) {
-    const file = input.files[0];
-    uploading.value = true;
-    try {
-      await importData(file, true);
-      proxy?.$modal.msgSuccess("导入成功");
-      await getList();
-    } catch (err) {
-      proxy?.$modal.msgError("导入失败");
-      console.error(err);
-    } finally {
-      uploading.value = false;
-      input.value = '';
-    }
-  }
+
+// 获取工序列表（不分页，获取全部）
+let baseProcessInfoList = ref([]);
+const getBaseProcessList = async () => {
+  const res = await getProcessInfoList(null);
+  baseProcessInfoList.value = res.data;
 }
 
+
+
+// 获取工位列表（不分页，获取全部）
+let baseStationInfoList = ref([]);
+const getBaseStationList = async () => {
+  const res = await getStationInfoList(null);
+  baseStationInfoList.value = res.data;
+}
+
+// 获取供应商列表（不分页，获取全部）
+let baseSupplierInfoList = ref([]);
+const getBaseSupplierList = async () => {
+  const res = await getBaseSupplierInfoList(null);
+  baseSupplierInfoList.value = res.data;
+}
+
+
 onMounted(() => {
   getList();
   getInspectionTypeList();
   getInspectionItemList();
+  getCategoryList();
 });
 </script>
diff --git a/src/views/qms/qcInspectionType/index.vue b/src/views/qms/qcInspectionType/index.vue
index a1c8790..253b6b5 100644
--- a/src/views/qms/qcInspectionType/index.vue
+++ b/src/views/qms/qcInspectionType/index.vue
@@ -307,10 +307,11 @@ const handleExport = () => {
   }, `qcInspectionType_${new Date().getTime()}.xlsx`)
 }
 
+/** 导出模板按钮操作 */
 const handleExportTemplate = () => {
   proxy?.download('qms/qcInspectionType/exportTemplate', {
     
-  }, `qcInspectionType_${new Date().getTime()}.xlsx`)
+  }, `qcInspectionType_template_${new Date().getTime()}.xlsx`)
 }
 
 /** 导入按钮操作 */