askbot-dragon 1.7.76-beta → 1.7.78-beta

package/src/components/previewPdf.vue

@@ -41,7 +41,7 @@
         </template>
         <div class="header_close" v-else>
           <span class="title_left">
-            {{ title ? title : '查看详情' }}
+            {{ title ? title : $t('dragonCommon.viewDetails') }}
           </span>
           <section @click="close">
             <i class="iconfont guoran-shanchu"></i>
@@ -107,7 +107,7 @@
           :url="previewHref"
       ></new-position-preview>
       <template v-else>
-        <div v-if="fileType == 'VIDEO'" style="width: 100%;height: 100%">
+        <div v-if="fileType == 'VIDEO'" style="width: 100%;">
           <video :src="url" controls width="100%;" height="98%"></video>
         </div>
         <div v-else-if="fileType == 'HTML'" style="width: 100%;">
@@ -152,7 +152,7 @@ import { isMobile } from "../assets/js/common";
 import { Toast } from 'vant';
 import NewPositionPreview from "./preview/newPositionPreview";
 export default {
-  data() {
+  data () {
     return {
       previewShowPopup: false,
       fileText: '',
@@ -162,461 +162,437 @@ export default {
       tagIds: [],
       // '6454aa1a70573a6ead6f0f7d', '6454aa1a70573a6ead6f0f81',
       loading: true,
-      fileName: '',
       previewKnowledgeId: "",
       showSummary: false,
       iframeHeight: "100%",
       isDownload: false,
       textWatermarkStr: "",
-      copy: '',
-      newVersion: '',
-      previewHref: "",
-      newFileType: "",
-      numberPage: 0,
-      pageChunkData: [],
-      currentPage: 0
+      copy:'',
+      newVersion:'',
+      previewHref:"",
+      newFileType:"",
+      numberPage:0,
+      pageChunkData:[],
+      currentPage:0
     }
   },
-    mounted() {
-      this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
-      window.addEventListener('message', this.handleIframeMessage, false);
-      this.isPcFun();
+  mounted () {
+    this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
+    window.addEventListener('message', this.handleIframeMessage, false);
+    this.isPcFun();
+  },
+  props: {
+    url: {
+      type: String,
+      required: true,
     },
-    props: {
-      url: {
-        type: String,
-        required: true,
-      },
-      officePreviewType: {
-        type: String,
-        default: ''
-      },
-      isMessageRecord: {
-        type: Boolean,
-        default: false,
-      },
-      sourceFileType: {
-        type: String,
-        default: '',
-      },
-      title: {
-        type: String,
-        default: ''
-      },
-      isHasChat: {
-        type: Boolean,
-        default: false
-      },
-      knowledgeId: {
-        type: String,
-        default: '',
-      },
-      previewOssPath: {
-        type: String,
-        default: '',
-      },
-      folderName: {
-        type: String,
-        default: '',
-      },
-      folderUrl: {
-        type: String,
-        default: '',
-      },
-      isLiBang: {
-        type: Boolean,
-        default: false
-      },
-      formKnowledgeManagement: {
-        type: Boolean,
-        default: false
-      }
+    officePreviewType: {
+      type: String,
+      default: ''
     },
-    components: {
-      NewPositionPreview,
-      IntelligentSummary,
-      pdfPosition
+    isMessageRecord: {
+      type: Boolean,
+      default: false,
     },
-    watch: {
-      drawer(value) {
-        if (value) {
-          this.$emit('open')
-          this.$nextTick(() => {
-            if (this.tagIds && this.tagIds.length != 0) {
-              zoomElement(document.getElementById('pdf_container_view'))
-            }
-          })
-        } else {
-          this.$emit('close')
-        }
-        setTimeout(() => {
-          let previewIframe = document.getElementsByClassName('preview_iframe')
-          Array.from(previewIframe).forEach(item => {
-            item.onload = () => {
-              console.debug('previewIframe 106', previewIframe, this.drawer)
-              item.style.backgroundImage = 'none'
-            }
-          })
+    sourceFileType: {
+      type: String,
+      default: '',
+    },
+    title: {
+      type: String,
+      default: ''
+    },
+    isHasChat: {
+      type: Boolean,
+      default: false
+    },
+    knowledgeId: {
+      type: String,
+      default: '',
+    },
+    previewOssPath: {
+      type: String,
+      default: '',
+    },
+    folderName: {
+      type: String,
+      default: '',
+    },
+    folderUrl: {
+      type: String,
+      default: '',
+    },
+    isLiBang: {
+      type: Boolean,
+      default: false
+    }},
+  components: {
+    NewPositionPreview,
+    IntelligentSummary,
+    pdfPosition
+  },
+  watch: {
+    drawer (value) {
+      if (value) {
+        this.$emit('open')
+        this.$nextTick(() => {
+          zoomElement(document.getElementById('drawer_content_pre'))
         })
-      },
-      showSummary: {
-        handler(val) {
-          // if (!val){
-          //   this.$nextTick(() => {
-          //     let preCon = document.querySelector('.pdf_view');
-          //     if (preCon){
-          //       preCon.style.height = 'calc(100% - ' + 50 + 'px)'
-          //     }
-          //   })
-          // } else {
-          //   this.getSummarySuccess();
-          // }
-          if (val) {
-            this.getSummarySuccess();
-          }
-        }
-      },
-      knowledgeId: {
-        handler(val) {
-          if (val) {
-            this.getTextWatermark();
-          }
-        }
+      } else {
+        this.$emit('close')
       }
     },
-    computed: {
-      pdfStyle() {
-        return {
-          paddingTop: this.isPc ? '30px' : '0', // 30px 是 加上外层的 20 流出 50的上边距展示 放大缩小操作栏
-          paddingBottom: this.tagIds > 1 ? '60px' : '0',
-          height: '100%'
-        }
-      },
-      previewUrl() {
-        console.debug('VUE_APP_ENV', process.env.VUE_APP_ENV)
-        let url = process.env.VUE_APP_ENV === 'production' ? 'https://kkfileview.askbot.cn/onlinePreview?url=' : 'https://test.open.askbot.cn/kkfileview/onlinePreview?url='
-        // if(this.url != '') {
-        //     if(/[\u4E00-\u9FA5]+/g.test(this.url)) {
-        //         url += btoa(encodeURIComponent(this.url))
-        //     } else {
-        //         url += btoa(this.url)
+    showSummary: {
+      handler (val) {
+        // if (!val){
+        //   this.$nextTick(() => {
+        //     let preCon = document.querySelector('.pdf_view');
+        //     if (preCon){
+        //       preCon.style.height = 'calc(100% - ' + 50 + 'px)'
         //     }
+        //   })
+        // } else {
+        //   this.getSummarySuccess();
         // }
-        url = url + this.url
-        url += '&officePreviewType=pdf'
-        if (this.watermark) {
-          url = this.watermark.textWatermarkValue ? (url += '&textWatermarkValue=' + this.watermark.textWatermarkValue) : url
-          url = this.watermark.visitorWatermarkValue ? (url += '&visitorWatermarkValue=' + this.watermark.visitorWatermarkValue) : url
+        if (val) {
+          this.getSummarySuccess();
         }
-        console.log('textWatermarkStr 216', this.textWatermarkStr)
-        if (this.textWatermarkStr) {
-          url += '&textWatermarkValue=' + this.textWatermarkStr
+      }
+    },
+    knowledgeId: {
+      handler (val) {
+        if (val) {
+          this.getTextWatermark();
         }
-        return url
-      },
-      // fileType() {
-      //     const fileType = this.url.substring(this.url.lastIndexOf('.'));
-      //     if (fileType === '.mp4' || fileType === '.MP4'  || fileType === '.MOV'  || fileType === '.mov') {
-      //         return 'VIDEO'
+      }
+    }
+  },
+  computed: {
+    pdfStyle () {
+      return {
+        paddingTop: this.isPc ? '30px' : '0', // 30px 是 加上外层的 20 流出 50的上边距展示 放大缩小操作栏
+        paddingBottom: this.tagIds > 1 ? '60px' : '0',
+        height: '100%'
+      }
+    },
+    previewUrl () {
+      console.debug('VUE_APP_ENV', process.env.VUE_APP_ENV)
+      let url = process.env.VUE_APP_ENV === 'production' ? 'https://kkfileview.askbot.cn/onlinePreview?url=' : 'https://test.open.askbot.cn/kkfileview/onlinePreview?url='
+      // if(this.url != '') {
+      //     if(/[\u4E00-\u9FA5]+/g.test(this.url)) {
+      //         url += btoa(encodeURIComponent(this.url))
       //     } else {
-      //         return 'OTHER'
+      //         url += btoa(this.url)
       //     }
-
       // }
+      url = url + this.url
+      if (this.sourceFileType == '.ppt' || this.sourceFileType == '.pptx' || this.sourceFileType == '.pdf') {
+        url += '&officePreviewType=pdf'
+      }
+      console.log('textWatermarkStr 216', this.textWatermarkStr)
+      if (this.textWatermarkStr) {
+        url += '&textWatermarkValue=' + this.textWatermarkStr
+      }
+      return url
     },
-    methods: {
-      close() {
-        setTimeout(() => {
-          this.previewShowPopup = false;
-          this.fileType = ''
-        }, 300)
-        this.drawer = false;
-        this.showSummary = false;
-      },
-      loadIframe() {
+    // fileType() {
+    //     const fileType = this.url.substring(this.url.lastIndexOf('.'));
+    //     if (fileType === '.mp4' || fileType === '.MP4'  || fileType === '.MOV'  || fileType === '.mov') {
+    //         return 'VIDEO'
+    //     } else {
+    //         return 'OTHER'
+    //     }
 
-        if (this.fileType == 'VIDEO' || this.fileType == 'WECHAT' || (this.tagIds && this.tagIds.length != 0 && this.newFileType !== 'PPT')) {
-          this.loading = false
-        } else {
-          let iframe = document.getElementsByClassName('preview_iframe')[0] || document.getElementsByClassName('preview_iframe_kk')[0];
-          if (iframe) {
-            iframe.onload = () => {
-              this.loading = false;
-              document.getElementById('drawer_content_pre').style.backgroundImage = 'none'
-            }
-          }
-          // let time = setInterval(() =>{
-          //
-          //   if(iframe) {
-          //       this.loading = false
-          //       clearInterval(time)
-          //   }
-          // }, 500)
-        }
-      },
-      getBolb() {
-        this.$http.post('/knowledge-api/knowledge/htmlTextDeal?onlyText=false', {
-          fileInOssPath: this.url,
-          templateId: ''
-        }).then(res => {
-          if (res.data.code == 0) {
-            this.fileText = res.data.data
-            this.loading = false
-          }
-        })
-      },
-      previewToDialog(flag) {
-        this.$emit('previewToDialog', flag)
-      },
-      closeSummary() {
-        this.showSummary = false;
-      },
-      recommendQues(item, knowledgeId) {
-        console.log('recommendQues', item, knowledgeId);
-        this.$emit('recommendQues', item, knowledgeId)
-      },
-      handleIframeMessage(res) {
-        if (res.data.type == 'getViewerHeight') {
-          let iframeHeight = this.iframeHeight.replace('px', '')
-          if (res.data.data && iframeHeight != (res.data.data + 50)) {
-            this.iframeHeight = res.data.data + 50 + 'px'
+    // }
+  },
+  methods: {
+    close () {
+      setTimeout(() => {
+        this.previewShowPopup = false;
+        this.fileType = ''
+      }, 300)
+      this.drawer = false;
+      this.showSummary = false;
+    },
+    loadIframe () {
+
+      if (this.fileType == 'VIDEO' || this.fileType == 'WECHAT' || (this.tagIds && this.tagIds.length != 0  && this.newFileType !== 'PPT')) {
+        this.loading = false
+      } else {
+        let iframe = document.getElementsByClassName('preview_iframe')[0] || document.getElementsByClassName('preview_iframe_kk')[0];
+        if (iframe) {
+          iframe.onload = () => {
+            this.loading = false;
+            document.getElementById('drawer_content_pre').style.backgroundImage = 'none'
           }
         }
-        if (res.data.type == 'getViewPage' && res.data.data) {
-          this.numberPage = Number(res.data.data);
-          if (this.pageChunkData.length > 0) {
-            this.scrollPPTPage(this.pageChunkData[0])
-          }
+        // let time = setInterval(() =>{
+        //
+        //   if(iframe) {
+        //       this.loading = false
+        //       clearInterval(time)
+        //   }
+        // }, 500)
+      }
+    },
+    getBolb () {
+      this.$http.post('/knowledge-api/knowledge/htmlTextDeal?onlyText=false', {
+        fileInOssPath: this.url,
+        templateId: ''
+      }).then(res => {
+        if (res.data.code == 0) {
+          this.fileText = res.data.data
+          this.loading = false
         }
-        if (res.data.type == 'getViewerHeight' || res.data.type == 'getViewPage') {
-          if (this.pageChunkData.length > 0) {
-            this.scrollPPTPage(this.pageChunkData[0])
-          }
+      })
+    },
+    previewToDialog (flag) {
+      this.$emit('previewToDialog', flag)
+    },
+    closeSummary () {
+      this.showSummary = false;
+    },
+    recommendQues (item, knowledgeId) {
+      console.log('recommendQues', item, knowledgeId);
+      this.$emit('recommendQues', item, knowledgeId)
+    },
+    handleIframeMessage (res) {
+      if (res.data.type == 'getViewerHeight') {
+        let iframeHeight = this.iframeHeight.replace('px', '')
+        if (res.data.data && iframeHeight != (res.data.data + 50)) {
+          this.iframeHeight = res.data.data + 50 + 'px'
         }
-      },
-      summaryFun() {
-        this.showSummary = !this.showSummary;
-        if (this.showSummary) {
-          document.getElementById('drawer_content_pre').scrollTop = 0;
+      }
+      if (res.data.type == 'getViewPage' && res.data.data){
+        this.numberPage = Number(res.data.data);
+        if (this.pageChunkData.length > 0){
+          this.scrollPPTPage(this.pageChunkData[0])
         }
-      },
-      getSummarySuccess() {
-        this.$nextTick(() => {
-          // if (this.tagIds.length > 0){
-          //   let intelligentSummary = document.getElementById('intelligentSummary');
-          //   let preCon = document.querySelector('.pdf_view')
-          //   if (intelligentSummary){
-          //     let height = intelligentSummary.offsetHeight + (this.isPc ? 100 : 50 );
-          //     if (preCon){
-          //       preCon.style.height = 'calc(100% - ' + height + 'px)'
-          //     }
-          //     console.log('height',height,preCon)
-          //   }
-          // }
-          // let intelligentSummary = document.getElementById('intelligentSummary');
-          // let height = intelligentSummary.offsetHeight
-          // this.pdfStyle.height = 'calc(100% - ' + height + 'px)'
-        })
-      },
-      getTextWatermark() {
-        let url = '/knowledge-api/open/knowledge/getPermissionInfo';
-        let obj = {
-          "knowledgeId": this.knowledgeId,
-          "userId": sessionStorage.getItem('_currentUserId'),
-          "mainId": sessionStorage.getItem('_mainId'),
-          "corpId": sessionStorage.getItem('_corpid')
+      }
+      if (res.data.type == 'getViewerHeight' || res.data.type == 'getViewPage'){
+        if (this.pageChunkData.length > 0){
+          this.scrollPPTPage(this.pageChunkData[0])
         }
-        this.$http.post(url, obj).then(res => {
-          console.log('getTextWatermark', res.data.data)
-          if (res.data.data) {
-            this.textWatermarkStr = res.data.data.textWatermarkStr;
-            this.isDownload = res.data.data.showDownloadBtn;
-          }
-        })
-      },
-      downLoad() {
-        // if (this.formKnowledgeManagement) {
-        //   this.$emit('downLoad', this.previewOssPath);
-        //   return
+      }
+    },
+    summaryFun () {
+      this.showSummary = !this.showSummary;
+      if (this.showSummary) {
+        document.getElementById('drawer_content_pre').scrollTop = 0;
+      }
+    },
+    getSummarySuccess () {
+      this.$nextTick(() => {
+        // if (this.tagIds.length > 0){
+        //   let intelligentSummary = document.getElementById('intelligentSummary');
+        //   let preCon = document.querySelector('.pdf_view')
+        //   if (intelligentSummary){
+        //     let height = intelligentSummary.offsetHeight + (this.isPc ? 100 : 50 );
+        //     if (preCon){
+        //       preCon.style.height = 'calc(100% - ' + height + 'px)'
+        //     }
+        //     console.log('height',height,preCon)
+        //   }
         // }
-        let url = this.previewOssPath
-        if (decodeURIComponent(url) != url) {
-          url = decodeURIComponent(url)
+        // let intelligentSummary = document.getElementById('intelligentSummary');
+        // let height = intelligentSummary.offsetHeight
+        // this.pdfStyle.height = 'calc(100% - ' + height + 'px)'
+      })
+    },
+    getTextWatermark () {
+      let url = '/knowledge-api/open/knowledge/getPermissionInfo';
+      let obj = {
+        "knowledgeId": this.knowledgeId,
+        "userId": sessionStorage.getItem('_currentUserId'),
+        "mainId": sessionStorage.getItem('_mainId'),
+        "corpId": sessionStorage.getItem('_corpid')
+      }
+      this.$http.post(url, obj).then(res => {
+        console.log('getTextWatermark', res.data.data)
+        if (res.data.data) {
+          this.textWatermarkStr = res.data.data.textWatermarkStr;
+          this.isDownload = res.data.data.showDownloadBtn;
         }
-        const fileType = url.substring(url.lastIndexOf('.'));
-        this.$http.post('/knowledge-api/temporary-certificate/or-origin?expired=10', url, {
-          headers: {
-            "Content-Type": "application/json",
-          }
-        }).then(res => {
-          console.log('downLoad 341', res)
-          if (res.data || res.bodyText) {
-            if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
-              this.copy = res.data
-              if (isMobile()) {
-                setTimeout(() => {
-                  const range = document.createRange();
-                  range.selectNode(document.getElementById('text'));
-                  const selection = window.getSelection();
-                  //移除之前选中内容
-                  if (selection.rangeCount > 0) selection.removeAllRanges();
-                  selection.addRange(range);
-                  document.execCommand('copy');
-                  selection.removeAllRanges()
-                  Toast(this.$t('dragonCommon.Safaridownload'));
-                  this.close()
-                }, 100)
-              } else {
-                let a = document.createElement('a')
-                a.href = res.data
-                a.download = (this.title) + fileType
-                a.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }))
-              }
-              return
+      })
+    },
+    downLoad () {
+      let url = this.previewOssPath
+      if (decodeURIComponent(url) != url) {
+        url = decodeURIComponent(url)
+      }
+      const fileType = url.substring(url.lastIndexOf('.'));
+      this.$http.post('/knowledge-api/temporary-certificate/or-origin?expired=10', url, {
+        headers: {
+          "Content-Type": "application/json",
+        }
+      }).then(res => {
+        console.log('downLoad 341', res)
+        if (res.data || res.bodyText) {
+          if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
+            this.copy = res.data
+            if (isMobile()) {
+              setTimeout(() =>{
+                const range = document.createRange();
+                range.selectNode(document.getElementById('text'));
+                const selection = window.getSelection();
+                //移除之前选中内容
+                if (selection.rangeCount > 0) selection.removeAllRanges();
+                selection.addRange(range);
+                document.execCommand('copy');
+                selection.removeAllRanges()
+                Toast(this.$t('dragonCommon.Safaridownload'));
+                this.close()
+              },100)
             } else {
-              // setTimeout(() =>{
-              //   window.open(res.data,'下载', 'noopener')
-              // }, 2000)
-              // window.open(res.data,'下载', 'noopener')
-              if (isMobile()) {
-
-                const iframe = document.createElement("iframe");
-                iframe.setAttribute("hidden", "hidden");
-                iframe.onload = () => {
-                  if (iframe) {
-                    console.log("iframe onload....")
-                    iframe.setAttribute('src', 'about:blank');
-                  }
-                };
-                document.body.insertBefore(iframe, null);
-                iframe.setAttribute("src", res.data);
-              } else {
-                let a = document.createElement('a')
-                a.href = res.data
-                a.download = (this.title) + fileType
-                a.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }))
-              }
-              this.close()
+              let a = document.createElement('a')
+              a.href = res.data
+              a.download = (this.title) + fileType
+              a.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }))
             }
-          }
-        })
-      },
-      isPcFun() {
-        if (/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) {
-          this.isPc = false
-        } else {
-          this.isPc = true
-        }
-      },
-      clickFloder() {
-        this.$emit('previewClickFloder')
-      },
-      getOssPath(url) {
-        let httpUrl = '/knowledge-api/knowledge/getTemporaryCertificate';
-        let type = this.getFileType(url)
-        this.newFileType = type;
-        if (type === 'VIDEO' || type === 'PDF' || type === 'EXCEL' || type === 'TXT' || type === 'DOC') {
-          httpUrl += '?needEncrypt=false'
-        } else {
-          httpUrl += '?needEncrypt=true'
-        }
-        this.$http.post(httpUrl, {
-          "fileInOssPath": url
-        }).then(res => {
-          console.log('getOssPath', res)
-          if (res.data.code == '0') {
-            this.previewHref = res.data.data;
-          }
-        })
-      },
-      getFileType(url) {
-        let index = url.lastIndexOf('?')
-        let newFileInOssPath = url.substring(0, url.indexOf("?"))
-        if (index == -1) {
-          newFileInOssPath = url
-        }
-        const fileType = newFileInOssPath.substring(newFileInOssPath.lastIndexOf('.'));
-        if (fileType === '.mp4' || fileType === '.MP4' || fileType === '.MOV' || fileType === '.MOVC' || fileType === '.mov' || fileType === '.movc') {
-          return 'VIDEO'
-        } else if (fileType === '.html') {
-          return 'HTML'
-        } else if (fileType === '.png' || fileType === '.jpg' || fileType === '.jpeg' || fileType === '.PNG' || fileType === '.JPG' || fileType === '.JPEG') {
-          return 'IMAGE'
-        } else if (fileType === '.docx' || fileType === '.doc') {
-          return 'DOC'
-        } else if (fileType === '.ppt' || fileType === '.pptx') {
-          return 'PPT'
-        } else if (fileType === '.pdf') {
-          return 'PDF'
-        } else if (fileType === '.txt') {
-          return 'TXT'
-        } else {
-          return 'OTHER'
-        }
-      },
-      //判断是否使用新定位组件
-      getLocationInfo() {
-        this.newVersion = "";
-        this.$http.get('/knowledge-api/knowledge/knowledge-part-location-info/list?ids=' + this.tagIds.join(',')).then(res => {
-          console.log('getLocationInfo', res)
-          this.pageChunkData = [];
-          if (res.data.code == 0) {
-            if (res.data.data && res.data.data.length > 0 && res.data.data[0].extractVersion == 'v3') {
-              this.newVersion = true;
-              if (this.newFileType !== 'PPT') {
-                this.loading = false;
-              }
-              for (let i = 0; i < res.data.data.length; i++) {
-                if (res.data.data[i].paragraphChunkInfo && res.data.data[i].paragraphChunkInfo.pageChunkData) {
-                  this.pageChunkData.push(res.data.data[i].paragraphChunkInfo.pageChunkData.page_number)
-                }
-              }
-              if (this.pageChunkData.length > 1) {
-                let iframe = document.getElementsByClassName('preview_iframe_kk')
-                if (iframe && iframe.length > 0) {
-                  iframe[0].style.paddingBottom = '50px'
+            return
+          } else {
+            // setTimeout(() =>{
+            //   window.open(res.data,'下载', 'noopener')
+            // }, 2000)
+            // window.open(res.data,'下载', 'noopener')
+            if (isMobile()) {
+              const iframe = document.createElement("iframe");
+              iframe.setAttribute("hidden", "hidden");
+              iframe.onload = () => {
+                if (iframe) {
+                  console.log("iframe onload....")
+                  iframe.setAttribute('src', 'about:blank');
                 }
-              }
+              };
+              document.body.insertBefore(iframe, null);
+              iframe.setAttribute("src", res.data);
             } else {
-              this.newVersion = false;
+              let a = document.createElement('a')
+              a.href = res.data
+              a.download = (this.title) + fileType
+              a.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }))
             }
+            this.close()
           }
-        })
-      },
-      currentChange(value) {
-        this.currentPage = value - 1;
-        this.scrollPPTPage()
-      },
-      prev() {
-        if (this.currentPage == 0) {
-          return
         }
-        this.currentPage--;
-        this.scrollPPTPage()
-      },
-      next() {
-        if (this.currentPage === (this.pageChunkData.length - 1)) {
-          return;
+      })
+    },
+    isPcFun () {
+      if (/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) {
+        this.isPc = false
+      } else {
+        this.isPc = true
+      }
+    },
+    clickFloder() {
+      this.$emit('previewClickFloder')
+    },
+    getOssPath(url){
+      let httpUrl = '/knowledge-api/knowledge/getTemporaryCertificate';
+      let type = this.getFileType(url)
+      this.newFileType = type;
+      if (type === 'VIDEO' || type === 'PDF' || type === 'EXCEL' || type === 'TXT' || type === 'DOC') {
+        httpUrl += '?needEncrypt=false'
+      } else {
+        httpUrl += '?needEncrypt=true'
+      }
+      this.$http.post(httpUrl, {
+        "fileInOssPath": url
+      }).then(res => {
+        console.log('getOssPath',res)
+        if (res.data.code == '0'){
+          this.previewHref = res.data.data;
         }
-        this.currentPage++;
-        this.scrollPPTPage()
-      },
-      scrollPPTPage() {
-        if (this.numberPage > 0) {
-          let pageNumber = this.pageChunkData[this.currentPage];
-          let height = Math.floor(Number(this.iframeHeight.replace('px', "")));
-          let pageHeight = Math.floor(height / this.numberPage);
-          let scrollHeight = (pageNumber - 1) * pageHeight;
-          let dom = document.getElementById('drawer_content_pre');
-          if (dom) {
-            dom.scrollTo(0, scrollHeight)
+      })
+    },
+    getFileType(url){
+      let index = url.lastIndexOf('?')
+      let newFileInOssPath =  url.substring(0, url.indexOf("?"))
+      if (index == -1){
+        newFileInOssPath = url
+      }
+      const fileType = newFileInOssPath.substring(newFileInOssPath.lastIndexOf('.'));
+      if (fileType === '.mp4' || fileType === '.MP4' || fileType === '.MOV' || fileType === '.MOVC' || fileType === '.mov' || fileType === '.movc') {
+        return 'VIDEO'
+      } else if (fileType === '.html') {
+        return 'HTML'
+      } else if (fileType === '.png' || fileType === '.jpg' || fileType === '.jpeg' || fileType === '.PNG' || fileType === '.JPG' || fileType === '.JPEG') {
+        return 'IMAGE'
+      } else if (fileType === '.docx' || fileType === '.doc'){
+        return 'DOC'
+      } else if (fileType === '.ppt' || fileType === '.pptx'){
+        return 'PPT'
+      } else if (fileType === '.pdf'){
+        return 'PDF'
+      } else if (fileType === '.txt'){
+        return 'TXT'
+      } else {
+        return 'OTHER'
+      }
+    },
+    //判断是否使用新定位组件
+    getLocationInfo(){
+      this.newVersion = "";
+      this.$http.get('/knowledge-api/knowledge/knowledge-part-location-info/list?ids=' + this.tagIds.join(',')).then(res => {
+        console.log('getLocationInfo',res)
+        this.pageChunkData = [];
+        if (res.data.code == 0){
+          if (res.data.data && res.data.data.length > 0 && res.data.data[0].extractVersion == 'v3'){
+            this.newVersion = true;
+            if (this.newFileType !== 'PPT'){
+              this.loading = false;
+            }
+            for (let i=0;i<res.data.data.length;i++){
+              if (res.data.data[i].paragraphChunkInfo && res.data.data[i].paragraphChunkInfo.pageChunkData){
+                this.pageChunkData.push(res.data.data[i].paragraphChunkInfo.pageChunkData.page_number)
+              }
+            }
+            if (this.pageChunkData.length > 1){
+              let iframe = document.getElementsByClassName('preview_iframe_kk')
+              if (iframe && iframe.length > 0){
+                iframe[0].style.paddingBottom = '50px'
+              }
+            }
+          } else {
+            this.newVersion = false;
           }
         }
+      })
+    },
+    currentChange (value) {
+      this.currentPage = value - 1;
+      this.scrollPPTPage()
+    },
+    prev(){
+      if (this.currentPage == 0){
+        return
       }
+      this.currentPage--;
+      this.scrollPPTPage()
     },
-    beforeDestroy() {
-      window.removeEventListener('message', this.handleIframeMessage);
+    next(){
+      if (this.currentPage === (this.pageChunkData.length - 1)){
+        return;
+      }
+      this.currentPage++;
+      this.scrollPPTPage()
+    },
+    scrollPPTPage(){
+      if (this.numberPage > 0){
+        let pageNumber = this.pageChunkData[this.currentPage];
+        let height = Math.floor(Number(this.iframeHeight.replace('px',"")));
+        let pageHeight = Math.floor(height / this.numberPage);
+        let scrollHeight = (pageNumber - 1) * pageHeight;
+        let dom = document.getElementById('drawer_content_pre');
+        if (dom){
+          dom.scrollTo(0,scrollHeight)
+        }
+      }
     }
+    },
+  beforeDestroy () {
+    window.removeEventListener('message', this.handleIframeMessage);
+  }
 }
 </script>
 
@@ -907,7 +883,6 @@ justify-content: space-between;
     .header-right {
       display: flex;
     }
-
     .summaryBtn {
       flex: none;
       //width: 95px;
@@ -1019,6 +994,10 @@ justify-content: space-between;
     overflow: auto;
     height: calc(100% - 50px);
     background: #FFF;
+    background-image: url('https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/cdn-common/images/loading.gif');
+    background-position: center;
+    background-size: 50px;
+    background-repeat: no-repeat;
   }
 
   .libang_content_pre {