diff --git a/src/api/business/certManage/changeApply.ts b/src/api/business/certManage/changeApply.ts
index edbdf7d..dcf2c41 100644
--- a/src/api/business/certManage/changeApply.ts
+++ b/src/api/business/certManage/changeApply.ts
@@ -106,7 +106,7 @@
 // 导出word/pdf/打印
 export function getStream(data: any) {
   return request({
-    url: '/equipment/lend/exportFile',
+    url: `${prefix}/exportFile`,
     method: 'post',
     responseType: 'blob',
     data,

diff --git a/src/api/business/certManage/changeApply.ts b/src/api/business/certManage/changeApply.ts
index edbdf7d..dcf2c41 100644
--- a/src/api/business/certManage/changeApply.ts
+++ b/src/api/business/certManage/changeApply.ts
@@ -106,7 +106,7 @@
 // 导出word/pdf/打印
 export function getStream(data: any) {
   return request({
-    url: '/equipment/lend/exportFile',
+    url: `${prefix}/exportFile`,
     method: 'post',
     responseType: 'blob',
     data,
diff --git a/src/views/business/certManage/apply/components/basic.vue b/src/views/business/certManage/apply/components/basic.vue
index 99cbbaa..c61d3fb 100644
--- a/src/views/business/certManage/apply/components/basic.vue
+++ b/src/views/business/certManage/apply/components/basic.vue
@@ -4,14 +4,11 @@
 import type { FormRules } from 'element-plus'
 import dayjs from 'dayjs'
 import type { IForm } from '../apply-interface'
+import SelectCertDialog from '../dialog/selectCertDialog.vue'
 import type { dictType } from '@/global'
 import { getDictByCode } from '@/api/system/dict'
-import { getUserList } from '@/api/system/user'
 import { SCHEDULE } from '@/utils/scheduleDict'
 import useUserStore from '@/store/modules/user'
-import { useCheckList } from '@/commonMethods/useCheckList'
-import type { IAccessory } from '@/views/equipement/info/book/book-interface'
-import { useDoubleClickTableRow, useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
 import { addChangeCertApplyList, failUpdateChangeCertApplyList, getInfo, submit, updateChangeCertApplyList } from '@/api/business/certManage/changeApply'
 const props = defineProps({
   pageType: { // 页面类型 add新建 edit编辑 detail详情
@@ -19,7 +16,7 @@
     requre: true,
     default: 'detail',
   },
-  id: {
+  id: { // id
     type: String,
     requre: true,
   },
@@ -27,7 +24,7 @@
     type: String,
     requre: true,
   },
-  processId: {
+  processId: { // 流程实例id
     type: String,
   },
 })
@@ -79,12 +76,21 @@
     changeTypeList.value = response.data
   })
 }
+getDict()
 // -----------------------------------------------保存----------------------------------------------
 /**
  * 点击保存
  * @param formEl 基本信息表单ref
  */
 const saveForm = async () => {
+  if (!form.value.changeAnalysis) {
+    ElMessage.warning('补充/更换原因及影响分析不能为空')
+    return false
+  }
+  if (!form.value.recallAnalysis) {
+    ElMessage.warning('召回原因及影响分析不能为空')
+    return false
+  }
   await ruleFormRef.value.validate((valid: boolean) => {
     if (valid) { // 基本信息表单通过校验
       ElMessageBox.confirm(
@@ -101,8 +107,6 @@
           text: '加载中...',
           background: 'rgba(255, 255, 255, 0.8)',
         })
-        console.log('props.processId', props.processId)
-
         const params = {
           ...form.value,
           id: infoId.value,
@@ -111,7 +115,7 @@
         if (props.pageType === 'add') { // 新建
           addChangeCertApplyList(params).then((res) => {
             loading.close()
-            // form.value.registerNo = res.data.registerNo // 登记表编号
+            form.value.changeApplyNo = res.data.changeApplyNo // 登记表编号
             infoId.value = res.data.id // id
             emits('addSuccess', infoId.value)
             ElMessage.success('已保存')
@@ -175,6 +179,25 @@
     // attachmentList.value = res.data.attachmentList // 设备列表
   })
 }
+
+// -----------------------------------------选择证书----------------------------------------------
+const selectCertDialogRef = ref() // 选择证书组件ref
+// 点击选择证书
+const selectUpdateCertNo = () => {
+  selectCertDialogRef.value.initDialog()
+}
+
+// 确认选择证书
+const confirmSelect = (val: any) => {
+  // if (val && val.length) {
+  // form.value.changeReportId =	val[0].id // 更换证书id
+  // form.value.changeReportName =	val[0].changeReportName	// 更换证书 / 报告名称
+  // form.value.changeReportNo =	val[0].changeReportNo	// 更换证书编号
+  form.value.changeReportId =	'123456789' // 更换证书id
+  form.value.changeReportName =	'证书1'	// 更换证书 / 报告名称
+  form.value.changeReportNo =	'zs123456789'	// 更换证书编号
+  // }
+}
 // ---------------------------------------------钩子----------------------------------------------
 watch(() => props.id, (newValue) => {
   infoId.value = newValue!
@@ -209,6 +232,20 @@
     >
       <el-row :gutter="24">
         <el-col :span="6">
+          <el-form-item label="实验室代码" prop="labCode">
+            <el-select v-model="form.labCode" :placeholder="pageType === 'detail' ? ' ' : '请选择实验室代码'" :disabled="pageType === 'detail'" class="full-width-input">
+              <el-option v-for="item in labCodeList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="组别代码" prop="groupCode">
+            <el-select v-model="form.groupCode" :placeholder="pageType === 'detail' ? ' ' : '请选择组别代码'" :disabled="pageType === 'detail'" class="full-width-input">
+              <el-option v-for="item in groupCodeList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
           <el-form-item label="申请单编号:" prop="changeApplyNo">
             <el-input
               v-model="form.changeApplyNo"
@@ -252,7 +289,7 @@
               :class="{ 'detail-input': pageType === 'detail' }"
               disabled
             >
-              <template #append>
+              <template v-if="pageType !== 'detail'" #append>
                 <el-button size="small" @click="selectUpdateCertNo">
                   选择
                 </el-button>
@@ -272,9 +309,13 @@
         </el-col>
         <el-col :span="6">
           <el-form-item label="变更类型:" prop="changeType">
-            <el-radio-group v-model="form.changeType">
-              <el-radio label="补充" />
-              <el-radio label="更换" />
+            <el-radio-group v-model="form.changeType" :disabled="pageType === 'detail'">
+              <el-radio label="1">
+                补充
+              </el-radio>
+              <el-radio label="2">
+                更换
+              </el-radio>
             </el-radio-group>
           </el-form-item>
         </el-col>
@@ -311,4 +352,6 @@
       </el-col>
     </el-row>
   </detail-block>
+  <!-- 选择证书组件  -->
+  <select-cert-dialog ref="selectCertDialogRef" @confirm="confirmSelect" />
 </template>

diff --git a/src/api/business/certManage/changeApply.ts b/src/api/business/certManage/changeApply.ts
index edbdf7d..dcf2c41 100644
--- a/src/api/business/certManage/changeApply.ts
+++ b/src/api/business/certManage/changeApply.ts
@@ -106,7 +106,7 @@
 // 导出word/pdf/打印
 export function getStream(data: any) {
   return request({
-    url: '/equipment/lend/exportFile',
+    url: `${prefix}/exportFile`,
     method: 'post',
     responseType: 'blob',
     data,
diff --git a/src/views/business/certManage/apply/components/basic.vue b/src/views/business/certManage/apply/components/basic.vue
index 99cbbaa..c61d3fb 100644
--- a/src/views/business/certManage/apply/components/basic.vue
+++ b/src/views/business/certManage/apply/components/basic.vue
@@ -4,14 +4,11 @@
 import type { FormRules } from 'element-plus'
 import dayjs from 'dayjs'
 import type { IForm } from '../apply-interface'
+import SelectCertDialog from '../dialog/selectCertDialog.vue'
 import type { dictType } from '@/global'
 import { getDictByCode } from '@/api/system/dict'
-import { getUserList } from '@/api/system/user'
 import { SCHEDULE } from '@/utils/scheduleDict'
 import useUserStore from '@/store/modules/user'
-import { useCheckList } from '@/commonMethods/useCheckList'
-import type { IAccessory } from '@/views/equipement/info/book/book-interface'
-import { useDoubleClickTableRow, useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
 import { addChangeCertApplyList, failUpdateChangeCertApplyList, getInfo, submit, updateChangeCertApplyList } from '@/api/business/certManage/changeApply'
 const props = defineProps({
   pageType: { // 页面类型 add新建 edit编辑 detail详情
@@ -19,7 +16,7 @@
     requre: true,
     default: 'detail',
   },
-  id: {
+  id: { // id
     type: String,
     requre: true,
   },
@@ -27,7 +24,7 @@
     type: String,
     requre: true,
   },
-  processId: {
+  processId: { // 流程实例id
     type: String,
   },
 })
@@ -79,12 +76,21 @@
     changeTypeList.value = response.data
   })
 }
+getDict()
 // -----------------------------------------------保存----------------------------------------------
 /**
  * 点击保存
  * @param formEl 基本信息表单ref
  */
 const saveForm = async () => {
+  if (!form.value.changeAnalysis) {
+    ElMessage.warning('补充/更换原因及影响分析不能为空')
+    return false
+  }
+  if (!form.value.recallAnalysis) {
+    ElMessage.warning('召回原因及影响分析不能为空')
+    return false
+  }
   await ruleFormRef.value.validate((valid: boolean) => {
     if (valid) { // 基本信息表单通过校验
       ElMessageBox.confirm(
@@ -101,8 +107,6 @@
           text: '加载中...',
           background: 'rgba(255, 255, 255, 0.8)',
         })
-        console.log('props.processId', props.processId)
-
         const params = {
           ...form.value,
           id: infoId.value,
@@ -111,7 +115,7 @@
         if (props.pageType === 'add') { // 新建
           addChangeCertApplyList(params).then((res) => {
             loading.close()
-            // form.value.registerNo = res.data.registerNo // 登记表编号
+            form.value.changeApplyNo = res.data.changeApplyNo // 登记表编号
             infoId.value = res.data.id // id
             emits('addSuccess', infoId.value)
             ElMessage.success('已保存')
@@ -175,6 +179,25 @@
     // attachmentList.value = res.data.attachmentList // 设备列表
   })
 }
+
+// -----------------------------------------选择证书----------------------------------------------
+const selectCertDialogRef = ref() // 选择证书组件ref
+// 点击选择证书
+const selectUpdateCertNo = () => {
+  selectCertDialogRef.value.initDialog()
+}
+
+// 确认选择证书
+const confirmSelect = (val: any) => {
+  // if (val && val.length) {
+  // form.value.changeReportId =	val[0].id // 更换证书id
+  // form.value.changeReportName =	val[0].changeReportName	// 更换证书 / 报告名称
+  // form.value.changeReportNo =	val[0].changeReportNo	// 更换证书编号
+  form.value.changeReportId =	'123456789' // 更换证书id
+  form.value.changeReportName =	'证书1'	// 更换证书 / 报告名称
+  form.value.changeReportNo =	'zs123456789'	// 更换证书编号
+  // }
+}
 // ---------------------------------------------钩子----------------------------------------------
 watch(() => props.id, (newValue) => {
   infoId.value = newValue!
@@ -209,6 +232,20 @@
     >
       <el-row :gutter="24">
         <el-col :span="6">
+          <el-form-item label="实验室代码" prop="labCode">
+            <el-select v-model="form.labCode" :placeholder="pageType === 'detail' ? ' ' : '请选择实验室代码'" :disabled="pageType === 'detail'" class="full-width-input">
+              <el-option v-for="item in labCodeList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="组别代码" prop="groupCode">
+            <el-select v-model="form.groupCode" :placeholder="pageType === 'detail' ? ' ' : '请选择组别代码'" :disabled="pageType === 'detail'" class="full-width-input">
+              <el-option v-for="item in groupCodeList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
           <el-form-item label="申请单编号:" prop="changeApplyNo">
             <el-input
               v-model="form.changeApplyNo"
@@ -252,7 +289,7 @@
               :class="{ 'detail-input': pageType === 'detail' }"
               disabled
             >
-              <template #append>
+              <template v-if="pageType !== 'detail'" #append>
                 <el-button size="small" @click="selectUpdateCertNo">
                   选择
                 </el-button>
@@ -272,9 +309,13 @@
         </el-col>
         <el-col :span="6">
           <el-form-item label="变更类型:" prop="changeType">
-            <el-radio-group v-model="form.changeType">
-              <el-radio label="补充" />
-              <el-radio label="更换" />
+            <el-radio-group v-model="form.changeType" :disabled="pageType === 'detail'">
+              <el-radio label="1">
+                补充
+              </el-radio>
+              <el-radio label="2">
+                更换
+              </el-radio>
             </el-radio-group>
           </el-form-item>
         </el-col>
@@ -311,4 +352,6 @@
       </el-col>
     </el-row>
   </detail-block>
+  <!-- 选择证书组件  -->
+  <select-cert-dialog ref="selectCertDialogRef" @confirm="confirmSelect" />
 </template>
diff --git a/src/views/business/certManage/apply/detail.vue b/src/views/business/certManage/apply/detail.vue
index bb85de0..3928286 100644
--- a/src/views/business/certManage/apply/detail.vue
+++ b/src/views/business/certManage/apply/detail.vue
@@ -1,3 +1,105 @@
+<!-- 更换证书详情 -->
+<script name="BusinessChangeCertApplyDetail" lang="ts" setup>
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import * as pdfjsLib from 'pdfjs-dist'
+import filePreview from '@/components/filePreview/filePreview.vue'
+import { getStream } from '@/api/business/subpackage/agreement'
+import { getBase64, getObjectURL } from '@/utils/download'
+import { exportFile } from '@/utils/exportUtils'
+import { printPdf } from '@/utils/printUtils'
+
+const infoId = ref('') // id
+const $route = useRoute()
+const $router = useRouter()
+const pdfUrl = ref('') // pdfurl
+const pdfStream = ref() as any // pdf流
+
+// --------------------------------------路由参数----------------------------------------------
+// 从路由中获取页面类型参数
+if ($route.params) {
+  if ($route.params.id) {
+    infoId.value = $route.params.id as string
+  }
+}
+// -----------------------------------------按钮--------------------------------------------------
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 导出word
+const exportWord = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '加载中...',
+    background: 'rgba(255, 255, 255, 0.6)',
+  })
+  getStream({ id: infoId.value, pdf: false }).then((res) => {
+    exportFile(res.data, '证书/报告补充或更换申请单.doc')
+    loading.close()
+  })
+}
+
+// 导出pdf
+const exportPdf = () => {
+  exportFile(pdfStream.value, '证书/报告补充或更换申请单.pdf')
+}
+
+// 打印
+const print = () => {
+  const blobUrl = URL.createObjectURL(pdfStream.value)
+  printPdf(blobUrl)
+}
+// -------------------------------------------------------------------------------------------
+/**
+ * 初始化
+ */
+function init() {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '加载中...',
+    background: 'rgba(255, 255, 255, 0.6)',
+  })
+  getStream({ id: infoId.value, pdf: true }).then((res) => {
+    pdfStream.value = new Blob([res.data])
+    getBase64(res.data).then((res) => {
+      pdfUrl.value = res as string
+    })
+    pdfjsLib.GlobalWorkerOptions.workerSrc = '/pdf.worker.js'
+    loading.close()
+  })
+}
+
+onMounted(() => {
+  // init()
+})
+</script>
+
 <template>
-  {{ 11 }}
+  <app-container>
+    <detail-page title="证书/报告补充或更换申请单">
+      <template #btns>
+        <el-button type="primary" @click="exportWord">
+          导出word
+        </el-button>
+        <el-button type="primary" @click="exportPdf">
+          导出pdf
+        </el-button>
+        <el-button type="primary" @click="print">
+          打印
+        </el-button>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+    </detail-page>
+    <div style="display: flex;justify-content: center; margin-top: 10px;width: 100%;">
+      <!-- <file-preview :pdf-url="pdfUrl" style="width: 70%;" /> -->
+      敬请期待
+    </div>
+  </app-container>
 </template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+

diff --git a/src/api/business/certManage/changeApply.ts b/src/api/business/certManage/changeApply.ts
index edbdf7d..dcf2c41 100644
--- a/src/api/business/certManage/changeApply.ts
+++ b/src/api/business/certManage/changeApply.ts
@@ -106,7 +106,7 @@
 // 导出word/pdf/打印
 export function getStream(data: any) {
   return request({
-    url: '/equipment/lend/exportFile',
+    url: `${prefix}/exportFile`,
     method: 'post',
     responseType: 'blob',
     data,
diff --git a/src/views/business/certManage/apply/components/basic.vue b/src/views/business/certManage/apply/components/basic.vue
index 99cbbaa..c61d3fb 100644
--- a/src/views/business/certManage/apply/components/basic.vue
+++ b/src/views/business/certManage/apply/components/basic.vue
@@ -4,14 +4,11 @@
 import type { FormRules } from 'element-plus'
 import dayjs from 'dayjs'
 import type { IForm } from '../apply-interface'
+import SelectCertDialog from '../dialog/selectCertDialog.vue'
 import type { dictType } from '@/global'
 import { getDictByCode } from '@/api/system/dict'
-import { getUserList } from '@/api/system/user'
 import { SCHEDULE } from '@/utils/scheduleDict'
 import useUserStore from '@/store/modules/user'
-import { useCheckList } from '@/commonMethods/useCheckList'
-import type { IAccessory } from '@/views/equipement/info/book/book-interface'
-import { useDoubleClickTableRow, useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
 import { addChangeCertApplyList, failUpdateChangeCertApplyList, getInfo, submit, updateChangeCertApplyList } from '@/api/business/certManage/changeApply'
 const props = defineProps({
   pageType: { // 页面类型 add新建 edit编辑 detail详情
@@ -19,7 +16,7 @@
     requre: true,
     default: 'detail',
   },
-  id: {
+  id: { // id
     type: String,
     requre: true,
   },
@@ -27,7 +24,7 @@
     type: String,
     requre: true,
   },
-  processId: {
+  processId: { // 流程实例id
     type: String,
   },
 })
@@ -79,12 +76,21 @@
     changeTypeList.value = response.data
   })
 }
+getDict()
 // -----------------------------------------------保存----------------------------------------------
 /**
  * 点击保存
  * @param formEl 基本信息表单ref
  */
 const saveForm = async () => {
+  if (!form.value.changeAnalysis) {
+    ElMessage.warning('补充/更换原因及影响分析不能为空')
+    return false
+  }
+  if (!form.value.recallAnalysis) {
+    ElMessage.warning('召回原因及影响分析不能为空')
+    return false
+  }
   await ruleFormRef.value.validate((valid: boolean) => {
     if (valid) { // 基本信息表单通过校验
       ElMessageBox.confirm(
@@ -101,8 +107,6 @@
           text: '加载中...',
           background: 'rgba(255, 255, 255, 0.8)',
         })
-        console.log('props.processId', props.processId)
-
         const params = {
           ...form.value,
           id: infoId.value,
@@ -111,7 +115,7 @@
         if (props.pageType === 'add') { // 新建
           addChangeCertApplyList(params).then((res) => {
             loading.close()
-            // form.value.registerNo = res.data.registerNo // 登记表编号
+            form.value.changeApplyNo = res.data.changeApplyNo // 登记表编号
             infoId.value = res.data.id // id
             emits('addSuccess', infoId.value)
             ElMessage.success('已保存')
@@ -175,6 +179,25 @@
     // attachmentList.value = res.data.attachmentList // 设备列表
   })
 }
+
+// -----------------------------------------选择证书----------------------------------------------
+const selectCertDialogRef = ref() // 选择证书组件ref
+// 点击选择证书
+const selectUpdateCertNo = () => {
+  selectCertDialogRef.value.initDialog()
+}
+
+// 确认选择证书
+const confirmSelect = (val: any) => {
+  // if (val && val.length) {
+  // form.value.changeReportId =	val[0].id // 更换证书id
+  // form.value.changeReportName =	val[0].changeReportName	// 更换证书 / 报告名称
+  // form.value.changeReportNo =	val[0].changeReportNo	// 更换证书编号
+  form.value.changeReportId =	'123456789' // 更换证书id
+  form.value.changeReportName =	'证书1'	// 更换证书 / 报告名称
+  form.value.changeReportNo =	'zs123456789'	// 更换证书编号
+  // }
+}
 // ---------------------------------------------钩子----------------------------------------------
 watch(() => props.id, (newValue) => {
   infoId.value = newValue!
@@ -209,6 +232,20 @@
     >
       <el-row :gutter="24">
         <el-col :span="6">
+          <el-form-item label="实验室代码" prop="labCode">
+            <el-select v-model="form.labCode" :placeholder="pageType === 'detail' ? ' ' : '请选择实验室代码'" :disabled="pageType === 'detail'" class="full-width-input">
+              <el-option v-for="item in labCodeList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="组别代码" prop="groupCode">
+            <el-select v-model="form.groupCode" :placeholder="pageType === 'detail' ? ' ' : '请选择组别代码'" :disabled="pageType === 'detail'" class="full-width-input">
+              <el-option v-for="item in groupCodeList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
           <el-form-item label="申请单编号:" prop="changeApplyNo">
             <el-input
               v-model="form.changeApplyNo"
@@ -252,7 +289,7 @@
               :class="{ 'detail-input': pageType === 'detail' }"
               disabled
             >
-              <template #append>
+              <template v-if="pageType !== 'detail'" #append>
                 <el-button size="small" @click="selectUpdateCertNo">
                   选择
                 </el-button>
@@ -272,9 +309,13 @@
         </el-col>
         <el-col :span="6">
           <el-form-item label="变更类型:" prop="changeType">
-            <el-radio-group v-model="form.changeType">
-              <el-radio label="补充" />
-              <el-radio label="更换" />
+            <el-radio-group v-model="form.changeType" :disabled="pageType === 'detail'">
+              <el-radio label="1">
+                补充
+              </el-radio>
+              <el-radio label="2">
+                更换
+              </el-radio>
             </el-radio-group>
           </el-form-item>
         </el-col>
@@ -311,4 +352,6 @@
       </el-col>
     </el-row>
   </detail-block>
+  <!-- 选择证书组件  -->
+  <select-cert-dialog ref="selectCertDialogRef" @confirm="confirmSelect" />
 </template>
diff --git a/src/views/business/certManage/apply/detail.vue b/src/views/business/certManage/apply/detail.vue
index bb85de0..3928286 100644
--- a/src/views/business/certManage/apply/detail.vue
+++ b/src/views/business/certManage/apply/detail.vue
@@ -1,3 +1,105 @@
+<!-- 更换证书详情 -->
+<script name="BusinessChangeCertApplyDetail" lang="ts" setup>
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import * as pdfjsLib from 'pdfjs-dist'
+import filePreview from '@/components/filePreview/filePreview.vue'
+import { getStream } from '@/api/business/subpackage/agreement'
+import { getBase64, getObjectURL } from '@/utils/download'
+import { exportFile } from '@/utils/exportUtils'
+import { printPdf } from '@/utils/printUtils'
+
+const infoId = ref('') // id
+const $route = useRoute()
+const $router = useRouter()
+const pdfUrl = ref('') // pdfurl
+const pdfStream = ref() as any // pdf流
+
+// --------------------------------------路由参数----------------------------------------------
+// 从路由中获取页面类型参数
+if ($route.params) {
+  if ($route.params.id) {
+    infoId.value = $route.params.id as string
+  }
+}
+// -----------------------------------------按钮--------------------------------------------------
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 导出word
+const exportWord = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '加载中...',
+    background: 'rgba(255, 255, 255, 0.6)',
+  })
+  getStream({ id: infoId.value, pdf: false }).then((res) => {
+    exportFile(res.data, '证书/报告补充或更换申请单.doc')
+    loading.close()
+  })
+}
+
+// 导出pdf
+const exportPdf = () => {
+  exportFile(pdfStream.value, '证书/报告补充或更换申请单.pdf')
+}
+
+// 打印
+const print = () => {
+  const blobUrl = URL.createObjectURL(pdfStream.value)
+  printPdf(blobUrl)
+}
+// -------------------------------------------------------------------------------------------
+/**
+ * 初始化
+ */
+function init() {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '加载中...',
+    background: 'rgba(255, 255, 255, 0.6)',
+  })
+  getStream({ id: infoId.value, pdf: true }).then((res) => {
+    pdfStream.value = new Blob([res.data])
+    getBase64(res.data).then((res) => {
+      pdfUrl.value = res as string
+    })
+    pdfjsLib.GlobalWorkerOptions.workerSrc = '/pdf.worker.js'
+    loading.close()
+  })
+}
+
+onMounted(() => {
+  // init()
+})
+</script>
+
 <template>
-  {{ 11 }}
+  <app-container>
+    <detail-page title="证书/报告补充或更换申请单">
+      <template #btns>
+        <el-button type="primary" @click="exportWord">
+          导出word
+        </el-button>
+        <el-button type="primary" @click="exportPdf">
+          导出pdf
+        </el-button>
+        <el-button type="primary" @click="print">
+          打印
+        </el-button>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+    </detail-page>
+    <div style="display: flex;justify-content: center; margin-top: 10px;width: 100%;">
+      <!-- <file-preview :pdf-url="pdfUrl" style="width: 70%;" /> -->
+      敬请期待
+    </div>
+  </app-container>
 </template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+
diff --git a/src/views/business/certManage/apply/dialog/selectCertDialog.vue b/src/views/business/certManage/apply/dialog/selectCertDialog.vue
new file mode 100644
index 0000000..c3e9141
--- /dev/null
+++ b/src/views/business/certManage/apply/dialog/selectCertDialog.vue
@@ -0,0 +1,227 @@
+<!-- 选择证书 -->
+<script lang="ts" setup name="SelectCertDialog">
+import { ElMessage } from 'element-plus'
+import type { Ref } from 'vue'
+import { ref } from 'vue'
+import dayjs from 'dayjs'
+import type { DateModelType } from 'element-plus'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import { getCertList } from '@/api/business/certManage/cert'
+
+const emits = defineEmits(['confirm'])
+const dialogFormVisible = ref(false)
+// 查询条件
+const listQuery = ref({
+  approvalStatus: '0', //	审批状态类型code // 选择审批通过的
+  certificateReportName: '', // 证书报告名称
+  certificateReportNo: '', // 证书报告编号
+  createTimeEnd: '', // 创建结束时间
+  createTimeStart: '', // 创建开始时间
+  customerName: '', // 委托方名字
+  formId: SCHEDULE.CERTIFICATE_PRINT_APPROVAL, // formId
+  printStatus: '', // 打印状态(未打印传1,其他状态不传)
+  sampleName: '', // 受检设备名称
+  sampleNo: '', // 样品编号
+  offset: 1,
+  limit: 20,
+})
+const checkoutList = ref([]) // 多选选中的内容
+const loadingTable = ref(false)
+const list = ref([]) // 表格数据
+const total = ref(0)
+const columns = ref<TableColumn[]>([
+  { text: '证书编号', value: 'certificateNo', width: '160', align: 'center' },
+  { text: '证书名称', value: 'certificateName', align: 'center' },
+  { text: '任务单编号', value: 'orderNo', width: '160', align: 'center' },
+  { text: '委托方', value: 'customerName', align: 'center' },
+  { text: '被检设备统一编号', value: 'sampleNo', align: 'center', width: '160' },
+  { text: '被检设备名称', value: 'sampleName', align: 'center' },
+  { text: '创建时间', value: 'createTime', width: '180', align: 'center' },
+  { text: '打印状态', value: 'printStatusName', width: '85', align: 'center' },
+])
+const dateRange = ref<[DateModelType, DateModelType]>(['', ''])// 筛选时间段数据
+
+// 数据查询
+function fetchData(isNowPage = false) {
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  getCertList(listQuery.value).then((response) => {
+    list.value = response.data.rows
+    total.value = parseInt(response.data.total)
+    loadingTable.value = false
+  }).catch(() => {
+    loadingTable.value = false
+  })
+}
+// 重置
+const clearList = () => {
+  listQuery.value = {
+    approvalStatus: '0', //	审批状态类型code // 选择审批通过的
+    certificateReportName: '', // 证书报告名称
+    certificateReportNo: '', // 证书报告编号
+    createTimeEnd: '', // 创建结束时间
+    createTimeStart: '', // 创建开始时间
+    customerName: '', // 委托方名字
+    formId: SCHEDULE.CERTIFICATE_PRINT_APPROVAL, // formId
+    printStatus: '', // 打印状态(未打印传1,其他状态不传)
+    sampleName: '', // 受检设备名称
+    sampleNo: '', // 样品编号
+    offset: 1,
+    limit: 20,
+  }
+  dateRange.value = ['', '']
+  fetchData()
+}
+// 搜索
+const search = () => {
+  fetchData(true)
+}
+// 多选选中
+const handleSelectionChange = (val: any) => {
+  checkoutList.value = val
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number;page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  search()
+}
+// 点击确定
+const confirmSelect = () => {
+  // if (!checkoutList.value.length) {
+  //   ElMessage.warning('请选择证书')
+  // }
+  // else {
+  emits('confirm', checkoutList.value)
+  dialogFormVisible.value = false
+  // }
+}
+// 取消
+const resetForm = () => {
+  dialogFormVisible.value = false
+  clearList()
+}
+// 初始化
+const initDialog = () => {
+  dialogFormVisible.value = true
+  fetchData()
+}
+watch(dateRange, (val) => {
+  if (val) {
+    listQuery.value.createTimeStart = `${val[0]}`
+    listQuery.value.createTimeEnd = `${val[1]}`
+  }
+  else {
+    listQuery.value.createTimeStart = ''
+    listQuery.value.createTimeEnd = ''
+  }
+})
+defineExpose({ initDialog })
+</script>
+
+<template>
+  <el-dialog v-if="dialogFormVisible" v-model="dialogFormVisible" title="选择证书" width="65%">
+    <!-- 筛选条件 -->
+    <search-area :need-clear="true" @search="search" @clear="clearList">
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.certificateReportNo"
+          placeholder="证书编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.certificateReportName"
+          placeholder="证书名称"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.customerName"
+          placeholder="委托方"
+          clearable
+          class="short-input"
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.sampleNo"
+          placeholder="被检设备统一编号"
+          clearable
+          class="short-input"
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.sampleName"
+          placeholder="被检设备名称"
+          clearable
+          class="short-input"
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="dateRange"
+          type="datetimerange"
+          range-separator="至"
+          format="YYYY-MM-DD HH:mm:ss"
+          value-format="YYYY-MM-DD HH:mm:ss"
+          start-placeholder="创建时间(开始)"
+          end-placeholder="创建时间(结束)"
+        />
+      </search-item>
+    </search-area>
+
+    <!-- 查询结果Table显示 -->
+    <div style="padding: 12px;">
+      <normal-table
+        :data="list"
+        :total="total"
+        :columns="columns"
+        :query="listQuery"
+        is-showmulti-select
+        :list-loading="loadingTable"
+        :is-multi="false"
+        :height="260"
+        :page-sizes="[5]"
+        @change="changePage"
+        @multi-select="handleSelectionChange"
+      >
+        <!-- 序号 -->
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center" fixed>
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </div>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button type="primary" @click="confirmSelect">确认</el-button>
+        <el-button @click="resetForm">
+          取消
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+:deep(.el-radio__label) {
+  display: none;
+}
+</style>

diff --git a/src/api/business/certManage/changeApply.ts b/src/api/business/certManage/changeApply.ts
index edbdf7d..dcf2c41 100644
--- a/src/api/business/certManage/changeApply.ts
+++ b/src/api/business/certManage/changeApply.ts
@@ -106,7 +106,7 @@
 // 导出word/pdf/打印
 export function getStream(data: any) {
   return request({
-    url: '/equipment/lend/exportFile',
+    url: `${prefix}/exportFile`,
     method: 'post',
     responseType: 'blob',
     data,
diff --git a/src/views/business/certManage/apply/components/basic.vue b/src/views/business/certManage/apply/components/basic.vue
index 99cbbaa..c61d3fb 100644
--- a/src/views/business/certManage/apply/components/basic.vue
+++ b/src/views/business/certManage/apply/components/basic.vue
@@ -4,14 +4,11 @@
 import type { FormRules } from 'element-plus'
 import dayjs from 'dayjs'
 import type { IForm } from '../apply-interface'
+import SelectCertDialog from '../dialog/selectCertDialog.vue'
 import type { dictType } from '@/global'
 import { getDictByCode } from '@/api/system/dict'
-import { getUserList } from '@/api/system/user'
 import { SCHEDULE } from '@/utils/scheduleDict'
 import useUserStore from '@/store/modules/user'
-import { useCheckList } from '@/commonMethods/useCheckList'
-import type { IAccessory } from '@/views/equipement/info/book/book-interface'
-import { useDoubleClickTableRow, useSetAllRowReadable } from '@/commonMethods/useSetAllRowReadable'
 import { addChangeCertApplyList, failUpdateChangeCertApplyList, getInfo, submit, updateChangeCertApplyList } from '@/api/business/certManage/changeApply'
 const props = defineProps({
   pageType: { // 页面类型 add新建 edit编辑 detail详情
@@ -19,7 +16,7 @@
     requre: true,
     default: 'detail',
   },
-  id: {
+  id: { // id
     type: String,
     requre: true,
   },
@@ -27,7 +24,7 @@
     type: String,
     requre: true,
   },
-  processId: {
+  processId: { // 流程实例id
     type: String,
   },
 })
@@ -79,12 +76,21 @@
     changeTypeList.value = response.data
   })
 }
+getDict()
 // -----------------------------------------------保存----------------------------------------------
 /**
  * 点击保存
  * @param formEl 基本信息表单ref
  */
 const saveForm = async () => {
+  if (!form.value.changeAnalysis) {
+    ElMessage.warning('补充/更换原因及影响分析不能为空')
+    return false
+  }
+  if (!form.value.recallAnalysis) {
+    ElMessage.warning('召回原因及影响分析不能为空')
+    return false
+  }
   await ruleFormRef.value.validate((valid: boolean) => {
     if (valid) { // 基本信息表单通过校验
       ElMessageBox.confirm(
@@ -101,8 +107,6 @@
           text: '加载中...',
           background: 'rgba(255, 255, 255, 0.8)',
         })
-        console.log('props.processId', props.processId)
-
         const params = {
           ...form.value,
           id: infoId.value,
@@ -111,7 +115,7 @@
         if (props.pageType === 'add') { // 新建
           addChangeCertApplyList(params).then((res) => {
             loading.close()
-            // form.value.registerNo = res.data.registerNo // 登记表编号
+            form.value.changeApplyNo = res.data.changeApplyNo // 登记表编号
             infoId.value = res.data.id // id
             emits('addSuccess', infoId.value)
             ElMessage.success('已保存')
@@ -175,6 +179,25 @@
     // attachmentList.value = res.data.attachmentList // 设备列表
   })
 }
+
+// -----------------------------------------选择证书----------------------------------------------
+const selectCertDialogRef = ref() // 选择证书组件ref
+// 点击选择证书
+const selectUpdateCertNo = () => {
+  selectCertDialogRef.value.initDialog()
+}
+
+// 确认选择证书
+const confirmSelect = (val: any) => {
+  // if (val && val.length) {
+  // form.value.changeReportId =	val[0].id // 更换证书id
+  // form.value.changeReportName =	val[0].changeReportName	// 更换证书 / 报告名称
+  // form.value.changeReportNo =	val[0].changeReportNo	// 更换证书编号
+  form.value.changeReportId =	'123456789' // 更换证书id
+  form.value.changeReportName =	'证书1'	// 更换证书 / 报告名称
+  form.value.changeReportNo =	'zs123456789'	// 更换证书编号
+  // }
+}
 // ---------------------------------------------钩子----------------------------------------------
 watch(() => props.id, (newValue) => {
   infoId.value = newValue!
@@ -209,6 +232,20 @@
     >
       <el-row :gutter="24">
         <el-col :span="6">
+          <el-form-item label="实验室代码" prop="labCode">
+            <el-select v-model="form.labCode" :placeholder="pageType === 'detail' ? ' ' : '请选择实验室代码'" :disabled="pageType === 'detail'" class="full-width-input">
+              <el-option v-for="item in labCodeList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="组别代码" prop="groupCode">
+            <el-select v-model="form.groupCode" :placeholder="pageType === 'detail' ? ' ' : '请选择组别代码'" :disabled="pageType === 'detail'" class="full-width-input">
+              <el-option v-for="item in groupCodeList" :key="item.id" :label="item.name" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
           <el-form-item label="申请单编号:" prop="changeApplyNo">
             <el-input
               v-model="form.changeApplyNo"
@@ -252,7 +289,7 @@
               :class="{ 'detail-input': pageType === 'detail' }"
               disabled
             >
-              <template #append>
+              <template v-if="pageType !== 'detail'" #append>
                 <el-button size="small" @click="selectUpdateCertNo">
                   选择
                 </el-button>
@@ -272,9 +309,13 @@
         </el-col>
         <el-col :span="6">
           <el-form-item label="变更类型:" prop="changeType">
-            <el-radio-group v-model="form.changeType">
-              <el-radio label="补充" />
-              <el-radio label="更换" />
+            <el-radio-group v-model="form.changeType" :disabled="pageType === 'detail'">
+              <el-radio label="1">
+                补充
+              </el-radio>
+              <el-radio label="2">
+                更换
+              </el-radio>
             </el-radio-group>
           </el-form-item>
         </el-col>
@@ -311,4 +352,6 @@
       </el-col>
     </el-row>
   </detail-block>
+  <!-- 选择证书组件  -->
+  <select-cert-dialog ref="selectCertDialogRef" @confirm="confirmSelect" />
 </template>
diff --git a/src/views/business/certManage/apply/detail.vue b/src/views/business/certManage/apply/detail.vue
index bb85de0..3928286 100644
--- a/src/views/business/certManage/apply/detail.vue
+++ b/src/views/business/certManage/apply/detail.vue
@@ -1,3 +1,105 @@
+<!-- 更换证书详情 -->
+<script name="BusinessChangeCertApplyDetail" lang="ts" setup>
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import * as pdfjsLib from 'pdfjs-dist'
+import filePreview from '@/components/filePreview/filePreview.vue'
+import { getStream } from '@/api/business/subpackage/agreement'
+import { getBase64, getObjectURL } from '@/utils/download'
+import { exportFile } from '@/utils/exportUtils'
+import { printPdf } from '@/utils/printUtils'
+
+const infoId = ref('') // id
+const $route = useRoute()
+const $router = useRouter()
+const pdfUrl = ref('') // pdfurl
+const pdfStream = ref() as any // pdf流
+
+// --------------------------------------路由参数----------------------------------------------
+// 从路由中获取页面类型参数
+if ($route.params) {
+  if ($route.params.id) {
+    infoId.value = $route.params.id as string
+  }
+}
+// -----------------------------------------按钮--------------------------------------------------
+// 关闭新增页面的回调
+const close = () => {
+  $router.back()
+}
+// 导出word
+const exportWord = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '加载中...',
+    background: 'rgba(255, 255, 255, 0.6)',
+  })
+  getStream({ id: infoId.value, pdf: false }).then((res) => {
+    exportFile(res.data, '证书/报告补充或更换申请单.doc')
+    loading.close()
+  })
+}
+
+// 导出pdf
+const exportPdf = () => {
+  exportFile(pdfStream.value, '证书/报告补充或更换申请单.pdf')
+}
+
+// 打印
+const print = () => {
+  const blobUrl = URL.createObjectURL(pdfStream.value)
+  printPdf(blobUrl)
+}
+// -------------------------------------------------------------------------------------------
+/**
+ * 初始化
+ */
+function init() {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '加载中...',
+    background: 'rgba(255, 255, 255, 0.6)',
+  })
+  getStream({ id: infoId.value, pdf: true }).then((res) => {
+    pdfStream.value = new Blob([res.data])
+    getBase64(res.data).then((res) => {
+      pdfUrl.value = res as string
+    })
+    pdfjsLib.GlobalWorkerOptions.workerSrc = '/pdf.worker.js'
+    loading.close()
+  })
+}
+
+onMounted(() => {
+  // init()
+})
+</script>
+
 <template>
-  {{ 11 }}
+  <app-container>
+    <detail-page title="证书/报告补充或更换申请单">
+      <template #btns>
+        <el-button type="primary" @click="exportWord">
+          导出word
+        </el-button>
+        <el-button type="primary" @click="exportPdf">
+          导出pdf
+        </el-button>
+        <el-button type="primary" @click="print">
+          打印
+        </el-button>
+        <el-button type="info" @click="close">
+          关闭
+        </el-button>
+      </template>
+    </detail-page>
+    <div style="display: flex;justify-content: center; margin-top: 10px;width: 100%;">
+      <!-- <file-preview :pdf-url="pdfUrl" style="width: 70%;" /> -->
+      敬请期待
+    </div>
+  </app-container>
 </template>
+
+<style lang="scss" scoped>
+// 样式
+</style>
+
diff --git a/src/views/business/certManage/apply/dialog/selectCertDialog.vue b/src/views/business/certManage/apply/dialog/selectCertDialog.vue
new file mode 100644
index 0000000..c3e9141
--- /dev/null
+++ b/src/views/business/certManage/apply/dialog/selectCertDialog.vue
@@ -0,0 +1,227 @@
+<!-- 选择证书 -->
+<script lang="ts" setup name="SelectCertDialog">
+import { ElMessage } from 'element-plus'
+import type { Ref } from 'vue'
+import { ref } from 'vue'
+import dayjs from 'dayjs'
+import type { DateModelType } from 'element-plus'
+import type { TableColumn } from '@/components/NormalTable/table_interface'
+import { SCHEDULE } from '@/utils/scheduleDict'
+import { getCertList } from '@/api/business/certManage/cert'
+
+const emits = defineEmits(['confirm'])
+const dialogFormVisible = ref(false)
+// 查询条件
+const listQuery = ref({
+  approvalStatus: '0', //	审批状态类型code // 选择审批通过的
+  certificateReportName: '', // 证书报告名称
+  certificateReportNo: '', // 证书报告编号
+  createTimeEnd: '', // 创建结束时间
+  createTimeStart: '', // 创建开始时间
+  customerName: '', // 委托方名字
+  formId: SCHEDULE.CERTIFICATE_PRINT_APPROVAL, // formId
+  printStatus: '', // 打印状态(未打印传1,其他状态不传)
+  sampleName: '', // 受检设备名称
+  sampleNo: '', // 样品编号
+  offset: 1,
+  limit: 20,
+})
+const checkoutList = ref([]) // 多选选中的内容
+const loadingTable = ref(false)
+const list = ref([]) // 表格数据
+const total = ref(0)
+const columns = ref<TableColumn[]>([
+  { text: '证书编号', value: 'certificateNo', width: '160', align: 'center' },
+  { text: '证书名称', value: 'certificateName', align: 'center' },
+  { text: '任务单编号', value: 'orderNo', width: '160', align: 'center' },
+  { text: '委托方', value: 'customerName', align: 'center' },
+  { text: '被检设备统一编号', value: 'sampleNo', align: 'center', width: '160' },
+  { text: '被检设备名称', value: 'sampleName', align: 'center' },
+  { text: '创建时间', value: 'createTime', width: '180', align: 'center' },
+  { text: '打印状态', value: 'printStatusName', width: '85', align: 'center' },
+])
+const dateRange = ref<[DateModelType, DateModelType]>(['', ''])// 筛选时间段数据
+
+// 数据查询
+function fetchData(isNowPage = false) {
+  loadingTable.value = true
+  if (!isNowPage) {
+    // 是否显示当前页，否则跳转第一页
+    listQuery.value.offset = 1
+  }
+  getCertList(listQuery.value).then((response) => {
+    list.value = response.data.rows
+    total.value = parseInt(response.data.total)
+    loadingTable.value = false
+  }).catch(() => {
+    loadingTable.value = false
+  })
+}
+// 重置
+const clearList = () => {
+  listQuery.value = {
+    approvalStatus: '0', //	审批状态类型code // 选择审批通过的
+    certificateReportName: '', // 证书报告名称
+    certificateReportNo: '', // 证书报告编号
+    createTimeEnd: '', // 创建结束时间
+    createTimeStart: '', // 创建开始时间
+    customerName: '', // 委托方名字
+    formId: SCHEDULE.CERTIFICATE_PRINT_APPROVAL, // formId
+    printStatus: '', // 打印状态(未打印传1,其他状态不传)
+    sampleName: '', // 受检设备名称
+    sampleNo: '', // 样品编号
+    offset: 1,
+    limit: 20,
+  }
+  dateRange.value = ['', '']
+  fetchData()
+}
+// 搜索
+const search = () => {
+  fetchData(true)
+}
+// 多选选中
+const handleSelectionChange = (val: any) => {
+  checkoutList.value = val
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number;page?: number }) => {
+  if (val && val.size) {
+    listQuery.value.limit = val.size
+  }
+  if (val && val.page) {
+    listQuery.value.offset = val.page
+  }
+  search()
+}
+// 点击确定
+const confirmSelect = () => {
+  // if (!checkoutList.value.length) {
+  //   ElMessage.warning('请选择证书')
+  // }
+  // else {
+  emits('confirm', checkoutList.value)
+  dialogFormVisible.value = false
+  // }
+}
+// 取消
+const resetForm = () => {
+  dialogFormVisible.value = false
+  clearList()
+}
+// 初始化
+const initDialog = () => {
+  dialogFormVisible.value = true
+  fetchData()
+}
+watch(dateRange, (val) => {
+  if (val) {
+    listQuery.value.createTimeStart = `${val[0]}`
+    listQuery.value.createTimeEnd = `${val[1]}`
+  }
+  else {
+    listQuery.value.createTimeStart = ''
+    listQuery.value.createTimeEnd = ''
+  }
+})
+defineExpose({ initDialog })
+</script>
+
+<template>
+  <el-dialog v-if="dialogFormVisible" v-model="dialogFormVisible" title="选择证书" width="65%">
+    <!-- 筛选条件 -->
+    <search-area :need-clear="true" @search="search" @clear="clearList">
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.certificateReportNo"
+          placeholder="证书编号"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.certificateReportName"
+          placeholder="证书名称"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.customerName"
+          placeholder="委托方"
+          clearable
+          class="short-input"
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.sampleNo"
+          placeholder="被检设备统一编号"
+          clearable
+          class="short-input"
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.sampleName"
+          placeholder="被检设备名称"
+          clearable
+          class="short-input"
+        />
+      </search-item>
+      <search-item>
+        <el-date-picker
+          v-model="dateRange"
+          type="datetimerange"
+          range-separator="至"
+          format="YYYY-MM-DD HH:mm:ss"
+          value-format="YYYY-MM-DD HH:mm:ss"
+          start-placeholder="创建时间(开始)"
+          end-placeholder="创建时间(结束)"
+        />
+      </search-item>
+    </search-area>
+
+    <!-- 查询结果Table显示 -->
+    <div style="padding: 12px;">
+      <normal-table
+        :data="list"
+        :total="total"
+        :columns="columns"
+        :query="listQuery"
+        is-showmulti-select
+        :list-loading="loadingTable"
+        :is-multi="false"
+        :height="260"
+        :page-sizes="[5]"
+        @change="changePage"
+        @multi-select="handleSelectionChange"
+      >
+        <!-- 序号 -->
+        <template #preColumns>
+          <el-table-column label="#" width="55" align="center" fixed>
+            <template #default="scope">
+              {{ (listQuery.offset - 1) * listQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </div>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button type="primary" @click="confirmSelect">确认</el-button>
+        <el-button @click="resetForm">
+          取消
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+:deep(.el-radio__label) {
+  display: none;
+}
+</style>
diff --git a/src/views/business/certManage/apply/list.vue b/src/views/business/certManage/apply/list.vue
index eda1353..cac304f 100644
--- a/src/views/business/certManage/apply/list.vue
+++ b/src/views/business/certManage/apply/list.vue
@@ -46,7 +46,7 @@
 
 // 表头
 const columns = ref<TableColumn[]>([
-  { text: '申请单编号', value: 'changeApplyNo', align: 'center', width: '160' },
+  { text: '申请单编号', value: 'changeApplyNo', align: 'center', width: '180' },
   { text: '申请单名称', value: 'changeApplyName', align: 'center' },
   { text: '更换证书编号', value: 'changeReportNo', align: 'center', width: '160' },
   { text: '更换证书/报告名称', value: 'changeReportName', align: 'center' },