askbot-dragon 1.6.83-beta → 1.6.85-beta

package/src/components/previewPdf.vue

@@ -6,19 +6,19 @@
 -->
 <template>
   <el-drawer title="我是标题" :visible.sync="drawer" :with-header="false" :append-to-body="true" :destroy-on-close="true"
-    :modal="false" :direction="previewShowPopup ? 'btt' : 'rtl'" :size="previewShowPopup ? '90%' : '65%'"
+    :modal="formKnowledgeManagement ? true : false" :direction="previewShowPopup ? 'btt' : 'rtl'" :size="previewShowPopup ? '90%' : '65%'"
     custom-class="pdf-preview-drawer" v-if="drawer">
     <!-- v-else-if="drawer" -->
     <div class="drawer-header" :class="isLiBang ? 'libang_head' : ''" v-if="!isPc">
       <div class="header-btn btn_position">
-        <div class="onload_btn" v-if="isDownload || true" @click="downLoad">
+        <div class="onload_btn" v-if="isDownload" @click="downLoad">
           下载
         </div>
-        <div class="summaryBtn" :class="showSummary ? 'summaryActiveBtn' : ''" @click="summaryFun" v-if="isHasChat|| true">
+        <div class="summaryBtn" :class="showSummary ? 'summaryActiveBtn' : ''" @click="summaryFun" v-if="isHasChat">
           <i class="iconfont guoran-tongyichicun-write-29-jiqiren"></i>
           <span>智能摘要</span>
         </div>
-        <template v-if="isHasChat || true">
+        <template v-if="isHasChat">
           <div class="chat" @click="previewToDialog(true)" v-if="!previewKnowledgeId">
             <i class="iconfont guoran-wendapingjia"></i>
             聊一聊
@@ -56,11 +56,11 @@
               下载
             </div>
             <div class="summaryBtn" :class="showSummary ? 'summaryActiveBtn' : ''" @click="summaryFun"
-              v-if="isHasChat || true">
+              v-if="isHasChat || formKnowledgeManagement">
               <i class="iconfont guoran-tongyichicun-write-29-jiqiren"></i>
               <span>智能摘要</span>
             </div>
-            <template v-if="isHasChat || true">
+            <template v-if="isHasChat">
               <div class="chat" @click="previewToDialog(true)" v-if="!previewKnowledgeId">
                 <i class="iconfont guoran-wendapingjia"></i>
                 聊一聊
@@ -84,7 +84,11 @@
     </div>
     <div id="drawer_content_pre" :class="isLiBang && folderName ? 'libang_content_pre' : ''">
       <!-- :style="{marginTop:tagIds && tagIds.length != 0 && isPc ? '50px' : ''}" -->
-      <intelligent-summary v-show="showSummary && isHasChat" :tagIds="tagIds" :knowledgeId="knowledgeId"
+      <intelligent-summary
+          v-show="showSummary && (isHasChat || formKnowledgeManagement) && fileType !== 'VIDEO' && fileType !== 'IMAGE'"
+          :tagIds="tagIds"
+          :knowledgeId="knowledgeId"
+          :formKnowledgeManagement="formKnowledgeManagement"
         @closeSummary="closeSummary" @recommendQues="recommendQues"
         @getSummarySuccess="getSummarySuccess"></intelligent-summary>
       <div class="pdf_positon" :style="pdfStyle" v-if="tagIds && tagIds.length != 0 && drawer">
@@ -92,7 +96,7 @@
         </pdfPosition>
       </div>
       <template v-else>
-        <div v-if="fileType == 'VIDEO'" style="width: 100%;">
+        <div v-if="fileType == 'VIDEO'" style="width: 100%;height: 100%">
           <video :src="url" controls width="100%;" height="98%"></video>
         </div>
         <div v-else-if="fileType == 'HTML'" style="width: 100%;">
@@ -129,59 +133,59 @@ import { Toast } from 'vant';
 export default {
   data () {
     return {
-      previewShowPopup: false,
-      fileText: '',
-      fileType: "",
-      isPc: false,
-      drawer: false,
-      tagIds: [],
-      // '6454aa1a70573a6ead6f0f7d', '6454aa1a70573a6ead6f0f81',
-      loading: true,
-      previewKnowledgeId: "",
-      showSummary: true,
-      iframeHeight: "100%",
-      isDownload: false,
-      textWatermarkStr: "",
-      copy:''
-    }
-  },
-  mounted () {
-    window.addEventListener('message', this.handleIframeMessage, false);
-    this.isPcFun();
-  },
-  props: {
-    url: {
-      type: String,
-      required: true,
+          previewShowPopup: false,
+          fileText: '',
+          fileType: "",
+          isPc: false,
+          drawer: false,
+          tagIds: [],
+          // '6454aa1a70573a6ead6f0f7d', '6454aa1a70573a6ead6f0f81',
+          loading: true,
+          fileName:'',
+          previewKnowledgeId:"",
+          showSummary:true,
+          iframeHeight:"100%",
+          isDownload: false,
+          textWatermarkStr:"",
+        copy:''}
     },
-    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: '',
+    mounted() {
+      window.addEventListener('message',this.handleIframeMessage,false);
+      this.isPcFun();
     },
+    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: '',
@@ -193,7 +197,12 @@ export default {
     isLiBang: {
       type: Boolean,
       default: false
-    }},
+    },
+    formKnowledgeManagement:{
+      type: Boolean,
+      default: false
+    }
+  },
   components: {
     IntelligentSummary,
     pdfPosition
@@ -203,58 +212,71 @@ export default {
       if (value) {
         this.$emit('open')
         this.$nextTick(() => {
-          zoomElement(document.getElementById('drawer_content_pre'))
+          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'
+            }
+          })
         })
-      } else {
-        this.$emit('close')
-      }
-    },
-    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();
+      },
+      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();
+      },
+      knowledgeId:{
+        handler(val){
+          if (val){
+            this.getTextWatermark();
+          }
         }
       }
-    }
-  },
-  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)
-      //     }
-      // }
-      url = url + this.url
-      if (this.sourceFileType == '.ppt' || this.sourceFileType == '.pptx' || this.sourceFileType == '.pdf') {
-        url += '&officePreviewType=pdf'
+    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)
+            //     }
+            // }
+            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
       }
       console.log('textWatermarkStr 216', this.textWatermarkStr)
       if (this.textWatermarkStr) {
@@ -373,6 +395,10 @@ export default {
       })
     },
     downLoad () {
+      if (this.formKnowledgeManagement){
+        this.$emit('downLoad',this.previewOssPath);
+        return
+      }
       let url = this.previewOssPath
       if (decodeURIComponent(url) != url) {
         url = decodeURIComponent(url)
@@ -384,7 +410,7 @@ export default {
         }
       }).then(res => {
         console.log('downLoad 341', res)
-        if (res.data || res.bodyText) {
+        if (res.data|| res.bodyText) {
           if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
             this.copy = res.data
             if (isMobile()) {
@@ -413,16 +439,17 @@ export default {
             // }, 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);
+
+                           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
@@ -430,7 +457,7 @@ export default {
               a.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }))
             }
             this.close()
-          }
+}
         }
       })
     },
@@ -511,6 +538,7 @@ export default {
   height: 100%;
 }
 
+
 .preview_iframe_html {
   width: 100%;
   height: 100%;
@@ -606,6 +634,7 @@ justify-content: space-between;
     .header-right {
       display: flex;
     }
+
     .summaryBtn {
       flex: none;
       //width: 95px;
@@ -672,9 +701,9 @@ justify-content: space-between;
       justify-content: space-between;
       line-height: 26px;
       .title_left {
-        white-space: nowrap; /* 确保文本不会换行 */  
-        overflow: hidden; /* 隐藏超出容器的文本 */  
-        text-overflow: ellipsis; /* 当文本超出容器时显示省略号 */  
+        white-space: nowrap; /* 确保文本不会换行 */
+        overflow: hidden; /* 隐藏超出容器的文本 */
+        text-overflow: ellipsis; /* 当文本超出容器时显示省略号 */
         margin-right: 8px;
       }
     }
@@ -707,10 +736,6 @@ 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 {