diff --git a/src/views/competenceCenter/knowledge/index.vue b/src/views/competenceCenter/knowledge/index.vue
index d3b07a53..9e550d49 100644
--- a/src/views/competenceCenter/knowledge/index.vue
+++ b/src/views/competenceCenter/knowledge/index.vue
@@ -115,6 +115,7 @@
       @ok="onOkFun"
     />
     <folderModal v-model="folderModalVisible" :detail="currentFolder" :mode="currentFolderMode" @ok="onFolderOkFun" />
+    <FilePreview v-model="previewVisible" :fileId="currentRow?.id" />
   </div>
 </template>
 
@@ -137,6 +138,7 @@ import ApproveList from '@/components/common/approveList/index.vue';
 import { useDict } from '@/utils/useDict';
 import ApprovalProcess from '@/components/common/approvalProcess/index.vue';
 import i18n from '@/utils/i18n';
+import FilePreview from '@/components/common/filePreview/index.vue';
 
 const { KNOWLEDGE_APPROVE_STATUS, KNOWLEDGE_APPROVE_TYPE } = useDict('KNOWLEDGE_APPROVE_STATUS', 'KNOWLEDGE_APPROVE_TYPE');
 
@@ -344,9 +346,10 @@ const onOkFun = async (formData: any) => {
   }
 
 };
+const previewVisible = ref(false);
 const previewFileFun = (row: any) => {
-  // TODO
-  console.log(row);
+  currentRow.value = row;
+  previewVisible.value = true;
 };
 const downloadFileFun = (row: any) => {
   // TODO