From 9ff9e7b923e1cc9a14142a0a00be535b7327cfbe Mon Sep 17 00:00:00 2001
From: sjl <1716605279@qq.com>
Date: Thu, 13 Nov 2025 08:42:05 +0800
Subject: [PATCH] =?UTF-8?q?icd=E6=98=A0=E5=B0=84=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/api/device/icd/index.ts          |   4 +-
 frontend/src/api/device/interface/icd.ts      |   1 +
 .../home/components/compareTestPopup.vue      |   1 -
 .../home/components/deviceConnectionPopup.vue |   3 +-
 frontend/src/views/home/components/table.vue  |   3 +-
 .../views/machine/icd/components/icdPopup.vue | 116 +++++++++++++++++-
 frontend/src/views/machine/icd/index.vue      |   8 ++
 .../template/components/reportPopup.vue       |   2 +-
 8 files changed, 126 insertions(+), 12 deletions(-)

diff --git a/frontend/src/api/device/icd/index.ts b/frontend/src/api/device/icd/index.ts
index 0830ffd..ffe4a26 100644
--- a/frontend/src/api/device/icd/index.ts
+++ b/frontend/src/api/device/icd/index.ts
@@ -20,12 +20,12 @@ export const getICDAllList = (params: ICD.ResICD) => {
 
 //添加ICD
 export const addICD = (params: ICD.ResICD) => {
-    return http.post(`/icd/add`, params)
+    return http.upload(`/icd/add`, params)
   }
   
   //编辑ICD
   export const updateICD = (params: ICD.ResICD) => {
-    return http.post(`/icd/update`, params)
+    return http.upload(`/icd/update`, params)
   }
   
   //删除ICD
diff --git a/frontend/src/api/device/interface/icd.ts b/frontend/src/api/device/interface/icd.ts
index b3e69e7..6905ebd 100644
--- a/frontend/src/api/device/interface/icd.ts
+++ b/frontend/src/api/device/interface/icd.ts
@@ -26,6 +26,7 @@ export namespace ICD {
     updateTime?: string| null; //更新时间
     angle: number; // 是否支持电压相角、电流相角指标
     usePhaseIndex: number; // 角型接线时是否使用相别的指标来进行检测
+    mappingFile: string | null;//映射文件
   }
 
   /**
diff --git a/frontend/src/views/home/components/compareTestPopup.vue b/frontend/src/views/home/components/compareTestPopup.vue
index e2639de..8bafebf 100644
--- a/frontend/src/views/home/components/compareTestPopup.vue
+++ b/frontend/src/views/home/components/compareTestPopup.vue
@@ -278,7 +278,6 @@ const open = async (
     pairs.value = pair
     showSteps.value = true
     initOperate()
-    dialogTitle.value = title
     dialogVisible.value = true
 
     // 等待组件渲染完成
diff --git a/frontend/src/views/home/components/deviceConnectionPopup.vue b/frontend/src/views/home/components/deviceConnectionPopup.vue
index e8b9bd3..49a3c13 100644
--- a/frontend/src/views/home/components/deviceConnectionPopup.vue
+++ b/frontend/src/views/home/components/deviceConnectionPopup.vue
@@ -215,7 +215,7 @@ const planIdKey = ref<string>('')
 const deviceMonitor = ref<Map<string, any[]>>();
 const planIsOnlyWave = ref(false)
 const open = async (
-    
+    title: string,
     device: Device.ResPqDev[],
     standardDev: StandardDevice.ResPqStandardDevice[],
     fatherPlanId: string,
@@ -223,6 +223,7 @@ const open = async (
     checkType: string,
     isOnlyWave:boolean
 ) => {
+    dialogTitle.value = title
     planIsOnlyWave.value = isOnlyWave
     CompareTestVisible.value = false
     devIdList.value = device
diff --git a/frontend/src/views/home/components/table.vue b/frontend/src/views/home/components/table.vue
index cdde362..850db8b 100644
--- a/frontend/src/views/home/components/table.vue
+++ b/frontend/src/views/home/components/table.vue
@@ -845,8 +845,9 @@ const handleTest2 = async (val: string) => {
  
     // 检查数组长度是否为1且唯一元素是'wave_data'
     const isOnlyWave = targetPlan.datasourceIds.length === 1 && targetPlan.datasourceIds[0] === 'wave_data'
- 
+    dialogTitle.value = val
     deviceConnectionPopupRef.value?.open(
+        dialogTitle.value,
         filteredChannelsSelection,
         pqStandardDevList.value,
         props.id,
diff --git a/frontend/src/views/machine/icd/components/icdPopup.vue b/frontend/src/views/machine/icd/components/icdPopup.vue
index 0055e1e..55de2ef 100644
--- a/frontend/src/views/machine/icd/components/icdPopup.vue
+++ b/frontend/src/views/machine/icd/components/icdPopup.vue
@@ -14,6 +14,23 @@
                         show-word-limit
                     />
                 </el-form-item>
+                <el-form-item label="映射文件" prop="mappingFile">
+                    <el-upload
+                        action="#"
+                        :limit="1"
+                        :on-change='MappingHandleChange'
+                        :auto-upload="false"
+                        :file-list="mappingFileList"
+                        :on-exceed="MappingHandleExceed"
+                        :on-remove="MappingHandleRemove"
+                        style="width: 100% !important;"
+                        accept=".txt"
+                        class="upload-container"
+                    >
+                        <el-button type="primary">选择文件</el-button>
+                    </el-upload>
+                    仅支持上传大小不超过1MB的.txt文件
+                </el-form-item>
                 <el-form-item label="是否支持电压相角、电流相角指标" prop="angle" label-width="auto">
                     <el-switch
                         v-model="formContent.angle"
@@ -46,7 +63,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ElMessage, type FormInstance, type FormItemRule } from 'element-plus'
+import { ElMessage, UploadFile, type FormInstance, type FormItemRule } from 'element-plus'
 import { computed, ref, Ref } from 'vue'
 import { type ICD } from '@/api/device/interface/icd'
 import { dialogSmall } from '@/utils/elementBind'
@@ -56,6 +73,17 @@ import { addICD, updateICD } from '@/api/device/icd'
 const dictStore = useDictStore()
 // 定义弹出组件元信息
 const dialogFormRef = ref()
+const mappingFileName = ref('')
+const mappingFileUrl = ref('')
+let excelFormData = new FormData()
+
+
+const mappingFileList = computed(() => {
+  if (mappingFileName.value && mappingFileUrl.value) {
+    return [{name: mappingFileName.value, url: mappingFileUrl.value}];
+  }
+  return [];
+});
 function useMetaInfo() {
     const dialogVisible = ref(false)
     const titleType = ref('add')
@@ -65,7 +93,8 @@ function useMetaInfo() {
         path: '',
         state: 1,
         angle: 0,
-        usePhaseIndex: 0
+        usePhaseIndex: 0,
+        mappingFile: ''
     })
     return { dialogVisible, titleType, formContent }
 }
@@ -80,7 +109,8 @@ const resetFormContent = () => {
         path: '',
         state: 1,
         angle: 0,
-        usePhaseIndex: 0
+        usePhaseIndex: 0,
+        mappingFile: ''
     }
 }
 
@@ -93,11 +123,13 @@ const formRuleRef = ref<FormInstance>()
 //定义校验规则
 const rules: Ref<Record<string, Array<FormItemRule>>> = ref({
     name: [{ required: true, message: 'icd名称必填！', trigger: 'blur' }],
-    path: [{ required: true, message: 'icd存储地址必填！', trigger: 'blur' }]
+    path: [{ required: true, message: 'icd存储地址必填！', trigger: 'blur' }],
+    mappingFile: [{required: true, message: '请上传映射文件', trigger: 'change'}],
 })
 
 // 关闭弹窗
 const close = () => {
+    excelFormData = new FormData()
     dialogVisible.value = false
     // 清空dialogForm中的值
     resetFormContent()
@@ -110,10 +142,27 @@ const save = () => {
     try {
         dialogFormRef.value?.validate(async (valid: boolean) => {
             if (valid) {
+                // 清空 excelFormData
+                excelFormData.delete('name')
+                excelFormData.delete('path')
+                excelFormData.delete('angle')
+                excelFormData.delete('usePhaseIndex')
+
+                excelFormData.append('name', formContent.value.name)
+                excelFormData.append('path', formContent.value.path)
+                excelFormData.append('angle', formContent.value.angle)
+                excelFormData.append('usePhaseIndex', formContent.value.usePhaseIndex)
+
+                let baseFileFlag = handleFileLimit(excelFormData.get('mappingFile') as File)
+                if (!baseFileFlag) {
+                    return
+                }
+
                 if (formContent.value.id) {
-                    await updateICD(formContent.value)
+                     excelFormData.append('id', formContent.value.id)
+                    await updateICD(excelFormData)
                 } else {
-                    await addICD(formContent.value)
+                    await addICD(excelFormData)
                 }
                 ElMessage.success({ message: `${dialogTitle.value}成功！` })
                 close()
@@ -135,11 +184,66 @@ const open = async (sign: string, data: ICD.ResICD) => {
 
     if (data.id) {
         formContent.value = { ...data }
+        formContent.value.id = data.id
+        // 文件信息回显
+        if (data.mappingFile) {
+            mappingFileName.value = data.mappingFile.name
+            mappingFileUrl.value = data.mappingFile.url
+            // 模拟文件列表显示
+            formContent.value.mappingFile = data.mappingFile.name
+        }
+      
+
     } else {
+        mappingFileName.value = ''
+        mappingFileUrl.value = ''
         resetFormContent()
+        // 清空 excelFormData
+        excelFormData = new FormData();
     }
 }
 
+const MappingHandleChange = async (param: UploadFile) => {
+  mappingFileName.value = param.name;
+  mappingFileUrl.value = URL.createObjectURL(param.raw as Blob);
+  excelFormData.append('mappingFile', param.raw as Blob, param.name);
+
+  formContent.value.mappingFile = param.name;
+};
+
+const MappingHandleRemove = () => {
+  excelFormData.delete('mappingFile');
+  formContent.value.mappingFile = ''
+};
+
+const MappingHandleExceed = (files: File[]) => {
+  // 移除旧文件
+  excelFormData.delete('mappingFile');
+  // 添加新文件
+  if (files.length > 0) {
+    const newFile = files[0] as unknown as UploadFile;
+    mappingFileName.value = newFile.name;
+    excelFormData.append('mappingFile', newFile as Blob, newFile.name);
+
+    formContent.value.mappingFile = newFile.name
+  }
+
+};
+
+const fileSizeLimit = 1 * 1024 * 1024; // 1MB
+
+const handleFileLimit = (file: File) => {
+  if (file) {
+    if (file.size > fileSizeLimit) {
+      ElMessage.error({message: `文件大小不能超过${fileSizeLimit / 1024 / 1024}MB`});
+      return false;
+    } else {
+      return true;
+    }
+  }
+  return true;
+}
+
 // 对外映射
 defineExpose({ open })
 const props = defineProps<{
diff --git a/frontend/src/views/machine/icd/index.vue b/frontend/src/views/machine/icd/index.vue
index 5e4acde..288d7c6 100644
--- a/frontend/src/views/machine/icd/index.vue
+++ b/frontend/src/views/machine/icd/index.vue
@@ -69,6 +69,14 @@
       label: '存储地址',
   
     },
+    {
+      prop: 'mappingFile',
+      label: '映射文件路径',
+      minWidth: 150,
+      render: scope => {
+        return scope.row.mappingFile.url
+      }
+    },
     {
       prop: 'createTime',
       label: '创建时间',
diff --git a/frontend/src/views/system/template/components/reportPopup.vue b/frontend/src/views/system/template/components/reportPopup.vue
index bd2a22e..195d5dd 100644
--- a/frontend/src/views/system/template/components/reportPopup.vue
+++ b/frontend/src/views/system/template/components/reportPopup.vue
@@ -239,7 +239,7 @@ const BaseHandleExceed = (files: File[]) => {
     baseFileName.value = newFile.name;
     excelFormData.append('baseFile', newFile as Blob, newFile.name);
 
-    formContent.value.detailFile = newFile.name
+    formContent.value.baseFile = newFile.name
   }
 
 };