diff --git a/src/views/quality/external/external/components/addFileDialog.vue b/src/views/quality/external/external/components/addFileDialog.vue
index c0b21ed..677bf86 100644
--- a/src/views/quality/external/external/components/addFileDialog.vue
+++ b/src/views/quality/external/external/components/addFileDialog.vue
@@ -12,7 +12,7 @@
 const dialogFormVisible = ref(false) // 对话框是否显示
 // 表单
 const areaForm = ref({
-  externalFileType: '',
+  fileType: '',
   fileCode: '',
   fileName: '',
   filePath: '',
@@ -21,14 +21,14 @@
 const uploadName = ref('')
 // 前端校验规则
 const rules: FormRules = {
-  externalFileType: [{ required: true, message: '文件类型必选', trigger: ['blur', 'change'] }],
+  fileType: [{ required: true, message: '文件类型必选', trigger: ['blur', 'change'] }],
   fileName: [{ required: true, message: '文件名称必填', trigger: ['blur', 'change'] }],
   filePath: [{ required: true, message: '附件必须上传', trigger: ['blur', 'change'] }],
 }
 // 重置表单
 const resetForm = () => {
   areaForm.value = {
-    externalFileType: '',
+    fileType: '',
     fileCode: '',
     fileName: '',
     filePath: '',
@@ -50,7 +50,7 @@
     if (valid) {
       emits('confirm', {
         ...areaForm.value,
-        externalFileTypeName: fileTypeList.value.filter(item => item.value === areaForm.value.externalFileType)[0].name,
+        fileTypeName: fileTypeList.value.filter(item => item.value === areaForm.value.fileType)[0].name,
         createTime: dayjs().format('YYYY-MM-DD hh:mm'),
       })
       dialogFormVisible.value = false
@@ -77,7 +77,6 @@
 
 const cancel = () => {
   dialogFormVisible.value = false
-  // this.$emit('watchChild')
 }
 // 上传附件
 const fileRef = ref() // 文件上传input，获取input的引用
@@ -95,6 +94,7 @@
           // 展示上传文件名称
           const data = res.data.split('/')
           uploadName.value = data[data.length - 1]
+          dataFormRef.value?.clearValidate('filePath')
         })
       }
     })
@@ -115,8 +115,8 @@
     <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="80px">
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="文件类型" prop="externalFileType">
-            <el-select v-model="areaForm.externalFileType" placeholder="必选">
+          <el-form-item label="文件类型" prop="fileType">
+            <el-select v-model="areaForm.fileType" placeholder="文件类型">
               <el-option
                 v-for="item in fileTypeList"
                 :key="item.value"
@@ -128,19 +128,19 @@
         </el-col>
         <el-col :span="24">
           <el-form-item label="文件编号" prop="fileCode">
-            <el-input v-model="areaForm.fileCode" style="width: 100%;" />
+            <el-input v-model="areaForm.fileCode" placeholder="文件编号" style="width: 100%;" />
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="文件名称" prop="fileName">
-            <el-input v-model="areaForm.fileName" style="width: 100%;" />
+            <el-input v-model="areaForm.fileName" placeholder="文件名称" style="width: 100%;" />
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="附件" prop="filePath">
             <!-- <el-input-number v-model="areaForm.fileName" style="width: 100%;" /> -->
             <a class="link" :href="areaForm.filePath" type="primary" style="margin-right: 10px;" target="_blank">
-              {{ areaForm.filePath }}
+              {{ uploadName }}
               <span v-if="!$route.path.includes('detail')" class="close" @click.stop.capture.prevent="close">x</span>
             </a>
             <el-button v-if="!areaForm.filePath" type="primary" @click="importList">

diff --git a/src/views/quality/external/external/components/addFileDialog.vue b/src/views/quality/external/external/components/addFileDialog.vue
index c0b21ed..677bf86 100644
--- a/src/views/quality/external/external/components/addFileDialog.vue
+++ b/src/views/quality/external/external/components/addFileDialog.vue
@@ -12,7 +12,7 @@
 const dialogFormVisible = ref(false) // 对话框是否显示
 // 表单
 const areaForm = ref({
-  externalFileType: '',
+  fileType: '',
   fileCode: '',
   fileName: '',
   filePath: '',
@@ -21,14 +21,14 @@
 const uploadName = ref('')
 // 前端校验规则
 const rules: FormRules = {
-  externalFileType: [{ required: true, message: '文件类型必选', trigger: ['blur', 'change'] }],
+  fileType: [{ required: true, message: '文件类型必选', trigger: ['blur', 'change'] }],
   fileName: [{ required: true, message: '文件名称必填', trigger: ['blur', 'change'] }],
   filePath: [{ required: true, message: '附件必须上传', trigger: ['blur', 'change'] }],
 }
 // 重置表单
 const resetForm = () => {
   areaForm.value = {
-    externalFileType: '',
+    fileType: '',
     fileCode: '',
     fileName: '',
     filePath: '',
@@ -50,7 +50,7 @@
     if (valid) {
       emits('confirm', {
         ...areaForm.value,
-        externalFileTypeName: fileTypeList.value.filter(item => item.value === areaForm.value.externalFileType)[0].name,
+        fileTypeName: fileTypeList.value.filter(item => item.value === areaForm.value.fileType)[0].name,
         createTime: dayjs().format('YYYY-MM-DD hh:mm'),
       })
       dialogFormVisible.value = false
@@ -77,7 +77,6 @@
 
 const cancel = () => {
   dialogFormVisible.value = false
-  // this.$emit('watchChild')
 }
 // 上传附件
 const fileRef = ref() // 文件上传input，获取input的引用
@@ -95,6 +94,7 @@
           // 展示上传文件名称
           const data = res.data.split('/')
           uploadName.value = data[data.length - 1]
+          dataFormRef.value?.clearValidate('filePath')
         })
       }
     })
@@ -115,8 +115,8 @@
     <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="80px">
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="文件类型" prop="externalFileType">
-            <el-select v-model="areaForm.externalFileType" placeholder="必选">
+          <el-form-item label="文件类型" prop="fileType">
+            <el-select v-model="areaForm.fileType" placeholder="文件类型">
               <el-option
                 v-for="item in fileTypeList"
                 :key="item.value"
@@ -128,19 +128,19 @@
         </el-col>
         <el-col :span="24">
           <el-form-item label="文件编号" prop="fileCode">
-            <el-input v-model="areaForm.fileCode" style="width: 100%;" />
+            <el-input v-model="areaForm.fileCode" placeholder="文件编号" style="width: 100%;" />
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="文件名称" prop="fileName">
-            <el-input v-model="areaForm.fileName" style="width: 100%;" />
+            <el-input v-model="areaForm.fileName" placeholder="文件名称" style="width: 100%;" />
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="附件" prop="filePath">
             <!-- <el-input-number v-model="areaForm.fileName" style="width: 100%;" /> -->
             <a class="link" :href="areaForm.filePath" type="primary" style="margin-right: 10px;" target="_blank">
-              {{ areaForm.filePath }}
+              {{ uploadName }}
               <span v-if="!$route.path.includes('detail')" class="close" @click.stop.capture.prevent="close">x</span>
             </a>
             <el-button v-if="!areaForm.filePath" type="primary" @click="importList">
diff --git a/src/views/quality/external/external/components/edit.vue b/src/views/quality/external/external/components/edit.vue
index 7670cbd..8d98057 100644
--- a/src/views/quality/external/external/components/edit.vue
+++ b/src/views/quality/external/external/components/edit.vue
@@ -11,27 +11,30 @@
 const $router = useRouter()
 const userStore = useUserStore()
 const ruleFormRef = ref<FormInstance>() // from组件
+// 表单
 const ruleForm = ref({
   workName: '',
   year: '',
   createTime: '',
-  auditFiles: [],
-}) // 表单
+  auditFiles1: [] as any[],
+  auditFiles2: [] as any[],
+  auditFiles3: [] as any[],
+  // auditFiles: [] as any[],
+})
+// 文件列表数组
+const auditFiles = ref<any[]>([])
+// 文件类型列表
+const typeList = ref<any[]>([])
+// 表单验证规则
 const rules = ref<FormRules>({
   year: [{ required: true, message: '年度必选', trigger: ['blur', 'change'] }],
   workName: [{ required: true, message: '工作名称必填', trigger: ['blur', 'change'] }],
-}) // 表单验证规则
+})
 onMounted(() => {
   if ($route.path.includes('create')) {
     ruleForm.value.createTime = dayjs().format('YYYY-MM-DD HH:mm') // 记录时间
   }
-  else {
-    detailWork({ id: $route.query.id }).then((res) => {
-      ruleForm.value = res.data
-    })
-  }
 })
-const fileType = ref('待审材料')
 const fileRef = ref()
 const saveRow = (data: any) => {
   ($route.path.includes('create') ? addWork : updateWork)(data).then((res) => {
@@ -55,7 +58,7 @@
       ).then((res) => {
         const data = {
           ...ruleForm.value,
-          auditFiles: fileRef.value.list,
+          auditFiles: [...ruleForm.value.auditFiles1, ...ruleForm.value.auditFiles2, ...ruleForm.value.auditFiles3],
         }
         saveRow(data)
       })
@@ -63,8 +66,8 @@
   })
 }
 const yearList = ref<{ id: string; value: string; name: string }[]>([])// 年度
-const typeList = ref<any[]>([])
-const fetchDict = () => {
+
+async function fetchDict() {
   const year = new Date().getFullYear() + 5
   for (let i = year; i > year - 10; i--) {
     yearList.value?.push({
@@ -74,19 +77,64 @@
     })
   }
   yearList.value?.reverse()
-  getDictByCode('externalFileType').then((res) => {
-    // 外审文件类型
-    // console.log(res.data, '文件类型')
-    typeList.value = res.data
-  })
+  const res = await getDictByCode('externalFileType')
+  // 外审文件类型
+  typeList.value = res.data
+  auditFiles.value = ruleForm.value.auditFiles1
 }
-fetchDict()
+onBeforeMount(async () => {
+  await fetchDict()
+  if ($route.path.includes('detail')) {
+    detailWork({ id: $route.query.id }).then((res) => {
+      ruleForm.value.workName = res.data.workName
+      ruleForm.value.year = res.data.year
+      // 对数据进行加工
+      // const auditFiles1 = [] as any[]
+      // const auditFiles2 = [] as any[]
+      // const auditFiles3 = [] as any[]
+      res.data.auditFiles.forEach((element: any) => {
+        // const type = typeList.value.filter(item => item.value === String(element.externalFileType))
+        ruleForm.value[`auditFiles${element.externalFileType}`].push(element)
+      })
+      // ruleForm.value.auditFiles1 = auditFiles1
+      // ruleForm.value.auditFiles2 = auditFiles2
+      // ruleForm.value.auditFiles3 = auditFiles3
+      //
+      console.log(ruleForm.value, 'ruleForm.value')
+    })
+  }
+})
+
+// 监听tab变化修改对应数组
+const fileType = ref('待审材料')
+watch(() => fileType.value, (newVal) => {
+  const value = typeList.value.filter(item => item.name === newVal)
+  if (value.length) {
+    auditFiles.value = ruleForm.value[`auditFiles${value[0].value}`]
+  }
+}, {
+  immediate: true,
+})
+watch(() => fileRef.value?.list, (newVal) => {
+  if ($route.path.includes('detail')) { return }
+  if (newVal.length) {
+    const value = typeList.value.filter(item => item.name === fileType.value)
+    if (value.length) {
+      ruleForm.value[`auditFiles${value[0].value}`] = newVal
+    }
+  }
+}, {
+  deep: true,
+})
 </script>
 
 <template>
   <app-container style="overflow: hidden;">
     <detail-page title="外部审核工作">
       <template #btns>
+        <el-button v-if="$route.path.includes('detail')" type="primary">
+          下载
+        </el-button>
         <el-button v-if="!$route.path.includes('detail')" type="primary" @click="saveForm(ruleFormRef)">
           保存
         </el-button>
@@ -119,12 +167,12 @@
         </el-row>
       </el-form>
     </detail-block>
-    <!-- <detail-block title="">
+    <detail-block title="">
       <el-radio-group v-model="fileType" style="margin-bottom: 10px;">
         <el-radio-button v-for="item in typeList" :key="item.id" :label="item.name" />
       </el-radio-group>
-    </detail-block> -->
-    <file-list ref="fileRef" :data="ruleForm.auditFiles" />
+    </detail-block>
+    <file-list ref="fileRef" :data="auditFiles" :type="fileType" />
   </app-container>
 </template>
 

diff --git a/src/views/quality/external/external/components/addFileDialog.vue b/src/views/quality/external/external/components/addFileDialog.vue
index c0b21ed..677bf86 100644
--- a/src/views/quality/external/external/components/addFileDialog.vue
+++ b/src/views/quality/external/external/components/addFileDialog.vue
@@ -12,7 +12,7 @@
 const dialogFormVisible = ref(false) // 对话框是否显示
 // 表单
 const areaForm = ref({
-  externalFileType: '',
+  fileType: '',
   fileCode: '',
   fileName: '',
   filePath: '',
@@ -21,14 +21,14 @@
 const uploadName = ref('')
 // 前端校验规则
 const rules: FormRules = {
-  externalFileType: [{ required: true, message: '文件类型必选', trigger: ['blur', 'change'] }],
+  fileType: [{ required: true, message: '文件类型必选', trigger: ['blur', 'change'] }],
   fileName: [{ required: true, message: '文件名称必填', trigger: ['blur', 'change'] }],
   filePath: [{ required: true, message: '附件必须上传', trigger: ['blur', 'change'] }],
 }
 // 重置表单
 const resetForm = () => {
   areaForm.value = {
-    externalFileType: '',
+    fileType: '',
     fileCode: '',
     fileName: '',
     filePath: '',
@@ -50,7 +50,7 @@
     if (valid) {
       emits('confirm', {
         ...areaForm.value,
-        externalFileTypeName: fileTypeList.value.filter(item => item.value === areaForm.value.externalFileType)[0].name,
+        fileTypeName: fileTypeList.value.filter(item => item.value === areaForm.value.fileType)[0].name,
         createTime: dayjs().format('YYYY-MM-DD hh:mm'),
       })
       dialogFormVisible.value = false
@@ -77,7 +77,6 @@
 
 const cancel = () => {
   dialogFormVisible.value = false
-  // this.$emit('watchChild')
 }
 // 上传附件
 const fileRef = ref() // 文件上传input，获取input的引用
@@ -95,6 +94,7 @@
           // 展示上传文件名称
           const data = res.data.split('/')
           uploadName.value = data[data.length - 1]
+          dataFormRef.value?.clearValidate('filePath')
         })
       }
     })
@@ -115,8 +115,8 @@
     <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="80px">
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="文件类型" prop="externalFileType">
-            <el-select v-model="areaForm.externalFileType" placeholder="必选">
+          <el-form-item label="文件类型" prop="fileType">
+            <el-select v-model="areaForm.fileType" placeholder="文件类型">
               <el-option
                 v-for="item in fileTypeList"
                 :key="item.value"
@@ -128,19 +128,19 @@
         </el-col>
         <el-col :span="24">
           <el-form-item label="文件编号" prop="fileCode">
-            <el-input v-model="areaForm.fileCode" style="width: 100%;" />
+            <el-input v-model="areaForm.fileCode" placeholder="文件编号" style="width: 100%;" />
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="文件名称" prop="fileName">
-            <el-input v-model="areaForm.fileName" style="width: 100%;" />
+            <el-input v-model="areaForm.fileName" placeholder="文件名称" style="width: 100%;" />
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="附件" prop="filePath">
             <!-- <el-input-number v-model="areaForm.fileName" style="width: 100%;" /> -->
             <a class="link" :href="areaForm.filePath" type="primary" style="margin-right: 10px;" target="_blank">
-              {{ areaForm.filePath }}
+              {{ uploadName }}
               <span v-if="!$route.path.includes('detail')" class="close" @click.stop.capture.prevent="close">x</span>
             </a>
             <el-button v-if="!areaForm.filePath" type="primary" @click="importList">
diff --git a/src/views/quality/external/external/components/edit.vue b/src/views/quality/external/external/components/edit.vue
index 7670cbd..8d98057 100644
--- a/src/views/quality/external/external/components/edit.vue
+++ b/src/views/quality/external/external/components/edit.vue
@@ -11,27 +11,30 @@
 const $router = useRouter()
 const userStore = useUserStore()
 const ruleFormRef = ref<FormInstance>() // from组件
+// 表单
 const ruleForm = ref({
   workName: '',
   year: '',
   createTime: '',
-  auditFiles: [],
-}) // 表单
+  auditFiles1: [] as any[],
+  auditFiles2: [] as any[],
+  auditFiles3: [] as any[],
+  // auditFiles: [] as any[],
+})
+// 文件列表数组
+const auditFiles = ref<any[]>([])
+// 文件类型列表
+const typeList = ref<any[]>([])
+// 表单验证规则
 const rules = ref<FormRules>({
   year: [{ required: true, message: '年度必选', trigger: ['blur', 'change'] }],
   workName: [{ required: true, message: '工作名称必填', trigger: ['blur', 'change'] }],
-}) // 表单验证规则
+})
 onMounted(() => {
   if ($route.path.includes('create')) {
     ruleForm.value.createTime = dayjs().format('YYYY-MM-DD HH:mm') // 记录时间
   }
-  else {
-    detailWork({ id: $route.query.id }).then((res) => {
-      ruleForm.value = res.data
-    })
-  }
 })
-const fileType = ref('待审材料')
 const fileRef = ref()
 const saveRow = (data: any) => {
   ($route.path.includes('create') ? addWork : updateWork)(data).then((res) => {
@@ -55,7 +58,7 @@
       ).then((res) => {
         const data = {
           ...ruleForm.value,
-          auditFiles: fileRef.value.list,
+          auditFiles: [...ruleForm.value.auditFiles1, ...ruleForm.value.auditFiles2, ...ruleForm.value.auditFiles3],
         }
         saveRow(data)
       })
@@ -63,8 +66,8 @@
   })
 }
 const yearList = ref<{ id: string; value: string; name: string }[]>([])// 年度
-const typeList = ref<any[]>([])
-const fetchDict = () => {
+
+async function fetchDict() {
   const year = new Date().getFullYear() + 5
   for (let i = year; i > year - 10; i--) {
     yearList.value?.push({
@@ -74,19 +77,64 @@
     })
   }
   yearList.value?.reverse()
-  getDictByCode('externalFileType').then((res) => {
-    // 外审文件类型
-    // console.log(res.data, '文件类型')
-    typeList.value = res.data
-  })
+  const res = await getDictByCode('externalFileType')
+  // 外审文件类型
+  typeList.value = res.data
+  auditFiles.value = ruleForm.value.auditFiles1
 }
-fetchDict()
+onBeforeMount(async () => {
+  await fetchDict()
+  if ($route.path.includes('detail')) {
+    detailWork({ id: $route.query.id }).then((res) => {
+      ruleForm.value.workName = res.data.workName
+      ruleForm.value.year = res.data.year
+      // 对数据进行加工
+      // const auditFiles1 = [] as any[]
+      // const auditFiles2 = [] as any[]
+      // const auditFiles3 = [] as any[]
+      res.data.auditFiles.forEach((element: any) => {
+        // const type = typeList.value.filter(item => item.value === String(element.externalFileType))
+        ruleForm.value[`auditFiles${element.externalFileType}`].push(element)
+      })
+      // ruleForm.value.auditFiles1 = auditFiles1
+      // ruleForm.value.auditFiles2 = auditFiles2
+      // ruleForm.value.auditFiles3 = auditFiles3
+      //
+      console.log(ruleForm.value, 'ruleForm.value')
+    })
+  }
+})
+
+// 监听tab变化修改对应数组
+const fileType = ref('待审材料')
+watch(() => fileType.value, (newVal) => {
+  const value = typeList.value.filter(item => item.name === newVal)
+  if (value.length) {
+    auditFiles.value = ruleForm.value[`auditFiles${value[0].value}`]
+  }
+}, {
+  immediate: true,
+})
+watch(() => fileRef.value?.list, (newVal) => {
+  if ($route.path.includes('detail')) { return }
+  if (newVal.length) {
+    const value = typeList.value.filter(item => item.name === fileType.value)
+    if (value.length) {
+      ruleForm.value[`auditFiles${value[0].value}`] = newVal
+    }
+  }
+}, {
+  deep: true,
+})
 </script>
 
 <template>
   <app-container style="overflow: hidden;">
     <detail-page title="外部审核工作">
       <template #btns>
+        <el-button v-if="$route.path.includes('detail')" type="primary">
+          下载
+        </el-button>
         <el-button v-if="!$route.path.includes('detail')" type="primary" @click="saveForm(ruleFormRef)">
           保存
         </el-button>
@@ -119,12 +167,12 @@
         </el-row>
       </el-form>
     </detail-block>
-    <!-- <detail-block title="">
+    <detail-block title="">
       <el-radio-group v-model="fileType" style="margin-bottom: 10px;">
         <el-radio-button v-for="item in typeList" :key="item.id" :label="item.name" />
       </el-radio-group>
-    </detail-block> -->
-    <file-list ref="fileRef" :data="ruleForm.auditFiles" />
+    </detail-block>
+    <file-list ref="fileRef" :data="auditFiles" :type="fileType" />
   </app-container>
 </template>
 
diff --git a/src/views/quality/external/external/components/fileList.vue b/src/views/quality/external/external/components/fileList.vue
index 52bc847..4c7b21d 100644
--- a/src/views/quality/external/external/components/fileList.vue
+++ b/src/views/quality/external/external/components/fileList.vue
@@ -10,6 +10,10 @@
     type: Array,
     required: true,
   },
+  type: {
+    type: String,
+    default: '',
+  },
 })
 const $route = useRoute()
 const $router = useRouter()
@@ -18,11 +22,14 @@
   if (newVal.length) {
     list.value = $props.data
   }
+  else {
+    list.value = []
+  }
 }, {
   deep: true,
 })
 const columns = ref([
-  { text: '文件类型', value: 'externalFileTypeName', isSelect: true, required: true },
+  { text: '文件类型', value: 'fileTypeName', isSelect: true, required: true },
   { text: '文件编号', value: 'fileCode', isSelect: false, required: true },
   { text: '文件名称', value: 'fileName', isSelect: false, required: true },
   { text: '创建时间', value: 'createTime', isSelect: false, required: true },
@@ -90,8 +97,17 @@
   list,
   checkCertificateList,
 })
+// 字典
+const typeList = ref<any[]>([])
+getDictByCode('externalFileType').then((res) => {
+  // 外审文件类型
+  typeList.value = res.data
+})
+// 上传文件组件
 const fileRef = ref()
+// 选择文件组件
 const sfileRef = ref()
+// 上传/选择组件
 const selectFile = (type: string) => {
   if (!checkCertificateList()) { return }
   setAllRowReadable()
@@ -99,19 +115,23 @@
     fileRef.value.initDialog()
   }
   else {
-    sfileRef.value.initDialog()
+    sfileRef.value.initDialog($props.type)
   }
 }
+// 确认添加文件
 const addFile = (data: any) => {
   console.log(data, '添加的文件')
-  list.value.push(data)
+  list.value.push({ ...data, externalFileType: typeList.value.filter(item => item.name === $props.type)[0].value })
 }
-const typeList = ref<any[]>([])
-getDictByCode('externalFileType').then((res) => {
-  // 外审文件类型
-  // console.log(res.data, '文件类型')
-  typeList.value = res.data
-})
+// 预览文件
+// const previerRef = ref()
+// const filePath = ref('')
+const preview = (row: any) => {
+  // console.log(row, 'row')
+  // filePath.value = row.filePath
+  // previerRef.value.click()
+  window.open(row.filePath, '_blank')
+}
 </script>
 
 <template>
@@ -157,6 +177,7 @@
           </el-select>
         </template>
       </el-table-column>
+
       <el-table-column v-if="!$route.path.includes('detail')" align="center" label="操作" width="180">
         <template #default="scope">
           <el-button
@@ -194,6 +215,19 @@
           </el-button>
         </template>
       </el-table-column>
+      <el-table-column v-else align="center" label="操作" width="100">
+        <template #default="scope">
+          <el-button
+            size="small"
+            type="primary"
+            link
+            @click="preview(scope.row)"
+          >
+            预览
+          </el-button>
+          <!-- <a ref="previerRef" style="display: none;" :href="filePath" target="_blank" /> -->
+        </template>
+      </el-table-column>
     </el-table>
   </detail-block>
 </template>

diff --git a/src/views/quality/external/external/components/addFileDialog.vue b/src/views/quality/external/external/components/addFileDialog.vue
index c0b21ed..677bf86 100644
--- a/src/views/quality/external/external/components/addFileDialog.vue
+++ b/src/views/quality/external/external/components/addFileDialog.vue
@@ -12,7 +12,7 @@
 const dialogFormVisible = ref(false) // 对话框是否显示
 // 表单
 const areaForm = ref({
-  externalFileType: '',
+  fileType: '',
   fileCode: '',
   fileName: '',
   filePath: '',
@@ -21,14 +21,14 @@
 const uploadName = ref('')
 // 前端校验规则
 const rules: FormRules = {
-  externalFileType: [{ required: true, message: '文件类型必选', trigger: ['blur', 'change'] }],
+  fileType: [{ required: true, message: '文件类型必选', trigger: ['blur', 'change'] }],
   fileName: [{ required: true, message: '文件名称必填', trigger: ['blur', 'change'] }],
   filePath: [{ required: true, message: '附件必须上传', trigger: ['blur', 'change'] }],
 }
 // 重置表单
 const resetForm = () => {
   areaForm.value = {
-    externalFileType: '',
+    fileType: '',
     fileCode: '',
     fileName: '',
     filePath: '',
@@ -50,7 +50,7 @@
     if (valid) {
       emits('confirm', {
         ...areaForm.value,
-        externalFileTypeName: fileTypeList.value.filter(item => item.value === areaForm.value.externalFileType)[0].name,
+        fileTypeName: fileTypeList.value.filter(item => item.value === areaForm.value.fileType)[0].name,
         createTime: dayjs().format('YYYY-MM-DD hh:mm'),
       })
       dialogFormVisible.value = false
@@ -77,7 +77,6 @@
 
 const cancel = () => {
   dialogFormVisible.value = false
-  // this.$emit('watchChild')
 }
 // 上传附件
 const fileRef = ref() // 文件上传input，获取input的引用
@@ -95,6 +94,7 @@
           // 展示上传文件名称
           const data = res.data.split('/')
           uploadName.value = data[data.length - 1]
+          dataFormRef.value?.clearValidate('filePath')
         })
       }
     })
@@ -115,8 +115,8 @@
     <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="80px">
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="文件类型" prop="externalFileType">
-            <el-select v-model="areaForm.externalFileType" placeholder="必选">
+          <el-form-item label="文件类型" prop="fileType">
+            <el-select v-model="areaForm.fileType" placeholder="文件类型">
               <el-option
                 v-for="item in fileTypeList"
                 :key="item.value"
@@ -128,19 +128,19 @@
         </el-col>
         <el-col :span="24">
           <el-form-item label="文件编号" prop="fileCode">
-            <el-input v-model="areaForm.fileCode" style="width: 100%;" />
+            <el-input v-model="areaForm.fileCode" placeholder="文件编号" style="width: 100%;" />
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="文件名称" prop="fileName">
-            <el-input v-model="areaForm.fileName" style="width: 100%;" />
+            <el-input v-model="areaForm.fileName" placeholder="文件名称" style="width: 100%;" />
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="附件" prop="filePath">
             <!-- <el-input-number v-model="areaForm.fileName" style="width: 100%;" /> -->
             <a class="link" :href="areaForm.filePath" type="primary" style="margin-right: 10px;" target="_blank">
-              {{ areaForm.filePath }}
+              {{ uploadName }}
               <span v-if="!$route.path.includes('detail')" class="close" @click.stop.capture.prevent="close">x</span>
             </a>
             <el-button v-if="!areaForm.filePath" type="primary" @click="importList">
diff --git a/src/views/quality/external/external/components/edit.vue b/src/views/quality/external/external/components/edit.vue
index 7670cbd..8d98057 100644
--- a/src/views/quality/external/external/components/edit.vue
+++ b/src/views/quality/external/external/components/edit.vue
@@ -11,27 +11,30 @@
 const $router = useRouter()
 const userStore = useUserStore()
 const ruleFormRef = ref<FormInstance>() // from组件
+// 表单
 const ruleForm = ref({
   workName: '',
   year: '',
   createTime: '',
-  auditFiles: [],
-}) // 表单
+  auditFiles1: [] as any[],
+  auditFiles2: [] as any[],
+  auditFiles3: [] as any[],
+  // auditFiles: [] as any[],
+})
+// 文件列表数组
+const auditFiles = ref<any[]>([])
+// 文件类型列表
+const typeList = ref<any[]>([])
+// 表单验证规则
 const rules = ref<FormRules>({
   year: [{ required: true, message: '年度必选', trigger: ['blur', 'change'] }],
   workName: [{ required: true, message: '工作名称必填', trigger: ['blur', 'change'] }],
-}) // 表单验证规则
+})
 onMounted(() => {
   if ($route.path.includes('create')) {
     ruleForm.value.createTime = dayjs().format('YYYY-MM-DD HH:mm') // 记录时间
   }
-  else {
-    detailWork({ id: $route.query.id }).then((res) => {
-      ruleForm.value = res.data
-    })
-  }
 })
-const fileType = ref('待审材料')
 const fileRef = ref()
 const saveRow = (data: any) => {
   ($route.path.includes('create') ? addWork : updateWork)(data).then((res) => {
@@ -55,7 +58,7 @@
       ).then((res) => {
         const data = {
           ...ruleForm.value,
-          auditFiles: fileRef.value.list,
+          auditFiles: [...ruleForm.value.auditFiles1, ...ruleForm.value.auditFiles2, ...ruleForm.value.auditFiles3],
         }
         saveRow(data)
       })
@@ -63,8 +66,8 @@
   })
 }
 const yearList = ref<{ id: string; value: string; name: string }[]>([])// 年度
-const typeList = ref<any[]>([])
-const fetchDict = () => {
+
+async function fetchDict() {
   const year = new Date().getFullYear() + 5
   for (let i = year; i > year - 10; i--) {
     yearList.value?.push({
@@ -74,19 +77,64 @@
     })
   }
   yearList.value?.reverse()
-  getDictByCode('externalFileType').then((res) => {
-    // 外审文件类型
-    // console.log(res.data, '文件类型')
-    typeList.value = res.data
-  })
+  const res = await getDictByCode('externalFileType')
+  // 外审文件类型
+  typeList.value = res.data
+  auditFiles.value = ruleForm.value.auditFiles1
 }
-fetchDict()
+onBeforeMount(async () => {
+  await fetchDict()
+  if ($route.path.includes('detail')) {
+    detailWork({ id: $route.query.id }).then((res) => {
+      ruleForm.value.workName = res.data.workName
+      ruleForm.value.year = res.data.year
+      // 对数据进行加工
+      // const auditFiles1 = [] as any[]
+      // const auditFiles2 = [] as any[]
+      // const auditFiles3 = [] as any[]
+      res.data.auditFiles.forEach((element: any) => {
+        // const type = typeList.value.filter(item => item.value === String(element.externalFileType))
+        ruleForm.value[`auditFiles${element.externalFileType}`].push(element)
+      })
+      // ruleForm.value.auditFiles1 = auditFiles1
+      // ruleForm.value.auditFiles2 = auditFiles2
+      // ruleForm.value.auditFiles3 = auditFiles3
+      //
+      console.log(ruleForm.value, 'ruleForm.value')
+    })
+  }
+})
+
+// 监听tab变化修改对应数组
+const fileType = ref('待审材料')
+watch(() => fileType.value, (newVal) => {
+  const value = typeList.value.filter(item => item.name === newVal)
+  if (value.length) {
+    auditFiles.value = ruleForm.value[`auditFiles${value[0].value}`]
+  }
+}, {
+  immediate: true,
+})
+watch(() => fileRef.value?.list, (newVal) => {
+  if ($route.path.includes('detail')) { return }
+  if (newVal.length) {
+    const value = typeList.value.filter(item => item.name === fileType.value)
+    if (value.length) {
+      ruleForm.value[`auditFiles${value[0].value}`] = newVal
+    }
+  }
+}, {
+  deep: true,
+})
 </script>
 
 <template>
   <app-container style="overflow: hidden;">
     <detail-page title="外部审核工作">
       <template #btns>
+        <el-button v-if="$route.path.includes('detail')" type="primary">
+          下载
+        </el-button>
         <el-button v-if="!$route.path.includes('detail')" type="primary" @click="saveForm(ruleFormRef)">
           保存
         </el-button>
@@ -119,12 +167,12 @@
         </el-row>
       </el-form>
     </detail-block>
-    <!-- <detail-block title="">
+    <detail-block title="">
       <el-radio-group v-model="fileType" style="margin-bottom: 10px;">
         <el-radio-button v-for="item in typeList" :key="item.id" :label="item.name" />
       </el-radio-group>
-    </detail-block> -->
-    <file-list ref="fileRef" :data="ruleForm.auditFiles" />
+    </detail-block>
+    <file-list ref="fileRef" :data="auditFiles" :type="fileType" />
   </app-container>
 </template>
 
diff --git a/src/views/quality/external/external/components/fileList.vue b/src/views/quality/external/external/components/fileList.vue
index 52bc847..4c7b21d 100644
--- a/src/views/quality/external/external/components/fileList.vue
+++ b/src/views/quality/external/external/components/fileList.vue
@@ -10,6 +10,10 @@
     type: Array,
     required: true,
   },
+  type: {
+    type: String,
+    default: '',
+  },
 })
 const $route = useRoute()
 const $router = useRouter()
@@ -18,11 +22,14 @@
   if (newVal.length) {
     list.value = $props.data
   }
+  else {
+    list.value = []
+  }
 }, {
   deep: true,
 })
 const columns = ref([
-  { text: '文件类型', value: 'externalFileTypeName', isSelect: true, required: true },
+  { text: '文件类型', value: 'fileTypeName', isSelect: true, required: true },
   { text: '文件编号', value: 'fileCode', isSelect: false, required: true },
   { text: '文件名称', value: 'fileName', isSelect: false, required: true },
   { text: '创建时间', value: 'createTime', isSelect: false, required: true },
@@ -90,8 +97,17 @@
   list,
   checkCertificateList,
 })
+// 字典
+const typeList = ref<any[]>([])
+getDictByCode('externalFileType').then((res) => {
+  // 外审文件类型
+  typeList.value = res.data
+})
+// 上传文件组件
 const fileRef = ref()
+// 选择文件组件
 const sfileRef = ref()
+// 上传/选择组件
 const selectFile = (type: string) => {
   if (!checkCertificateList()) { return }
   setAllRowReadable()
@@ -99,19 +115,23 @@
     fileRef.value.initDialog()
   }
   else {
-    sfileRef.value.initDialog()
+    sfileRef.value.initDialog($props.type)
   }
 }
+// 确认添加文件
 const addFile = (data: any) => {
   console.log(data, '添加的文件')
-  list.value.push(data)
+  list.value.push({ ...data, externalFileType: typeList.value.filter(item => item.name === $props.type)[0].value })
 }
-const typeList = ref<any[]>([])
-getDictByCode('externalFileType').then((res) => {
-  // 外审文件类型
-  // console.log(res.data, '文件类型')
-  typeList.value = res.data
-})
+// 预览文件
+// const previerRef = ref()
+// const filePath = ref('')
+const preview = (row: any) => {
+  // console.log(row, 'row')
+  // filePath.value = row.filePath
+  // previerRef.value.click()
+  window.open(row.filePath, '_blank')
+}
 </script>
 
 <template>
@@ -157,6 +177,7 @@
           </el-select>
         </template>
       </el-table-column>
+
       <el-table-column v-if="!$route.path.includes('detail')" align="center" label="操作" width="180">
         <template #default="scope">
           <el-button
@@ -194,6 +215,19 @@
           </el-button>
         </template>
       </el-table-column>
+      <el-table-column v-else align="center" label="操作" width="100">
+        <template #default="scope">
+          <el-button
+            size="small"
+            type="primary"
+            link
+            @click="preview(scope.row)"
+          >
+            预览
+          </el-button>
+          <!-- <a ref="previerRef" style="display: none;" :href="filePath" target="_blank" /> -->
+        </template>
+      </el-table-column>
     </el-table>
   </detail-block>
 </template>
diff --git a/src/views/quality/external/external/components/selectFileDialog.vue b/src/views/quality/external/external/components/selectFileDialog.vue
index 130571f..6cf6dc2 100644
--- a/src/views/quality/external/external/components/selectFileDialog.vue
+++ b/src/views/quality/external/external/components/selectFileDialog.vue
@@ -76,7 +76,7 @@
 }
 // 获取字典值
 const fetchDict = () => {
-  getDictByCode('corrective_file_type').then((res) => {
+  getDictByCode('auditManagementFileType').then((res) => {
     fileTypesList.value = res.data
   })
 }
@@ -120,7 +120,7 @@
 <template>
   <el-dialog v-model="dialogFormVisible" title="选择文件" width="65%">
     <!-- 筛选条件 -->
-    <search-area :need-clear="true" @search="searchList">
+    <search-area @search="searchList">
       <search-item>
         <el-select
           v-model="listQuery.fileTypes"

diff --git a/src/views/quality/external/external/components/addFileDialog.vue b/src/views/quality/external/external/components/addFileDialog.vue
index c0b21ed..677bf86 100644
--- a/src/views/quality/external/external/components/addFileDialog.vue
+++ b/src/views/quality/external/external/components/addFileDialog.vue
@@ -12,7 +12,7 @@
 const dialogFormVisible = ref(false) // 对话框是否显示
 // 表单
 const areaForm = ref({
-  externalFileType: '',
+  fileType: '',
   fileCode: '',
   fileName: '',
   filePath: '',
@@ -21,14 +21,14 @@
 const uploadName = ref('')
 // 前端校验规则
 const rules: FormRules = {
-  externalFileType: [{ required: true, message: '文件类型必选', trigger: ['blur', 'change'] }],
+  fileType: [{ required: true, message: '文件类型必选', trigger: ['blur', 'change'] }],
   fileName: [{ required: true, message: '文件名称必填', trigger: ['blur', 'change'] }],
   filePath: [{ required: true, message: '附件必须上传', trigger: ['blur', 'change'] }],
 }
 // 重置表单
 const resetForm = () => {
   areaForm.value = {
-    externalFileType: '',
+    fileType: '',
     fileCode: '',
     fileName: '',
     filePath: '',
@@ -50,7 +50,7 @@
     if (valid) {
       emits('confirm', {
         ...areaForm.value,
-        externalFileTypeName: fileTypeList.value.filter(item => item.value === areaForm.value.externalFileType)[0].name,
+        fileTypeName: fileTypeList.value.filter(item => item.value === areaForm.value.fileType)[0].name,
         createTime: dayjs().format('YYYY-MM-DD hh:mm'),
       })
       dialogFormVisible.value = false
@@ -77,7 +77,6 @@
 
 const cancel = () => {
   dialogFormVisible.value = false
-  // this.$emit('watchChild')
 }
 // 上传附件
 const fileRef = ref() // 文件上传input，获取input的引用
@@ -95,6 +94,7 @@
           // 展示上传文件名称
           const data = res.data.split('/')
           uploadName.value = data[data.length - 1]
+          dataFormRef.value?.clearValidate('filePath')
         })
       }
     })
@@ -115,8 +115,8 @@
     <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="80px">
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="文件类型" prop="externalFileType">
-            <el-select v-model="areaForm.externalFileType" placeholder="必选">
+          <el-form-item label="文件类型" prop="fileType">
+            <el-select v-model="areaForm.fileType" placeholder="文件类型">
               <el-option
                 v-for="item in fileTypeList"
                 :key="item.value"
@@ -128,19 +128,19 @@
         </el-col>
         <el-col :span="24">
           <el-form-item label="文件编号" prop="fileCode">
-            <el-input v-model="areaForm.fileCode" style="width: 100%;" />
+            <el-input v-model="areaForm.fileCode" placeholder="文件编号" style="width: 100%;" />
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="文件名称" prop="fileName">
-            <el-input v-model="areaForm.fileName" style="width: 100%;" />
+            <el-input v-model="areaForm.fileName" placeholder="文件名称" style="width: 100%;" />
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="附件" prop="filePath">
             <!-- <el-input-number v-model="areaForm.fileName" style="width: 100%;" /> -->
             <a class="link" :href="areaForm.filePath" type="primary" style="margin-right: 10px;" target="_blank">
-              {{ areaForm.filePath }}
+              {{ uploadName }}
               <span v-if="!$route.path.includes('detail')" class="close" @click.stop.capture.prevent="close">x</span>
             </a>
             <el-button v-if="!areaForm.filePath" type="primary" @click="importList">
diff --git a/src/views/quality/external/external/components/edit.vue b/src/views/quality/external/external/components/edit.vue
index 7670cbd..8d98057 100644
--- a/src/views/quality/external/external/components/edit.vue
+++ b/src/views/quality/external/external/components/edit.vue
@@ -11,27 +11,30 @@
 const $router = useRouter()
 const userStore = useUserStore()
 const ruleFormRef = ref<FormInstance>() // from组件
+// 表单
 const ruleForm = ref({
   workName: '',
   year: '',
   createTime: '',
-  auditFiles: [],
-}) // 表单
+  auditFiles1: [] as any[],
+  auditFiles2: [] as any[],
+  auditFiles3: [] as any[],
+  // auditFiles: [] as any[],
+})
+// 文件列表数组
+const auditFiles = ref<any[]>([])
+// 文件类型列表
+const typeList = ref<any[]>([])
+// 表单验证规则
 const rules = ref<FormRules>({
   year: [{ required: true, message: '年度必选', trigger: ['blur', 'change'] }],
   workName: [{ required: true, message: '工作名称必填', trigger: ['blur', 'change'] }],
-}) // 表单验证规则
+})
 onMounted(() => {
   if ($route.path.includes('create')) {
     ruleForm.value.createTime = dayjs().format('YYYY-MM-DD HH:mm') // 记录时间
   }
-  else {
-    detailWork({ id: $route.query.id }).then((res) => {
-      ruleForm.value = res.data
-    })
-  }
 })
-const fileType = ref('待审材料')
 const fileRef = ref()
 const saveRow = (data: any) => {
   ($route.path.includes('create') ? addWork : updateWork)(data).then((res) => {
@@ -55,7 +58,7 @@
       ).then((res) => {
         const data = {
           ...ruleForm.value,
-          auditFiles: fileRef.value.list,
+          auditFiles: [...ruleForm.value.auditFiles1, ...ruleForm.value.auditFiles2, ...ruleForm.value.auditFiles3],
         }
         saveRow(data)
       })
@@ -63,8 +66,8 @@
   })
 }
 const yearList = ref<{ id: string; value: string; name: string }[]>([])// 年度
-const typeList = ref<any[]>([])
-const fetchDict = () => {
+
+async function fetchDict() {
   const year = new Date().getFullYear() + 5
   for (let i = year; i > year - 10; i--) {
     yearList.value?.push({
@@ -74,19 +77,64 @@
     })
   }
   yearList.value?.reverse()
-  getDictByCode('externalFileType').then((res) => {
-    // 外审文件类型
-    // console.log(res.data, '文件类型')
-    typeList.value = res.data
-  })
+  const res = await getDictByCode('externalFileType')
+  // 外审文件类型
+  typeList.value = res.data
+  auditFiles.value = ruleForm.value.auditFiles1
 }
-fetchDict()
+onBeforeMount(async () => {
+  await fetchDict()
+  if ($route.path.includes('detail')) {
+    detailWork({ id: $route.query.id }).then((res) => {
+      ruleForm.value.workName = res.data.workName
+      ruleForm.value.year = res.data.year
+      // 对数据进行加工
+      // const auditFiles1 = [] as any[]
+      // const auditFiles2 = [] as any[]
+      // const auditFiles3 = [] as any[]
+      res.data.auditFiles.forEach((element: any) => {
+        // const type = typeList.value.filter(item => item.value === String(element.externalFileType))
+        ruleForm.value[`auditFiles${element.externalFileType}`].push(element)
+      })
+      // ruleForm.value.auditFiles1 = auditFiles1
+      // ruleForm.value.auditFiles2 = auditFiles2
+      // ruleForm.value.auditFiles3 = auditFiles3
+      //
+      console.log(ruleForm.value, 'ruleForm.value')
+    })
+  }
+})
+
+// 监听tab变化修改对应数组
+const fileType = ref('待审材料')
+watch(() => fileType.value, (newVal) => {
+  const value = typeList.value.filter(item => item.name === newVal)
+  if (value.length) {
+    auditFiles.value = ruleForm.value[`auditFiles${value[0].value}`]
+  }
+}, {
+  immediate: true,
+})
+watch(() => fileRef.value?.list, (newVal) => {
+  if ($route.path.includes('detail')) { return }
+  if (newVal.length) {
+    const value = typeList.value.filter(item => item.name === fileType.value)
+    if (value.length) {
+      ruleForm.value[`auditFiles${value[0].value}`] = newVal
+    }
+  }
+}, {
+  deep: true,
+})
 </script>
 
 <template>
   <app-container style="overflow: hidden;">
     <detail-page title="外部审核工作">
       <template #btns>
+        <el-button v-if="$route.path.includes('detail')" type="primary">
+          下载
+        </el-button>
         <el-button v-if="!$route.path.includes('detail')" type="primary" @click="saveForm(ruleFormRef)">
           保存
         </el-button>
@@ -119,12 +167,12 @@
         </el-row>
       </el-form>
     </detail-block>
-    <!-- <detail-block title="">
+    <detail-block title="">
       <el-radio-group v-model="fileType" style="margin-bottom: 10px;">
         <el-radio-button v-for="item in typeList" :key="item.id" :label="item.name" />
       </el-radio-group>
-    </detail-block> -->
-    <file-list ref="fileRef" :data="ruleForm.auditFiles" />
+    </detail-block>
+    <file-list ref="fileRef" :data="auditFiles" :type="fileType" />
   </app-container>
 </template>
 
diff --git a/src/views/quality/external/external/components/fileList.vue b/src/views/quality/external/external/components/fileList.vue
index 52bc847..4c7b21d 100644
--- a/src/views/quality/external/external/components/fileList.vue
+++ b/src/views/quality/external/external/components/fileList.vue
@@ -10,6 +10,10 @@
     type: Array,
     required: true,
   },
+  type: {
+    type: String,
+    default: '',
+  },
 })
 const $route = useRoute()
 const $router = useRouter()
@@ -18,11 +22,14 @@
   if (newVal.length) {
     list.value = $props.data
   }
+  else {
+    list.value = []
+  }
 }, {
   deep: true,
 })
 const columns = ref([
-  { text: '文件类型', value: 'externalFileTypeName', isSelect: true, required: true },
+  { text: '文件类型', value: 'fileTypeName', isSelect: true, required: true },
   { text: '文件编号', value: 'fileCode', isSelect: false, required: true },
   { text: '文件名称', value: 'fileName', isSelect: false, required: true },
   { text: '创建时间', value: 'createTime', isSelect: false, required: true },
@@ -90,8 +97,17 @@
   list,
   checkCertificateList,
 })
+// 字典
+const typeList = ref<any[]>([])
+getDictByCode('externalFileType').then((res) => {
+  // 外审文件类型
+  typeList.value = res.data
+})
+// 上传文件组件
 const fileRef = ref()
+// 选择文件组件
 const sfileRef = ref()
+// 上传/选择组件
 const selectFile = (type: string) => {
   if (!checkCertificateList()) { return }
   setAllRowReadable()
@@ -99,19 +115,23 @@
     fileRef.value.initDialog()
   }
   else {
-    sfileRef.value.initDialog()
+    sfileRef.value.initDialog($props.type)
   }
 }
+// 确认添加文件
 const addFile = (data: any) => {
   console.log(data, '添加的文件')
-  list.value.push(data)
+  list.value.push({ ...data, externalFileType: typeList.value.filter(item => item.name === $props.type)[0].value })
 }
-const typeList = ref<any[]>([])
-getDictByCode('externalFileType').then((res) => {
-  // 外审文件类型
-  // console.log(res.data, '文件类型')
-  typeList.value = res.data
-})
+// 预览文件
+// const previerRef = ref()
+// const filePath = ref('')
+const preview = (row: any) => {
+  // console.log(row, 'row')
+  // filePath.value = row.filePath
+  // previerRef.value.click()
+  window.open(row.filePath, '_blank')
+}
 </script>
 
 <template>
@@ -157,6 +177,7 @@
           </el-select>
         </template>
       </el-table-column>
+
       <el-table-column v-if="!$route.path.includes('detail')" align="center" label="操作" width="180">
         <template #default="scope">
           <el-button
@@ -194,6 +215,19 @@
           </el-button>
         </template>
       </el-table-column>
+      <el-table-column v-else align="center" label="操作" width="100">
+        <template #default="scope">
+          <el-button
+            size="small"
+            type="primary"
+            link
+            @click="preview(scope.row)"
+          >
+            预览
+          </el-button>
+          <!-- <a ref="previerRef" style="display: none;" :href="filePath" target="_blank" /> -->
+        </template>
+      </el-table-column>
     </el-table>
   </detail-block>
 </template>
diff --git a/src/views/quality/external/external/components/selectFileDialog.vue b/src/views/quality/external/external/components/selectFileDialog.vue
index 130571f..6cf6dc2 100644
--- a/src/views/quality/external/external/components/selectFileDialog.vue
+++ b/src/views/quality/external/external/components/selectFileDialog.vue
@@ -76,7 +76,7 @@
 }
 // 获取字典值
 const fetchDict = () => {
-  getDictByCode('corrective_file_type').then((res) => {
+  getDictByCode('auditManagementFileType').then((res) => {
     fileTypesList.value = res.data
   })
 }
@@ -120,7 +120,7 @@
 <template>
   <el-dialog v-model="dialogFormVisible" title="选择文件" width="65%">
     <!-- 筛选条件 -->
-    <search-area :need-clear="true" @search="searchList">
+    <search-area @search="searchList">
       <search-item>
         <el-select
           v-model="listQuery.fileTypes"
diff --git a/src/views/quality/external/external/index.vue b/src/views/quality/external/external/index.vue
index 47f2b54..3f694be 100644
--- a/src/views/quality/external/external/index.vue
+++ b/src/views/quality/external/external/index.vue
@@ -158,18 +158,25 @@
                 size="small"
                 type="primary"
                 link
+              >
+                下载
+              </el-button>
+              <el-button
+                size="small"
+                type="primary"
+                link
                 @click="handler('detail', row)"
               >
                 详情
               </el-button>
-              <el-button
+              <!-- <el-button
                 size="small"
                 type="primary"
                 link
                 @click="handler('update', row)"
               >
                 编辑
-              </el-button>
+              </el-button> -->
               <el-button
                 size="small"
                 type="danger"

diff --git a/src/views/quality/external/external/components/addFileDialog.vue b/src/views/quality/external/external/components/addFileDialog.vue
index c0b21ed..677bf86 100644
--- a/src/views/quality/external/external/components/addFileDialog.vue
+++ b/src/views/quality/external/external/components/addFileDialog.vue
@@ -12,7 +12,7 @@
 const dialogFormVisible = ref(false) // 对话框是否显示
 // 表单
 const areaForm = ref({
-  externalFileType: '',
+  fileType: '',
   fileCode: '',
   fileName: '',
   filePath: '',
@@ -21,14 +21,14 @@
 const uploadName = ref('')
 // 前端校验规则
 const rules: FormRules = {
-  externalFileType: [{ required: true, message: '文件类型必选', trigger: ['blur', 'change'] }],
+  fileType: [{ required: true, message: '文件类型必选', trigger: ['blur', 'change'] }],
   fileName: [{ required: true, message: '文件名称必填', trigger: ['blur', 'change'] }],
   filePath: [{ required: true, message: '附件必须上传', trigger: ['blur', 'change'] }],
 }
 // 重置表单
 const resetForm = () => {
   areaForm.value = {
-    externalFileType: '',
+    fileType: '',
     fileCode: '',
     fileName: '',
     filePath: '',
@@ -50,7 +50,7 @@
     if (valid) {
       emits('confirm', {
         ...areaForm.value,
-        externalFileTypeName: fileTypeList.value.filter(item => item.value === areaForm.value.externalFileType)[0].name,
+        fileTypeName: fileTypeList.value.filter(item => item.value === areaForm.value.fileType)[0].name,
         createTime: dayjs().format('YYYY-MM-DD hh:mm'),
       })
       dialogFormVisible.value = false
@@ -77,7 +77,6 @@
 
 const cancel = () => {
   dialogFormVisible.value = false
-  // this.$emit('watchChild')
 }
 // 上传附件
 const fileRef = ref() // 文件上传input，获取input的引用
@@ -95,6 +94,7 @@
           // 展示上传文件名称
           const data = res.data.split('/')
           uploadName.value = data[data.length - 1]
+          dataFormRef.value?.clearValidate('filePath')
         })
       }
     })
@@ -115,8 +115,8 @@
     <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="80px">
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="文件类型" prop="externalFileType">
-            <el-select v-model="areaForm.externalFileType" placeholder="必选">
+          <el-form-item label="文件类型" prop="fileType">
+            <el-select v-model="areaForm.fileType" placeholder="文件类型">
               <el-option
                 v-for="item in fileTypeList"
                 :key="item.value"
@@ -128,19 +128,19 @@
         </el-col>
         <el-col :span="24">
           <el-form-item label="文件编号" prop="fileCode">
-            <el-input v-model="areaForm.fileCode" style="width: 100%;" />
+            <el-input v-model="areaForm.fileCode" placeholder="文件编号" style="width: 100%;" />
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="文件名称" prop="fileName">
-            <el-input v-model="areaForm.fileName" style="width: 100%;" />
+            <el-input v-model="areaForm.fileName" placeholder="文件名称" style="width: 100%;" />
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="附件" prop="filePath">
             <!-- <el-input-number v-model="areaForm.fileName" style="width: 100%;" /> -->
             <a class="link" :href="areaForm.filePath" type="primary" style="margin-right: 10px;" target="_blank">
-              {{ areaForm.filePath }}
+              {{ uploadName }}
               <span v-if="!$route.path.includes('detail')" class="close" @click.stop.capture.prevent="close">x</span>
             </a>
             <el-button v-if="!areaForm.filePath" type="primary" @click="importList">
diff --git a/src/views/quality/external/external/components/edit.vue b/src/views/quality/external/external/components/edit.vue
index 7670cbd..8d98057 100644
--- a/src/views/quality/external/external/components/edit.vue
+++ b/src/views/quality/external/external/components/edit.vue
@@ -11,27 +11,30 @@
 const $router = useRouter()
 const userStore = useUserStore()
 const ruleFormRef = ref<FormInstance>() // from组件
+// 表单
 const ruleForm = ref({
   workName: '',
   year: '',
   createTime: '',
-  auditFiles: [],
-}) // 表单
+  auditFiles1: [] as any[],
+  auditFiles2: [] as any[],
+  auditFiles3: [] as any[],
+  // auditFiles: [] as any[],
+})
+// 文件列表数组
+const auditFiles = ref<any[]>([])
+// 文件类型列表
+const typeList = ref<any[]>([])
+// 表单验证规则
 const rules = ref<FormRules>({
   year: [{ required: true, message: '年度必选', trigger: ['blur', 'change'] }],
   workName: [{ required: true, message: '工作名称必填', trigger: ['blur', 'change'] }],
-}) // 表单验证规则
+})
 onMounted(() => {
   if ($route.path.includes('create')) {
     ruleForm.value.createTime = dayjs().format('YYYY-MM-DD HH:mm') // 记录时间
   }
-  else {
-    detailWork({ id: $route.query.id }).then((res) => {
-      ruleForm.value = res.data
-    })
-  }
 })
-const fileType = ref('待审材料')
 const fileRef = ref()
 const saveRow = (data: any) => {
   ($route.path.includes('create') ? addWork : updateWork)(data).then((res) => {
@@ -55,7 +58,7 @@
       ).then((res) => {
         const data = {
           ...ruleForm.value,
-          auditFiles: fileRef.value.list,
+          auditFiles: [...ruleForm.value.auditFiles1, ...ruleForm.value.auditFiles2, ...ruleForm.value.auditFiles3],
         }
         saveRow(data)
       })
@@ -63,8 +66,8 @@
   })
 }
 const yearList = ref<{ id: string; value: string; name: string }[]>([])// 年度
-const typeList = ref<any[]>([])
-const fetchDict = () => {
+
+async function fetchDict() {
   const year = new Date().getFullYear() + 5
   for (let i = year; i > year - 10; i--) {
     yearList.value?.push({
@@ -74,19 +77,64 @@
     })
   }
   yearList.value?.reverse()
-  getDictByCode('externalFileType').then((res) => {
-    // 外审文件类型
-    // console.log(res.data, '文件类型')
-    typeList.value = res.data
-  })
+  const res = await getDictByCode('externalFileType')
+  // 外审文件类型
+  typeList.value = res.data
+  auditFiles.value = ruleForm.value.auditFiles1
 }
-fetchDict()
+onBeforeMount(async () => {
+  await fetchDict()
+  if ($route.path.includes('detail')) {
+    detailWork({ id: $route.query.id }).then((res) => {
+      ruleForm.value.workName = res.data.workName
+      ruleForm.value.year = res.data.year
+      // 对数据进行加工
+      // const auditFiles1 = [] as any[]
+      // const auditFiles2 = [] as any[]
+      // const auditFiles3 = [] as any[]
+      res.data.auditFiles.forEach((element: any) => {
+        // const type = typeList.value.filter(item => item.value === String(element.externalFileType))
+        ruleForm.value[`auditFiles${element.externalFileType}`].push(element)
+      })
+      // ruleForm.value.auditFiles1 = auditFiles1
+      // ruleForm.value.auditFiles2 = auditFiles2
+      // ruleForm.value.auditFiles3 = auditFiles3
+      //
+      console.log(ruleForm.value, 'ruleForm.value')
+    })
+  }
+})
+
+// 监听tab变化修改对应数组
+const fileType = ref('待审材料')
+watch(() => fileType.value, (newVal) => {
+  const value = typeList.value.filter(item => item.name === newVal)
+  if (value.length) {
+    auditFiles.value = ruleForm.value[`auditFiles${value[0].value}`]
+  }
+}, {
+  immediate: true,
+})
+watch(() => fileRef.value?.list, (newVal) => {
+  if ($route.path.includes('detail')) { return }
+  if (newVal.length) {
+    const value = typeList.value.filter(item => item.name === fileType.value)
+    if (value.length) {
+      ruleForm.value[`auditFiles${value[0].value}`] = newVal
+    }
+  }
+}, {
+  deep: true,
+})
 </script>
 
 <template>
   <app-container style="overflow: hidden;">
     <detail-page title="外部审核工作">
       <template #btns>
+        <el-button v-if="$route.path.includes('detail')" type="primary">
+          下载
+        </el-button>
         <el-button v-if="!$route.path.includes('detail')" type="primary" @click="saveForm(ruleFormRef)">
           保存
         </el-button>
@@ -119,12 +167,12 @@
         </el-row>
       </el-form>
     </detail-block>
-    <!-- <detail-block title="">
+    <detail-block title="">
       <el-radio-group v-model="fileType" style="margin-bottom: 10px;">
         <el-radio-button v-for="item in typeList" :key="item.id" :label="item.name" />
       </el-radio-group>
-    </detail-block> -->
-    <file-list ref="fileRef" :data="ruleForm.auditFiles" />
+    </detail-block>
+    <file-list ref="fileRef" :data="auditFiles" :type="fileType" />
   </app-container>
 </template>
 
diff --git a/src/views/quality/external/external/components/fileList.vue b/src/views/quality/external/external/components/fileList.vue
index 52bc847..4c7b21d 100644
--- a/src/views/quality/external/external/components/fileList.vue
+++ b/src/views/quality/external/external/components/fileList.vue
@@ -10,6 +10,10 @@
     type: Array,
     required: true,
   },
+  type: {
+    type: String,
+    default: '',
+  },
 })
 const $route = useRoute()
 const $router = useRouter()
@@ -18,11 +22,14 @@
   if (newVal.length) {
     list.value = $props.data
   }
+  else {
+    list.value = []
+  }
 }, {
   deep: true,
 })
 const columns = ref([
-  { text: '文件类型', value: 'externalFileTypeName', isSelect: true, required: true },
+  { text: '文件类型', value: 'fileTypeName', isSelect: true, required: true },
   { text: '文件编号', value: 'fileCode', isSelect: false, required: true },
   { text: '文件名称', value: 'fileName', isSelect: false, required: true },
   { text: '创建时间', value: 'createTime', isSelect: false, required: true },
@@ -90,8 +97,17 @@
   list,
   checkCertificateList,
 })
+// 字典
+const typeList = ref<any[]>([])
+getDictByCode('externalFileType').then((res) => {
+  // 外审文件类型
+  typeList.value = res.data
+})
+// 上传文件组件
 const fileRef = ref()
+// 选择文件组件
 const sfileRef = ref()
+// 上传/选择组件
 const selectFile = (type: string) => {
   if (!checkCertificateList()) { return }
   setAllRowReadable()
@@ -99,19 +115,23 @@
     fileRef.value.initDialog()
   }
   else {
-    sfileRef.value.initDialog()
+    sfileRef.value.initDialog($props.type)
   }
 }
+// 确认添加文件
 const addFile = (data: any) => {
   console.log(data, '添加的文件')
-  list.value.push(data)
+  list.value.push({ ...data, externalFileType: typeList.value.filter(item => item.name === $props.type)[0].value })
 }
-const typeList = ref<any[]>([])
-getDictByCode('externalFileType').then((res) => {
-  // 外审文件类型
-  // console.log(res.data, '文件类型')
-  typeList.value = res.data
-})
+// 预览文件
+// const previerRef = ref()
+// const filePath = ref('')
+const preview = (row: any) => {
+  // console.log(row, 'row')
+  // filePath.value = row.filePath
+  // previerRef.value.click()
+  window.open(row.filePath, '_blank')
+}
 </script>
 
 <template>
@@ -157,6 +177,7 @@
           </el-select>
         </template>
       </el-table-column>
+
       <el-table-column v-if="!$route.path.includes('detail')" align="center" label="操作" width="180">
         <template #default="scope">
           <el-button
@@ -194,6 +215,19 @@
           </el-button>
         </template>
       </el-table-column>
+      <el-table-column v-else align="center" label="操作" width="100">
+        <template #default="scope">
+          <el-button
+            size="small"
+            type="primary"
+            link
+            @click="preview(scope.row)"
+          >
+            预览
+          </el-button>
+          <!-- <a ref="previerRef" style="display: none;" :href="filePath" target="_blank" /> -->
+        </template>
+      </el-table-column>
     </el-table>
   </detail-block>
 </template>
diff --git a/src/views/quality/external/external/components/selectFileDialog.vue b/src/views/quality/external/external/components/selectFileDialog.vue
index 130571f..6cf6dc2 100644
--- a/src/views/quality/external/external/components/selectFileDialog.vue
+++ b/src/views/quality/external/external/components/selectFileDialog.vue
@@ -76,7 +76,7 @@
 }
 // 获取字典值
 const fetchDict = () => {
-  getDictByCode('corrective_file_type').then((res) => {
+  getDictByCode('auditManagementFileType').then((res) => {
     fileTypesList.value = res.data
   })
 }
@@ -120,7 +120,7 @@
 <template>
   <el-dialog v-model="dialogFormVisible" title="选择文件" width="65%">
     <!-- 筛选条件 -->
-    <search-area :need-clear="true" @search="searchList">
+    <search-area @search="searchList">
       <search-item>
         <el-select
           v-model="listQuery.fileTypes"
diff --git a/src/views/quality/external/external/index.vue b/src/views/quality/external/external/index.vue
index 47f2b54..3f694be 100644
--- a/src/views/quality/external/external/index.vue
+++ b/src/views/quality/external/external/index.vue
@@ -158,18 +158,25 @@
                 size="small"
                 type="primary"
                 link
+              >
+                下载
+              </el-button>
+              <el-button
+                size="small"
+                type="primary"
+                link
                 @click="handler('detail', row)"
               >
                 详情
               </el-button>
-              <el-button
+              <!-- <el-button
                 size="small"
                 type="primary"
                 link
                 @click="handler('update', row)"
               >
                 编辑
-              </el-button>
+              </el-button> -->
               <el-button
                 size="small"
                 type="danger"
diff --git a/src/views/quality/prevent/handle/components/NonConformanceRep.vue b/src/views/quality/prevent/handle/components/NonConformanceRep.vue
index 130571f..af69c2d 100644
--- a/src/views/quality/prevent/handle/components/NonConformanceRep.vue
+++ b/src/views/quality/prevent/handle/components/NonConformanceRep.vue
@@ -120,7 +120,7 @@
 <template>
   <el-dialog v-model="dialogFormVisible" title="选择文件" width="65%">
     <!-- 筛选条件 -->
-    <search-area :need-clear="true" @search="searchList">
+    <search-area @search="searchList">
       <search-item>
         <el-select
           v-model="listQuery.fileTypes"

diff --git a/src/views/quality/external/external/components/addFileDialog.vue b/src/views/quality/external/external/components/addFileDialog.vue
index c0b21ed..677bf86 100644
--- a/src/views/quality/external/external/components/addFileDialog.vue
+++ b/src/views/quality/external/external/components/addFileDialog.vue
@@ -12,7 +12,7 @@
 const dialogFormVisible = ref(false) // 对话框是否显示
 // 表单
 const areaForm = ref({
-  externalFileType: '',
+  fileType: '',
   fileCode: '',
   fileName: '',
   filePath: '',
@@ -21,14 +21,14 @@
 const uploadName = ref('')
 // 前端校验规则
 const rules: FormRules = {
-  externalFileType: [{ required: true, message: '文件类型必选', trigger: ['blur', 'change'] }],
+  fileType: [{ required: true, message: '文件类型必选', trigger: ['blur', 'change'] }],
   fileName: [{ required: true, message: '文件名称必填', trigger: ['blur', 'change'] }],
   filePath: [{ required: true, message: '附件必须上传', trigger: ['blur', 'change'] }],
 }
 // 重置表单
 const resetForm = () => {
   areaForm.value = {
-    externalFileType: '',
+    fileType: '',
     fileCode: '',
     fileName: '',
     filePath: '',
@@ -50,7 +50,7 @@
     if (valid) {
       emits('confirm', {
         ...areaForm.value,
-        externalFileTypeName: fileTypeList.value.filter(item => item.value === areaForm.value.externalFileType)[0].name,
+        fileTypeName: fileTypeList.value.filter(item => item.value === areaForm.value.fileType)[0].name,
         createTime: dayjs().format('YYYY-MM-DD hh:mm'),
       })
       dialogFormVisible.value = false
@@ -77,7 +77,6 @@
 
 const cancel = () => {
   dialogFormVisible.value = false
-  // this.$emit('watchChild')
 }
 // 上传附件
 const fileRef = ref() // 文件上传input，获取input的引用
@@ -95,6 +94,7 @@
           // 展示上传文件名称
           const data = res.data.split('/')
           uploadName.value = data[data.length - 1]
+          dataFormRef.value?.clearValidate('filePath')
         })
       }
     })
@@ -115,8 +115,8 @@
     <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="80px">
       <el-row :gutter="24">
         <el-col :span="24">
-          <el-form-item label="文件类型" prop="externalFileType">
-            <el-select v-model="areaForm.externalFileType" placeholder="必选">
+          <el-form-item label="文件类型" prop="fileType">
+            <el-select v-model="areaForm.fileType" placeholder="文件类型">
               <el-option
                 v-for="item in fileTypeList"
                 :key="item.value"
@@ -128,19 +128,19 @@
         </el-col>
         <el-col :span="24">
           <el-form-item label="文件编号" prop="fileCode">
-            <el-input v-model="areaForm.fileCode" style="width: 100%;" />
+            <el-input v-model="areaForm.fileCode" placeholder="文件编号" style="width: 100%;" />
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="文件名称" prop="fileName">
-            <el-input v-model="areaForm.fileName" style="width: 100%;" />
+            <el-input v-model="areaForm.fileName" placeholder="文件名称" style="width: 100%;" />
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="附件" prop="filePath">
             <!-- <el-input-number v-model="areaForm.fileName" style="width: 100%;" /> -->
             <a class="link" :href="areaForm.filePath" type="primary" style="margin-right: 10px;" target="_blank">
-              {{ areaForm.filePath }}
+              {{ uploadName }}
               <span v-if="!$route.path.includes('detail')" class="close" @click.stop.capture.prevent="close">x</span>
             </a>
             <el-button v-if="!areaForm.filePath" type="primary" @click="importList">
diff --git a/src/views/quality/external/external/components/edit.vue b/src/views/quality/external/external/components/edit.vue
index 7670cbd..8d98057 100644
--- a/src/views/quality/external/external/components/edit.vue
+++ b/src/views/quality/external/external/components/edit.vue
@@ -11,27 +11,30 @@
 const $router = useRouter()
 const userStore = useUserStore()
 const ruleFormRef = ref<FormInstance>() // from组件
+// 表单
 const ruleForm = ref({
   workName: '',
   year: '',
   createTime: '',
-  auditFiles: [],
-}) // 表单
+  auditFiles1: [] as any[],
+  auditFiles2: [] as any[],
+  auditFiles3: [] as any[],
+  // auditFiles: [] as any[],
+})
+// 文件列表数组
+const auditFiles = ref<any[]>([])
+// 文件类型列表
+const typeList = ref<any[]>([])
+// 表单验证规则
 const rules = ref<FormRules>({
   year: [{ required: true, message: '年度必选', trigger: ['blur', 'change'] }],
   workName: [{ required: true, message: '工作名称必填', trigger: ['blur', 'change'] }],
-}) // 表单验证规则
+})
 onMounted(() => {
   if ($route.path.includes('create')) {
     ruleForm.value.createTime = dayjs().format('YYYY-MM-DD HH:mm') // 记录时间
   }
-  else {
-    detailWork({ id: $route.query.id }).then((res) => {
-      ruleForm.value = res.data
-    })
-  }
 })
-const fileType = ref('待审材料')
 const fileRef = ref()
 const saveRow = (data: any) => {
   ($route.path.includes('create') ? addWork : updateWork)(data).then((res) => {
@@ -55,7 +58,7 @@
       ).then((res) => {
         const data = {
           ...ruleForm.value,
-          auditFiles: fileRef.value.list,
+          auditFiles: [...ruleForm.value.auditFiles1, ...ruleForm.value.auditFiles2, ...ruleForm.value.auditFiles3],
         }
         saveRow(data)
       })
@@ -63,8 +66,8 @@
   })
 }
 const yearList = ref<{ id: string; value: string; name: string }[]>([])// 年度
-const typeList = ref<any[]>([])
-const fetchDict = () => {
+
+async function fetchDict() {
   const year = new Date().getFullYear() + 5
   for (let i = year; i > year - 10; i--) {
     yearList.value?.push({
@@ -74,19 +77,64 @@
     })
   }
   yearList.value?.reverse()
-  getDictByCode('externalFileType').then((res) => {
-    // 外审文件类型
-    // console.log(res.data, '文件类型')
-    typeList.value = res.data
-  })
+  const res = await getDictByCode('externalFileType')
+  // 外审文件类型
+  typeList.value = res.data
+  auditFiles.value = ruleForm.value.auditFiles1
 }
-fetchDict()
+onBeforeMount(async () => {
+  await fetchDict()
+  if ($route.path.includes('detail')) {
+    detailWork({ id: $route.query.id }).then((res) => {
+      ruleForm.value.workName = res.data.workName
+      ruleForm.value.year = res.data.year
+      // 对数据进行加工
+      // const auditFiles1 = [] as any[]
+      // const auditFiles2 = [] as any[]
+      // const auditFiles3 = [] as any[]
+      res.data.auditFiles.forEach((element: any) => {
+        // const type = typeList.value.filter(item => item.value === String(element.externalFileType))
+        ruleForm.value[`auditFiles${element.externalFileType}`].push(element)
+      })
+      // ruleForm.value.auditFiles1 = auditFiles1
+      // ruleForm.value.auditFiles2 = auditFiles2
+      // ruleForm.value.auditFiles3 = auditFiles3
+      //
+      console.log(ruleForm.value, 'ruleForm.value')
+    })
+  }
+})
+
+// 监听tab变化修改对应数组
+const fileType = ref('待审材料')
+watch(() => fileType.value, (newVal) => {
+  const value = typeList.value.filter(item => item.name === newVal)
+  if (value.length) {
+    auditFiles.value = ruleForm.value[`auditFiles${value[0].value}`]
+  }
+}, {
+  immediate: true,
+})
+watch(() => fileRef.value?.list, (newVal) => {
+  if ($route.path.includes('detail')) { return }
+  if (newVal.length) {
+    const value = typeList.value.filter(item => item.name === fileType.value)
+    if (value.length) {
+      ruleForm.value[`auditFiles${value[0].value}`] = newVal
+    }
+  }
+}, {
+  deep: true,
+})
 </script>
 
 <template>
   <app-container style="overflow: hidden;">
     <detail-page title="外部审核工作">
       <template #btns>
+        <el-button v-if="$route.path.includes('detail')" type="primary">
+          下载
+        </el-button>
         <el-button v-if="!$route.path.includes('detail')" type="primary" @click="saveForm(ruleFormRef)">
           保存
         </el-button>
@@ -119,12 +167,12 @@
         </el-row>
       </el-form>
     </detail-block>
-    <!-- <detail-block title="">
+    <detail-block title="">
       <el-radio-group v-model="fileType" style="margin-bottom: 10px;">
         <el-radio-button v-for="item in typeList" :key="item.id" :label="item.name" />
       </el-radio-group>
-    </detail-block> -->
-    <file-list ref="fileRef" :data="ruleForm.auditFiles" />
+    </detail-block>
+    <file-list ref="fileRef" :data="auditFiles" :type="fileType" />
   </app-container>
 </template>
 
diff --git a/src/views/quality/external/external/components/fileList.vue b/src/views/quality/external/external/components/fileList.vue
index 52bc847..4c7b21d 100644
--- a/src/views/quality/external/external/components/fileList.vue
+++ b/src/views/quality/external/external/components/fileList.vue
@@ -10,6 +10,10 @@
     type: Array,
     required: true,
   },
+  type: {
+    type: String,
+    default: '',
+  },
 })
 const $route = useRoute()
 const $router = useRouter()
@@ -18,11 +22,14 @@
   if (newVal.length) {
     list.value = $props.data
   }
+  else {
+    list.value = []
+  }
 }, {
   deep: true,
 })
 const columns = ref([
-  { text: '文件类型', value: 'externalFileTypeName', isSelect: true, required: true },
+  { text: '文件类型', value: 'fileTypeName', isSelect: true, required: true },
   { text: '文件编号', value: 'fileCode', isSelect: false, required: true },
   { text: '文件名称', value: 'fileName', isSelect: false, required: true },
   { text: '创建时间', value: 'createTime', isSelect: false, required: true },
@@ -90,8 +97,17 @@
   list,
   checkCertificateList,
 })
+// 字典
+const typeList = ref<any[]>([])
+getDictByCode('externalFileType').then((res) => {
+  // 外审文件类型
+  typeList.value = res.data
+})
+// 上传文件组件
 const fileRef = ref()
+// 选择文件组件
 const sfileRef = ref()
+// 上传/选择组件
 const selectFile = (type: string) => {
   if (!checkCertificateList()) { return }
   setAllRowReadable()
@@ -99,19 +115,23 @@
     fileRef.value.initDialog()
   }
   else {
-    sfileRef.value.initDialog()
+    sfileRef.value.initDialog($props.type)
   }
 }
+// 确认添加文件
 const addFile = (data: any) => {
   console.log(data, '添加的文件')
-  list.value.push(data)
+  list.value.push({ ...data, externalFileType: typeList.value.filter(item => item.name === $props.type)[0].value })
 }
-const typeList = ref<any[]>([])
-getDictByCode('externalFileType').then((res) => {
-  // 外审文件类型
-  // console.log(res.data, '文件类型')
-  typeList.value = res.data
-})
+// 预览文件
+// const previerRef = ref()
+// const filePath = ref('')
+const preview = (row: any) => {
+  // console.log(row, 'row')
+  // filePath.value = row.filePath
+  // previerRef.value.click()
+  window.open(row.filePath, '_blank')
+}
 </script>
 
 <template>
@@ -157,6 +177,7 @@
           </el-select>
         </template>
       </el-table-column>
+
       <el-table-column v-if="!$route.path.includes('detail')" align="center" label="操作" width="180">
         <template #default="scope">
           <el-button
@@ -194,6 +215,19 @@
           </el-button>
         </template>
       </el-table-column>
+      <el-table-column v-else align="center" label="操作" width="100">
+        <template #default="scope">
+          <el-button
+            size="small"
+            type="primary"
+            link
+            @click="preview(scope.row)"
+          >
+            预览
+          </el-button>
+          <!-- <a ref="previerRef" style="display: none;" :href="filePath" target="_blank" /> -->
+        </template>
+      </el-table-column>
     </el-table>
   </detail-block>
 </template>
diff --git a/src/views/quality/external/external/components/selectFileDialog.vue b/src/views/quality/external/external/components/selectFileDialog.vue
index 130571f..6cf6dc2 100644
--- a/src/views/quality/external/external/components/selectFileDialog.vue
+++ b/src/views/quality/external/external/components/selectFileDialog.vue
@@ -76,7 +76,7 @@
 }
 // 获取字典值
 const fetchDict = () => {
-  getDictByCode('corrective_file_type').then((res) => {
+  getDictByCode('auditManagementFileType').then((res) => {
     fileTypesList.value = res.data
   })
 }
@@ -120,7 +120,7 @@
 <template>
   <el-dialog v-model="dialogFormVisible" title="选择文件" width="65%">
     <!-- 筛选条件 -->
-    <search-area :need-clear="true" @search="searchList">
+    <search-area @search="searchList">
       <search-item>
         <el-select
           v-model="listQuery.fileTypes"
diff --git a/src/views/quality/external/external/index.vue b/src/views/quality/external/external/index.vue
index 47f2b54..3f694be 100644
--- a/src/views/quality/external/external/index.vue
+++ b/src/views/quality/external/external/index.vue
@@ -158,18 +158,25 @@
                 size="small"
                 type="primary"
                 link
+              >
+                下载
+              </el-button>
+              <el-button
+                size="small"
+                type="primary"
+                link
                 @click="handler('detail', row)"
               >
                 详情
               </el-button>
-              <el-button
+              <!-- <el-button
                 size="small"
                 type="primary"
                 link
                 @click="handler('update', row)"
               >
                 编辑
-              </el-button>
+              </el-button> -->
               <el-button
                 size="small"
                 type="danger"
diff --git a/src/views/quality/prevent/handle/components/NonConformanceRep.vue b/src/views/quality/prevent/handle/components/NonConformanceRep.vue
index 130571f..af69c2d 100644
--- a/src/views/quality/prevent/handle/components/NonConformanceRep.vue
+++ b/src/views/quality/prevent/handle/components/NonConformanceRep.vue
@@ -120,7 +120,7 @@
 <template>
   <el-dialog v-model="dialogFormVisible" title="选择文件" width="65%">
     <!-- 筛选条件 -->
-    <search-area :need-clear="true" @search="searchList">
+    <search-area @search="searchList">
       <search-item>
         <el-select
           v-model="listQuery.fileTypes"
diff --git a/src/views/quality/review/work/components/fileList.vue b/src/views/quality/review/work/components/fileList.vue
index c3dbede..098ba74 100644
--- a/src/views/quality/review/work/components/fileList.vue
+++ b/src/views/quality/review/work/components/fileList.vue
@@ -114,11 +114,12 @@
   handler('update', list.value.findIndex(item => item === row))
 }
 // 预览文件
-const previerRef = ref()
-const filePath = ref('')
+// const previerRef = ref()
+// const filePath = ref('')
 const preview = (row: any) => {
-  filePath.value = row.filePath
-  previerRef.value.click()
+  // filePath.value = row.filePath
+  // previerRef.value.click()
+  window.open(row.filePath, '_blank')
 }
 // ----------------------------------------合并单元格-----------------------------------------------------
 // objectSpanMethod方法
@@ -216,7 +217,7 @@
           </el-button>
         </template>
       </el-table-column>
-      <a ref="previerRef" style="display: none;" :href="filePath" target="_blank" />
+      <!-- <a ref="previerRef" style="display: none;" :href="filePath" target="_blank" /> -->
     </el-table>
   </detail-block>
 </template>