单文档

package.json

@@ -29,6 +29,7 @@
     "@microsoft/fetch-event-source": "^2.0.1",
     "@vue-office/docx": "^1.6.2",
     "@vue-office/excel": "^1.7.11",
+    "@vue-office/pdf": "^2.0.2",
     "@vueuse/core": "^9.3.0",
     "arco-design-pro-vue": "^2.7.3",
     "axios": "^0.24.0",

src/views/dmx/knowledgeLib/components/txtPdf.vue → src/views/dmx/knowledgeLib/components/Pdf.vue

@@ -1,5 +1,5 @@
 <template>
-  <iframe :src="previewSrc"></iframe>
+<vue-office-pdf :src="previewSrc" :style="comStyle" @rendered="renderedHandler" @error="errorHandler"></vue-office-pdf>
 </template>
 
 <script setup>
@@ -12,7 +12,7 @@
     },
   });
   //引入VueOfficeExcel组件相关
-  import VueOfficeExcel from '@vue-office/excel';
+  import VueOfficePdf from '@vue-office/pdf';
   import '@vue-office/excel/lib/index.css';
 
   const comStyle = {

src/views/dmx/knowledgeLib/components/txt.vue

@@ -0,0 +1,51 @@
+<template>
+  <div>
+    <pre v-html="content"></pre>
+  </div>
+</template>
+
+<script setup>
+import { ref, watch } from "vue";
+
+let content = ref("");
+//	获取父组件传递的资源url
+const props = defineProps({
+  previewSrc: {
+    type: String,
+    required: false,
+    default: () => ""
+  }
+});
+
+const getContent = (url) => {
+  fetch(url)
+    .then((res) => res.text())
+    .then((data) => {
+      content.value = data;
+    });
+};
+getContent(props.previewSrc);
+
+//引入VueOfficeExcel组件相关
+import "@vue-office/excel/lib/index.css";
+
+const comStyle = {
+  width: "100%",
+  height: "100%"
+};
+
+const renderedHandler = () => {
+  console.log("rendered");
+};
+const errorHandler = (err) => {
+  console.log("error", err);
+};
+</script>
+
+<style scoped lang="less">
+  .aUpload {
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+</style>

src/views/dmx/knowledgeLib/index.vue

@@ -877,34 +877,8 @@
         pagination.current = params.page;
         pagination.total = data.data.total;
 
-        if (timer) {
-          clearInterval(timer);
-        }
         // 定时器查询文档
-        timer = setInterval(async () => {
-          let params = { ...basePagination, kb_id: kbobj.id };
-          const data = await queryKbDocumentList(params);
-          if (data.code == '0') {
-            parser_ids = kbtenantInfo.parser_ids
-              .split(',')
-              .reduce((acc, pair) => {
-                const [key, value] = pair.split(':');
-                acc[key] = value;
-                return acc;
-              }, {});
-            // console.log(parser_ids, 'parser_ids');
-            kbtenantInfo.parser_idObj = parser_ids;
-            renderData.value = data.data.docs || [];
-            renderData.value = renderData.value.map((item) => {
-              return {
-                ...item,
-                loading: false,
-                parser_id: parser_ids[item.parser_id],
-              };
-            });
-            // console.log(renderData.value, 'renderData');
-          }
-        }, 10000);
+        documentList()
       }
     } catch (err) {
       // you can report use errorHandler or other
@@ -913,6 +887,31 @@
     }
   };
 
+  const documentList= async () => {
+    let params = { ...basePagination, kb_id: kbobj.id };
+    const data = await queryKbDocumentList(params);
+    if (data.code == '0') {
+      parser_ids = kbtenantInfo.parser_ids
+        .split(',')
+        .reduce((acc, pair) => {
+          const [key, value] = pair.split(':');
+          acc[key] = value;
+          return acc;
+        }, {});
+      // console.log(parser_ids, 'parser_ids');
+      kbtenantInfo.parser_idObj = parser_ids;
+      renderData.value = data.data.docs || [];
+      renderData.value = renderData.value.map((item) => {
+        return {
+          ...item,
+          loading: false,
+          parser_id: parser_ids[item.parser_id],
+        };
+      });
+      // console.log(renderData.value, 'renderData');
+    }
+  }
+
   const search = () => {
     basePagination.page = 1;
     fetchData({

src/views/sessionManager/index.vue

@@ -486,7 +486,8 @@
       <!--      <docx  previewSrc="http://192.168.20.116:1080/v1/document/get/405c3efa4d8c11ef97560242ac120006"></docx>-->
       <docx v-if="documenttype == 'docx'" :previewSrc="previewSrc"></docx>
       <excel v-if="documenttype == 'excel'" :previewSrc="previewSrc"></excel>
-      <txtPdf v-if="documenttype == 'txtPdf'" :previewSrc="previewSrc"></txtPdf>
+      <Pdf v-if="documenttype == 'pdf'" :previewSrc="previewSrc"></Pdf>
+      <txt v-if="documenttype == 'txt'" :previewSrc="previewSrc"></txt>
     </a-modal>
     <a-modal
       v-model:visible="visible"
@@ -564,7 +565,8 @@
 
   import docx from '@/views/dmx/knowledgeLib/components/docx.vue';
   import excel from '@/views/dmx/knowledgeLib/components/excel.vue';
-  import txtPdf from '@/views/dmx/knowledgeLib/components/txtPdf.vue';
+  import Pdf from '@/views/dmx/knowledgeLib/components/Pdf.vue';
+  import txt from '@/views/dmx/knowledgeLib/components/txt.vue';
   import { is } from 'immutable';
   import uploadFile from './components/uploadFile.vue';
 

yarn.lock

@@ -1021,6 +1021,11 @@
   resolved "https://registry.npmmirror.com/@vue-office/excel/-/excel-1.7.11.tgz"
   integrity sha512-LF3R9IV573Sf4qTu6Ik5Ee8UMfkrsZQ6HEQE25/2m1c0CMcHX6KanIy6Cz0b0Q+FrLH3TjIsLTm6oPcqAbDGSA==
 
+"@vue-office/pdf@^2.0.2":
+  version "2.0.2"
+  resolved "https://registry.npmmirror.com/@vue-office/pdf/-/pdf-2.0.2.tgz#475010e4279c6dfb368e3dc7df81f56b597bd080"
+  integrity sha512-bQFqGxSOnKbvCS7OoJniYoTz1VIm1XOrRD27Msorxny9NFJ8RsQK1A4uhlnISJRFMaUwp1qlcVE9jMAhsiIyjg==
+
 "@vue/babel-helper-vue-transform-on@1.2.2":
   version "1.2.2"
   resolved "https://registry.npmmirror.com/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.2.2.tgz"