From d44c79f7b84df4ef5bf33d1a865577738f602b92 Mon Sep 17 00:00:00 2001
From: caozehui <2427765068@qq.com>
Date: Fri, 12 Jun 2026 13:30:07 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8A=A5=E5=91=8A=E6=A8=A1=E7=89=88=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Epattern=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/api/device/interface/report.ts   |  53 ++-
 frontend/src/api/device/report/index.ts       |  28 +-
 .../plan/planList/components/planPopup.vue    |  33 +-
 .../template/components/reportPopup.vue       | 335 +++++++++---------
 frontend/src/views/system/template/index.vue  | 253 ++++++-------
 5 files changed, 338 insertions(+), 364 deletions(-)

diff --git a/frontend/src/api/device/interface/report.ts b/frontend/src/api/device/interface/report.ts
index 3c522b1..fdcaaab 100644
--- a/frontend/src/api/device/interface/report.ts
+++ b/frontend/src/api/device/interface/report.ts
@@ -1,39 +1,34 @@
 import type { ReqPage, ResPage } from '@/api/interface'
-import type { UploadFile } from 'element-plus';
 
-// 报告模版接口
 export namespace PqReport {
-
-  /**
-   * 报告模版表格分页查询参数
-   */
   export interface ReqReportParams extends ReqPage {
-    id: string; // 装置序号id 必填
-    name?: string; // 设备名称
-    createTime?: string; //创建时间
+    id: string
+    name?: string
+    createTime?: string
+    pattern: string
   }
 
-  /**
-   * 报告模版新增、修改、根据id查询返回的对象
-   */
   export interface ResReport {
-    id: string;     //报告模板id
-    name: string;//报告模板名称
-    version:string;//版本号
-    baseFile?:string;//基础模板文件路径
-    detailFile?:string;//检测项模版文件路径
-    description:string;//描述信息
-    state:number;//状态:8-删除 1-正常
-    createBy?: string| null; //创建用户
-    createTime?: string| null; //创建时间
-    updateBy?: string| null; //更新用户
-    updateTime?: string| null; //更新时间
+    id: string
+    name: string
+    version: string
+    pattern: string
+    baseFile?: string
+    detailFile?: string
+    description: string
+    state: number
+    createBy?: string | null
+    createTime?: string | null
+    updateBy?: string | null
+    updateTime?: string | null
   }
 
-  /**
-   * 报告模版表格查询分页返回的对象；
-   */
-  export interface ResReportPage extends ResPage<ResReport> {
-
+  export interface ResReportOption {
+    id: string
+    name: string
+    version: string
+    displayName: string
   }
-}
\ No newline at end of file
+
+  export interface ResReportPage extends ResPage<ResReport> {}
+}
diff --git a/frontend/src/api/device/report/index.ts b/frontend/src/api/device/report/index.ts
index b6e6da4..2cff83c 100644
--- a/frontend/src/api/device/report/index.ts
+++ b/frontend/src/api/device/report/index.ts
@@ -1,51 +1,49 @@
-import type {PqReport} from '@/api/device/interface/report'
+import type { PqReport } from '@/api/device/interface/report'
 import http from '@/api'
-
 /**
  * @name 报告模版模块
  */
 
 //获取报告模版
 export const getPqReportList = (params: PqReport.ReqReportParams) => {
-    return http.post(`/report/list`, params)
+  return http.post(`/report/list`, params)
 }
 
 //新增报告模版
 export const addPqReport = (params: PqReport.ResReport) => {
-    return http.upload(`/report/add`, params)
+  return http.upload(`/report/add`, params)
 }
 
 //删除报告模版
 export const deletePqReport = (params: string[]) => {
-    return http.post(`/report/delete`, params)
+  return http.post(`/report/delete`, params)
 }
 
 //查询报告模板详情
 export const getPqReportById = (params: PqReport.ResReport) => {
-    return http.get(`/report/getById?id=${params.id}`)
+  return http.get(`/report/getById?id=${params.id}`)
 }
 
 //修改报告模板
 export const updatePqReport = (params: PqReport.ResReport) => {
-    return http.upload(`/report/update`, params)
+  return http.upload(`/report/update`, params)
 }
 
-//查询所有报告模板名称
-export const getPqReportAllName = () => {
-    return http.get(`/report/listAllName`)
+export const getPqReportOptions = (params: { pattern: string }) => {
+  return http.get(`/report/listOptions?pattern=${params.pattern}`)
 }
 
 //根据名称查询指定报告模板的所有版本
-export const getPqReportAllVersion = (params:any) => {
-    return http.get(`/report/listAllVersion?name=${params.name}`)
+export const getPqReportAllVersion = (params: any) => {
+  return http.get(`/report/listAllVersion?name=${params.name}`)
 }
 
 //被检设备归档
 export const documentedPqDev = (ids: string[]) => {
-    return http.post(`/report/documented`, ids)
+  return http.post(`/report/documented`, ids)
 }
 
 //上传报告到云端
 export const uploadReportToCloud = (deviceIds: string[]) => {
-    return http.post(`/report/uploadReportToCloud`, deviceIds)
-}
\ No newline at end of file
+  return http.post(`/report/uploadReportToCloud`, deviceIds)
+}
diff --git a/frontend/src/views/plan/planList/components/planPopup.vue b/frontend/src/views/plan/planList/components/planPopup.vue
index f5b5b2b..cb48b40 100644
--- a/frontend/src/views/plan/planList/components/planPopup.vue
+++ b/frontend/src/views/plan/planList/components/planPopup.vue
@@ -200,10 +200,10 @@
                             placeholder="请选择报告模版"
                         >
                             <el-option
-                                v-for="(option, index) in pqReportName"
-                                :key="index"
-                                :label="option.name"
-                                :value="option.name"
+                                v-for="option in pqReportName"
+                                :key="option.id"
+                                :label="option.displayName"
+                                :value="option.displayName"
                             />
                         </el-select>
                     </el-form-item>
@@ -454,7 +454,8 @@ import { type TestSource } from '@/api/device/interface/testSource'
 import { type TestScript } from '@/api/device/interface/testScript'
 import { type ErrorSystem } from '@/api/device/interface/error'
 import { type Device } from '@/api/device/interface/device'
-import { getPqReportAllName } from '@/api/device/report'
+import { type PqReport } from '@/api/device/interface/report'
+import { getPqReportOptions } from '@/api/device/report'
 import { useAppSceneStore, useModeStore } from '@/stores/modules/mode'
 import { canBindingList, getAllPqStandardDev } from '@/api/device/standardDevice'
 import { type StandardDevice } from '@/api/device/interface/standardDevice'
@@ -482,7 +483,7 @@ const pqErrSysList = ref<ErrorSystem.ErrorSystemList[]>([]) //获取指定模式
 const pqDevList = ref<Device.ResPqDev[]>([]) //获取指定模式下所有被检设备
 const pqStandardDevList = ref<StandardDevice.ResPqStandardDevice[]>([]) //获取指定模式下所有标准设备
 
-const pqReportName = ref<{ name: string }[]>([])
+const pqReportName = ref<PqReport.ResReportOption[]>([])
 
 const pqSourceArray = ref<{ label: string; value: string }[]>()
 const pqScriptArray = ref<{ label: string; value: string,fluke?:number|boolean}[]>()
@@ -864,7 +865,7 @@ const open = async (sign: string, data: Plan.ReqPlan, currentMode: string, plan:
             ] = await Promise.all([
                 getPqErrSysList(),
                 getUnboundPqDevList({ pattern: data.pattern }),
-                getPqReportAllName(),
+                getPqReportOptions({ pattern: data.pattern || patternId }),
                 canBindingList(),
                 getTestConfig(),
                 getRegRes({ type: patternId }),
@@ -904,15 +905,11 @@ const open = async (sign: string, data: Plan.ReqPlan, currentMode: string, plan:
                     getPqScriptList(data),
                     getPqErrSysList(),
                     getUnboundPqDevList({ pattern: data.pattern }),
-                    getPqReportAllName()
+                    getPqReportOptions({ pattern: data.pattern || patternId })
                 ])
         }
 
-        if (Array.isArray(pqReportName_Result.data)) {
-            pqReportName.value = pqReportName_Result.data.map((item: any) => ({ name: item }))
-        } else {
-            pqReportName.value = []
-        }
+        pqReportName.value = Array.isArray(pqReportName_Result.data) ? pqReportName_Result.data : []
         pqSourceList.value = pqSource_Result.data as TestSource.ResTestSource[]
         pqScriptList.value = PqScript_Result.data as TestScript.ResTestScript[]
         pqErrSysList.value = PqErrSys_Result.data as unknown as ErrorSystem.ErrorSystemList[]
@@ -978,7 +975,7 @@ const open = async (sign: string, data: Plan.ReqPlan, currentMode: string, plan:
                 getPqErrSysList(),
                 getBoundPqDevList({ planIdList: [data.id] }),
                 getUnboundPqDevList({ pattern: data.pattern }),
-                getPqReportAllName(),
+                getPqReportOptions({ pattern: data.pattern || patternId }),
                 getAllPqStandardDev(),
                 getAllUser()
             ])
@@ -1027,15 +1024,11 @@ const open = async (sign: string, data: Plan.ReqPlan, currentMode: string, plan:
                 getPqErrSysList(),
                 getBoundPqDevList({ planIdList: [data.id] }),
                 getUnboundPqDevList({ pattern: data.pattern }),
-                getPqReportAllName()
+                getPqReportOptions({ pattern: data.pattern || patternId })
             ])
         }
 
-        if (Array.isArray(pqReportName_Result.data)) {
-            pqReportName.value = pqReportName_Result.data.map((item: any) => ({ name: item }))
-        } else {
-            pqReportName.value = []
-        }
+        pqReportName.value = Array.isArray(pqReportName_Result.data) ? pqReportName_Result.data : []
 
         pqSourceList.value = pqSource_Result.data as TestSource.ResTestSource[]
         pqScriptList.value = PqScript_Result.data as TestScript.ResTestScript[]
diff --git a/frontend/src/views/system/template/components/reportPopup.vue b/frontend/src/views/system/template/components/reportPopup.vue
index 195d5dd..d3d8bad 100644
--- a/frontend/src/views/system/template/components/reportPopup.vue
+++ b/frontend/src/views/system/template/components/reportPopup.vue
@@ -3,53 +3,53 @@
     <div>
       <el-form ref="dialogFormRef" :model="formContent" :rules="rules">
         <el-form-item label="名称" prop="name">
-          <el-input v-model="formContent.name" placeholder="请输入报告名称" maxlength="32" show-word-limit/>
+          <el-input v-model="formContent.name" placeholder="请输入报告名称" maxlength="32" show-word-limit />
         </el-form-item>
         <el-form-item label="版本号" prop="version">
-          <el-input v-model="formContent.version" placeholder="请输入版本号" maxlength="32" show-word-limit/>
+          <el-input v-model="formContent.version" placeholder="请输入版本号" maxlength="32" show-word-limit />
         </el-form-item>
         <el-form-item label="基础模板文件" prop="baseFile">
           <el-upload
-              action="#"
-              :limit="1"
-              :on-change='BaseHandleChange'
-              :auto-upload="false"
-              :file-list="baseFileList"
-              :on-exceed="BaseHandleExceed"
-              :on-remove="BaseHandleRemove"
-              style="width: 100% !important;"
-              accept=".docx"
-              class="upload-container"
+            action="#"
+            :limit="1"
+            :on-change="baseHandleChange"
+            :auto-upload="false"
+            :file-list="baseFileList"
+            :on-exceed="baseHandleExceed"
+            :on-remove="baseHandleRemove"
+            style="width: 100% !important;"
+            accept=".docx"
+            class="upload-container"
           >
             <el-button type="primary">选择文件</el-button>
           </el-upload>
           仅支持上传大小不超过5MB的.docx文件
         </el-form-item>
-        <el-form-item label="检测项模版文件" prop="detailFile">
+        <el-form-item label="检测项模板文件" prop="detailFile">
           <el-upload
-              action="#"
-              :limit="1"
-              :on-change='DataHandleChange'
-              :auto-upload="false"
-              :file-list="detailFileList"
-              :on-exceed="DataHandleExceed"
-              :on-remove="DataHandleRemove"
-              style="width: 100% !important;"
-              accept=".docx"
-              class="upload-container"
+            action="#"
+            :limit="1"
+            :on-change="dataHandleChange"
+            :auto-upload="false"
+            :file-list="detailFileList"
+            :on-exceed="dataHandleExceed"
+            :on-remove="dataHandleRemove"
+            style="width: 100% !important;"
+            accept=".docx"
+            class="upload-container"
           >
             <el-button type="primary">选择文件</el-button>
           </el-upload>
           仅支持上传大小不超过5MB的.docx文件
         </el-form-item>
         <el-form-item label="描述信息" prop="description">
-          <el-input v-model="formContent.description" type="textarea" placeholder="请输入描述信息"/>
+          <el-input v-model="formContent.description" type="textarea" placeholder="请输入描述信息" />
         </el-form-item>
       </el-form>
     </div>
     <template #footer>
       <div>
-        <el-button @click="close()">取 消</el-button>
+        <el-button @click="close()">取消</el-button>
         <el-button type="primary" @click="save()">保存</el-button>
       </div>
     </template>
@@ -57,71 +57,72 @@
 </template>
 
 <script setup lang="ts">
-import {dialogSmall} from '@/utils/elementBind'
-import {type PqReport} from '@/api/device/interface/report'
-import {ElMessage, UploadFile} from 'element-plus'
-import {addPqReport, getPqReportById, updatePqReport} from '@/api/device/report'
-import {computed, reactive, ref} from 'vue'
+import { computed, reactive, ref } from 'vue'
+import { ElMessage, type UploadFile } from 'element-plus'
+
+import type { PqReport } from '@/api/device/interface/report'
+import { addPqReport, getPqReportById, updatePqReport } from '@/api/device/report'
+import { useDictStore } from '@/stores/modules/dict'
+import { useModeStore } from '@/stores/modules/mode'
+import { dialogSmall } from '@/utils/elementBind'
 
-// 定义弹出组件元信息
 const dialogFormRef = ref()
 let excelFormData = new FormData()
 
+const dictStore = useDictStore()
+const modeStore = useModeStore()
+
 const baseFileName = ref('')
 const baseFileUrl = ref('')
 const detailFileName = ref('')
 const detailFileUrl = ref('')
 
+const getCurrentPatternId = () => {
+  return dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id ?? ''
+}
+
+const createDefaultFormContent = (): PqReport.ResReport => ({
+  id: '',
+  name: '',
+  version: '',
+  pattern: '',
+  description: '',
+  detailFile: '',
+  baseFile: '',
+  state: 1
+})
+
 const baseFileList = computed(() => {
   if (baseFileName.value && baseFileUrl.value) {
-    return [{name: baseFileName.value, url: baseFileUrl.value}];
+    return [{ name: baseFileName.value, url: baseFileUrl.value }]
   }
-  return [];
-});
+  return []
+})
 
 const detailFileList = computed(() => {
   if (detailFileName.value && detailFileUrl.value) {
-    return [{name: detailFileName.value, url: detailFileUrl.value}];
+    return [{ name: detailFileName.value, url: detailFileUrl.value }]
   }
-  return [];
-});
+  return []
+})
 
 function useMetaInfo() {
   const dialogVisible = ref(false)
   const titleType = ref('add')
-  const formContent = ref<PqReport.ResReport>({
-    id: '',
-    name: '',
-    version: '', // 版本号
-    description: '', // 描述信息
-    detailFile: '',//检测项模版文件路径
-    baseFile: '',
-    state: 1,
-  })
-  return {dialogVisible, titleType, formContent}
+  const formContent = ref<PqReport.ResReport>(createDefaultFormContent())
+  return { dialogVisible, titleType, formContent }
 }
 
-const {dialogVisible, titleType, formContent} = useMetaInfo()
+const { dialogVisible, titleType, formContent } = useMetaInfo()
 
-// 清空formContent
 const resetFormContent = () => {
-  formContent.value = {
-    id: '',
-    name: '',
-    version: '', // 版本号
-    description: '', // 描述信息
-    detailFile: '',//检测项模版文件路径
-    baseFile: '',
-    state: 1,
-  }
-
+  formContent.value = createDefaultFormContent()
 }
 
-let dialogTitle = computed(() => {
-  return titleType.value === 'add' ? '新增报告模版' : '编辑报告模版'
+const dialogTitle = computed(() => {
+  return titleType.value === 'add' ? '新增报告模板' : '编辑报告模板'
 })
 
-// 关闭弹窗
 const close = () => {
   excelFormData = new FormData()
   dialogVisible.value = false
@@ -129,176 +130,158 @@ const close = () => {
   dialogFormRef.value?.resetFields()
 }
 
-// 表单验证规则
 const rules = reactive({
-  name: [{required: true, message: '请输入报告名称', trigger: 'blur'}],
-  version: [{required: true, message: '请输入版本号', trigger: 'blur'}],
-  baseFile: [{required: true, message: '请上传基础模板文件', trigger: 'change'}],
-  detailFile: [{required: true, message: '请上传检测项模版文件', trigger: 'change'}],
+  name: [{ required: true, message: '请输入报告名称', trigger: 'blur' }],
+  version: [{ required: true, message: '请输入版本号', trigger: 'blur' }],
+  baseFile: [{ required: true, message: '请上传基础模板文件', trigger: 'change' }],
+  detailFile: [{ required: true, message: '请上传检测项模板文件', trigger: 'change' }]
 })
 
-// 保存数据
 const save = () => {
   try {
     dialogFormRef.value?.validate(async (valid: boolean) => {
-      if (valid) {
-        // 清空 excelFormData
-        excelFormData.delete('id')
-        excelFormData.delete('name')
-        excelFormData.delete('version')
-        excelFormData.delete('description')
+      if (!valid) return
 
-        excelFormData.append('name', formContent.value.name)
-        excelFormData.append('version', formContent.value.version)
-        excelFormData.append('description', formContent.value.description)
-        let baseFileFlag = handleFileLimit(excelFormData.get('baseFile') as File)
-        let detailFileFlag = handleFileLimit(excelFormData.get('detailFile') as File)
-        if (!baseFileFlag || !detailFileFlag) {
-          return
-        }
-        if (formContent.value.id) {
+      excelFormData.delete('id')
+      excelFormData.delete('name')
+      excelFormData.delete('version')
+      excelFormData.delete('description')
+      excelFormData.delete('pattern')
 
-          excelFormData.append('id', formContent.value.id)
-          await updatePqReport(excelFormData);
-          ElMessage.success({message: `${dialogTitle.value}成功！`})
-        } else {
-          await addPqReport(excelFormData);
-          ElMessage.success({message: `${dialogTitle.value}成功！`})
-
-        }
-
-        close()
-        // 刷新表格
-        await props.refreshTable!()
+      const patternId = formContent.value.pattern || getCurrentPatternId()
+      if (!patternId) {
+        ElMessage.error({ message: '当前模式未找到对应的模式ID' })
+        return
       }
 
+      excelFormData.append('name', formContent.value.name)
+      excelFormData.append('version', formContent.value.version)
+      excelFormData.append('description', formContent.value.description)
+      excelFormData.append('pattern', patternId)
+
+      const baseFileFlag = handleFileLimit(excelFormData.get('baseFile') as File)
+      const detailFileFlag = handleFileLimit(excelFormData.get('detailFile') as File)
+      if (!baseFileFlag || !detailFileFlag) {
+        return
+      }
+
+      if (formContent.value.id) {
+        excelFormData.append('id', formContent.value.id)
+        await updatePqReport(excelFormData as unknown as PqReport.ResReport)
+        ElMessage.success({ message: `${dialogTitle.value}成功` })
+      } else {
+        await addPqReport(excelFormData as unknown as PqReport.ResReport)
+        ElMessage.success({ message: `${dialogTitle.value}成功` })
+      }
+
+      close()
+      await props.refreshTable?.()
     })
   } catch (err) {
-    console.error('验证过程中出现错误', err)
+    console.error('校验过程中出现错误', err)
   }
 }
 
-// 打开弹窗，可能是新增，也可能是编辑
 const open = async (sign: string, data?: PqReport.ResReport) => {
   titleType.value = sign
   dialogVisible.value = true
   if (data?.id) {
-    await getPqReportById(data).then((res) => {
+    await getPqReportById(data).then(res => {
       formContent.value.id = res.data.id
       formContent.value.name = res.data.name
       formContent.value.version = res.data.version
+      formContent.value.pattern = res.data.pattern
       formContent.value.description = res.data.description
 
-
-      // 处理文件信息
       if (res.data.baseFileVO) {
-        baseFileName.value = res.data.baseFileVO.name;
-        baseFileUrl.value = res.data.baseFileVO.url;
-
+        baseFileName.value = res.data.baseFileVO.name
+        baseFileUrl.value = res.data.baseFileVO.url
         formContent.value.baseFile = res.data.baseFileVO.name
       }
       if (res.data.detailFileVO) {
-        detailFileName.value = res.data.detailFileVO.name;
-        detailFileUrl.value = res.data.detailFileVO.url;
-
+        detailFileName.value = res.data.detailFileVO.name
+        detailFileUrl.value = res.data.detailFileVO.url
         formContent.value.detailFile = res.data.detailFileVO.name
       }
-
-
     })
   } else {
     baseFileName.value = ''
     baseFileUrl.value = ''
     detailFileName.value = ''
     detailFileUrl.value = ''
-    resetFormContent();
+    resetFormContent()
+    formContent.value.pattern = getCurrentPatternId()
     dialogFormRef.value?.resetFields()
-    // 清空 excelFormData
-    excelFormData = new FormData();
-
+    excelFormData = new FormData()
   }
-
 }
 
-const DataHandleRemove = () => {
-  excelFormData.delete('detailFile');
+const dataHandleRemove = () => {
+  excelFormData.delete('detailFile')
   formContent.value.detailFile = ''
-};
+}
 
-const BaseHandleRemove = () => {
-  excelFormData.delete('baseFile');
+const baseHandleRemove = () => {
+  excelFormData.delete('baseFile')
   formContent.value.baseFile = ''
-};
+}
 
-const BaseHandleExceed = (files: File[]) => {
-  // 移除旧文件
-  excelFormData.delete('baseFile');
-  // 添加新文件
+const baseHandleExceed = (files: File[]) => {
+  excelFormData.delete('baseFile')
   if (files.length > 0) {
-    const newFile = files[0] as unknown as UploadFile;
-    baseFileName.value = newFile.name;
-    excelFormData.append('baseFile', newFile as Blob, newFile.name);
-
+    const newFile = files[0] as unknown as UploadFile
+    baseFileName.value = newFile.name
+    excelFormData.append('baseFile', newFile as unknown as Blob, newFile.name)
     formContent.value.baseFile = newFile.name
   }
-
-};
-
-const DataHandleExceed = (files: File[]) => {
-  // 移除旧文件
-  excelFormData.delete('detailFile');
-
-  // 添加新文件
-  if (files.length > 0) {
-    const newFile = files[0] as UploadFile;
-    detailFileName.value = newFile.name;
-    excelFormData.append('detailFile', newFile as Blob, newFile.name);
-
-    formContent.value.detailFile = newFile.name
-  }
-
-};
-
-const BaseHandleChange = async (param: UploadFile) => {
-  baseFileName.value = param.name;
-  baseFileUrl.value = URL.createObjectURL(param.raw as Blob);
-  excelFormData.append('baseFile', param.raw as Blob, param.name);
-
-  formContent.value.baseFile = param.name;
-};
-
-const DataHandleChange = async (param: UploadFile) => {
-  detailFileName.value = param.name;
-  detailFileUrl.value = URL.createObjectURL(param.raw as Blob);
-  excelFormData.append('detailFile', param.raw as Blob, param.name);
-
-  formContent.value.detailFile = param.name;
-};
-
-const fileSizeLimit = 5 * 1024 * 1024; // 5MB
-
-const handleFileLimit = (file: File) => {
-  if (file) {
-    if (file.size > fileSizeLimit) {
-      ElMessage.error({message: `文件大小不能超过${fileSizeLimit / 1024 / 1024}MB`});
-      return false;
-    } else {
-      return true;
-    }
-  }
-  return true;
 }
 
+const dataHandleExceed = (files: File[]) => {
+  excelFormData.delete('detailFile')
+  if (files.length > 0) {
+    const newFile = files[0] as UploadFile
+    detailFileName.value = newFile.name
+    excelFormData.append('detailFile', newFile as unknown as Blob, newFile.name)
+    formContent.value.detailFile = newFile.name
+  }
+}
 
-// 对外映射
-defineExpose({open})
+const baseHandleChange = async (param: UploadFile) => {
+  baseFileName.value = param.name
+  baseFileUrl.value = URL.createObjectURL(param.raw as Blob)
+  excelFormData.set('baseFile', param.raw as Blob, param.name)
+  formContent.value.baseFile = param.name
+}
+
+const dataHandleChange = async (param: UploadFile) => {
+  detailFileName.value = param.name
+  detailFileUrl.value = URL.createObjectURL(param.raw as Blob)
+  excelFormData.set('detailFile', param.raw as Blob, param.name)
+  formContent.value.detailFile = param.name
+}
+
+const fileSizeLimit = 5 * 1024 * 1024
+
+const handleFileLimit = (file: File | null) => {
+  if (file) {
+    if (file.size > fileSizeLimit) {
+      ElMessage.error({ message: `文件大小不能超过${fileSizeLimit / 1024 / 1024}MB` })
+      return false
+    }
+    return true
+  }
+  return true
+}
+
+defineExpose({ open })
 const props = defineProps<{
   refreshTable: (() => Promise<void>) | undefined
 }>()
 </script>
+
 <style scoped>
 .upload-container {
   display: flex;
   align-items: center;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/frontend/src/views/system/template/index.vue b/frontend/src/views/system/template/index.vue
index 7dc94df..2c1a578 100644
--- a/frontend/src/views/system/template/index.vue
+++ b/frontend/src/views/system/template/index.vue
@@ -1,137 +1,142 @@
 <template>
-    <div class='table-box' ref='popupBaseView'>
-      <ProTable
-          ref='proTable'
-          :columns='columns'
-          :request-api='getTableList'
-      >
-        <!-- :requestApi="getRoleList" -->
-        <!-- 表格 header 按钮 -->
-        <template #tableHeader='scope'>
-          <el-button v-auth.device="'add'" type='primary' :icon='CirclePlus' @click="openDialog('add')">新增</el-button>
-          <el-button v-auth.device="'delete'" type='danger' :icon='Delete' plain :disabled='!scope.isSelected'
-                     @click='batchDelete(scope.selectedListIds)'>
-            删除
-          </el-button>
-        </template>
-        <!-- 表格操作 -->
-        <template #operation='scope'>
-          <el-button v-auth.device="'edit'" type='primary' link :icon='EditPen' :model-value='false'
-                     @click="openDialog('edit', scope.row)">编辑
-          </el-button>
-          <el-button v-auth.device="'delete'" type='primary' link :icon='Delete' @click='handleDelete(scope.row)'>删除
-          </el-button>
-        </template>
-  
-      </ProTable>
-    </div>
-    <ReportPopup :refresh-table='proTable?.getTableList' ref='reportPopup'/>
+  <div class="table-box" ref="popupBaseView">
+    <ProTable ref="proTable" :columns="columns" :request-api="getTableList">
+      <template #tableHeader="scope">
+        <el-button v-auth.device="'add'" type="primary" :icon="CirclePlus" @click="openDialog('add')">新增</el-button>
+        <el-button
+          v-auth.device="'delete'"
+          type="danger"
+          :icon="Delete"
+          plain
+          :disabled="!scope.isSelected"
+          @click="batchDelete(scope.selectedListIds)"
+        >
+          删除
+        </el-button>
+      </template>
 
-  </template>
-  
-  <script setup lang='tsx' name='useRole'>
-  import {type PqReport} from '@/api/device/interface/report.ts'
-  import {useHandleData} from '@/hooks/useHandleData'
-  import {useDownload} from '@/hooks/useDownload'
-  import ProTable from '@/components/ProTable/index.vue'
-  import {type ColumnProps, type ProTableInstance} from '@/components/ProTable/interface'
-  import ReportPopup from '@/views/system/template/components/reportPopup.vue'
-  import {CirclePlus, Delete, Download, EditPen, Upload} from '@element-plus/icons-vue'
-  import {useDictStore} from '@/stores/modules/dict'
-  import {getPqReportList,deletePqReport} from '@/api/device/report/index.ts'
-  import {reactive, ref} from 'vue'
+      <template #operation="scope">
+        <el-button
+          v-auth.device="'edit'"
+          type="primary"
+          link
+          :icon="EditPen"
+          :model-value="false"
+          @click="openDialog('edit', scope.row)"
+        >
+          编辑
+        </el-button>
+        <el-button v-auth.device="'delete'" type="primary" link :icon="Delete" @click="handleDelete(scope.row)">
+          删除
+        </el-button>
+      </template>
+    </ProTable>
+  </div>
+  <ReportPopup :refresh-table="proTable?.getTableList" ref="reportPopup" />
+</template>
 
-  // ProTable 实例
-  const proTable = ref<ProTableInstance>()
-  const reportPopup = ref()
+<script setup lang="tsx" name="useRole">
+import { ElMessage } from 'element-plus'
+import { CirclePlus, Delete, EditPen } from '@element-plus/icons-vue'
+import { reactive, ref } from 'vue'
 
-  const getTableList = async (params: any) => {
-     let newParams = JSON.parse(JSON.stringify(params))
-     return  getPqReportList(newParams)
+import type { PqReport } from '@/api/device/interface/report.ts'
+import { deletePqReport, getPqReportList } from '@/api/device/report/index.ts'
+import ProTable from '@/components/ProTable/index.vue'
+import type { ColumnProps, ProTableInstance } from '@/components/ProTable/interface'
+import { useHandleData } from '@/hooks/useHandleData'
+import { useDictStore } from '@/stores/modules/dict'
+import { useModeStore } from '@/stores/modules/mode'
+import ReportPopup from '@/views/system/template/components/reportPopup.vue'
+
+const proTable = ref<ProTableInstance>()
+const reportPopup = ref()
+const dictStore = useDictStore()
+const modeStore = useModeStore()
+
+const getCurrentPatternId = () => {
+  return dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id ?? ''
+}
+
+const getTableList = async (params: any) => {
+  const patternId = getCurrentPatternId()
+  if (!patternId) {
+    ElMessage.error('当前模式未找到对应的模式ID')
+    return {
+      data: { list: [], total: 0, pageNum: params.pageNum ?? 1, pageSize: params.pageSize ?? 10 }
+    }
   }
-  
-  
-  // 表格配置项
-  const columns = reactive<ColumnProps<PqReport.ResReport>[]>([
-    {type: 'selection', fixed: 'left', width: 70},
-    {type: 'index', fixed: 'left', width: 70, label: '序号'},
-    {
-      prop: 'name',
-      label: '名称',
-      search: {el: 'input'},
-      minWidth: 100,
-    },
-    
-    {
-      prop: 'version',
-      label: '版本号',
-      minWidth: 80,
-  
-    },
-    {
-      prop: 'baseFile',
-      label: '基础模板文件路径',
-      minWidth: 150,
-      render: scope => {
-        return scope.row.baseFileVO.url
-      }
-    },
-    {
-      prop: 'detailFile',
-      label: '检测项模版文件路径',
-      minWidth: 150,
-      render: scope => {
-          return scope.row.detailFileVO.url
-      }
-    },
-    {
-      prop:'description',
-      label: '描述',
-      minWidth: 150
-    },
-    {
+  const newParams = JSON.parse(JSON.stringify(params))
+  newParams.pattern = patternId
+  return getPqReportList(newParams)
+}
+
+const columns = reactive<ColumnProps<PqReport.ResReport>[]>([
+  { type: 'selection', fixed: 'left', width: 70 },
+  { type: 'index', fixed: 'left', width: 70, label: '序号' },
+  {
+    prop: 'name',
+    label: '名称',
+    search: { el: 'input' },
+    minWidth: 100
+  },
+  {
+    prop: 'version',
+    label: '版本号',
+    minWidth: 80
+  },
+  {
+    prop: 'baseFile',
+    label: '基础模板文件路径',
+    minWidth: 150,
+    render: scope => {
+      return scope.row.baseFileVO?.url ?? ''
+    }
+  },
+  {
+    prop: 'detailFile',
+    label: '检测项模板文件路径',
+    minWidth: 150,
+    render: scope => {
+      return scope.row.detailFileVO?.url ?? ''
+    }
+  },
+  {
+    prop: 'description',
+    label: '描述',
+    minWidth: 150
+  },
+  {
     prop: 'createTime',
     label: '创建时间',
     width: 200,
     render: scope => {
-      if (scope.row.createTime) {
-        const date = new Date(scope.row.createTime);
-        const year = date.getFullYear();
-        const month = String(date.getMonth() + 1).padStart(2, '0');
-        const day = String(date.getDate()).padStart(2, '0');
-        const hours = String(date.getHours()).padStart(2, '0');
-        const minutes = String(date.getMinutes()).padStart(2, '0');
-        const seconds = String(date.getSeconds()).padStart(2, '0');
-        return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
-      }
-      return '';
+      if (!scope.row.createTime) return ''
+      const date = new Date(scope.row.createTime)
+      const year = date.getFullYear()
+      const month = String(date.getMonth() + 1).padStart(2, '0')
+      const day = String(date.getDate()).padStart(2, '0')
+      const hours = String(date.getHours()).padStart(2, '0')
+      const minutes = String(date.getMinutes()).padStart(2, '0')
+      const seconds = String(date.getSeconds()).padStart(2, '0')
+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
     }
   },
-   
-    {prop: 'operation', label: '操作', fixed: 'right', width: 200},
-  ])
-  
+  { prop: 'operation', label: '操作', fixed: 'right', width: 200 }
+])
 
-  // 打开 drawer(新增、编辑)
-  const openDialog = (titleType: string, row: Partial<PqReport.ResReport> = {}) => {
-      reportPopup.value.open(titleType, row)
-  }
-  
-  
-  // 批量删除报告模版
-  const batchDelete = async (id: string[]) => {
-    await useHandleData(deletePqReport, id, '删除所选报告模版')
+const openDialog = (titleType: string, row: Partial<PqReport.ResReport> = {}) => {
+  reportPopup.value.open(titleType, row)
+}
 
-    proTable.value?.clearSelection()
-    proTable.value?.getTableList()
-  }
-  
-  // 删除报告模版
-  const handleDelete = async (params:PqReport.ResReport) => {
-    await useHandleData(deletePqReport,  [params.id], `删除【${params.name}】报告模版`)
-    proTable.value?.getTableList()
-  
-  }
-  
-  </script>
-    
\ No newline at end of file
+const batchDelete = async (id: string[]) => {
+  await useHandleData(deletePqReport, id, '删除所选报告模板')
+  proTable.value?.clearSelection()
+  proTable.value?.getTableList()
+}
+
+const handleDelete = async (params: PqReport.ResReport) => {
+  await useHandleData(deletePqReport, [params.id], `删除【${params.name}】报告模板`)
+  proTable.value?.getTableList()
+}
+</script>