askbot-dragon 1.6.23-beta → 1.6.24-beta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "askbot-dragon",
-  "version": "1.6.23-beta",
+  "version": "1.6.24-beta",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/src/components/previewPdf.vue

@@ -73,7 +73,7 @@
                   border="0"></iframe>
         </template>
         <template v-else>
-          <iframe class="preview_iframe" :src="previewUrl" style="border:none;"></iframe>
+          <iframe class="preview_iframe_kk" :src="previewUrl" style="border:none;"></iframe>
         </template>
       </template>
     </div>
@@ -189,7 +189,7 @@ export default {
                 this.loading = false
             } else {
               let time = setInterval(() =>{
-                let iframe = document.getElementsByClassName('preview_iframe')[0]
+                let iframe = document.getElementsByClassName('preview_iframe')[0] || document.getElementsByClassName('preview_iframe_kk')[0];
                 if(iframe) {
                     this.loading = false 
                     clearInterval(time)
@@ -215,13 +215,17 @@ export default {
 <style lang="less" scoped>
 .preview_iframe {
     width: 100%;
-    height: calc(100% - 60px);
+    height: 100%;
     box-sizing: border-box;
     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;
 }
+.preview_iframe_kk{
+  width: 100%;
+  height: 100%;
+}
 .preview_iframe_html{
   width: 100%;
   height: 100%;

package/src/components/welcomeKnowledgeFile.vue

@@ -29,11 +29,13 @@
         <span>查看更多</span>
       </div>
     </div>
+    <previewPdf ref="previewPdf" :url="previewHref" :sourceFileType="sourceFileType" officePreviewType="pdf"></previewPdf>
   </div>
 </template>
 
 <script>
-import { imageTypeObj } from "../assets/js/common";
+import { imageTypeObj, isMobile } from "../assets/js/common";
+import previewPdf from "./previewPdf";
 export default {
   name: "welcomeKnowledgeFile",
   props:{
@@ -44,16 +46,77 @@ export default {
       }
     }
   },
-  computed:{
-
+  data(){
+    return{
+      previewHref: "",
+      sourceFileType:'',
+    }
+  },
+  components:{
+    previewPdf
   },
   methods:{
     fileIcon(type){
       return 'https://static.guoranbot.com/cdn-office-website/askbot_doc/' + imageTypeObj[type] + '.png'
     },
     clickFun(item){
-      this.$emit('knowledgeClickFun',item)
-    }
+      this.$emit('knowledgeClickFun',item);
+      this.$refs.previewPdf.previewShowPopup = false;
+      this.$refs.previewPdf.drawer = false;
+      let index = item.url.lastIndexOf('?')
+      let type = ''
+      let httpUrl = '/knowledge-api/knowledge/getTemporaryCertificate'
+      if (index !== -1) {
+        item.url = item.url.substring(0, index)
+        type = this.fileType(item.url)
+      } else {
+        type = this.fileType(item.url)
+      }
+      if (type === '' || type === 'OTHER') {
+        httpUrl = httpUrl += '?needEncrypt=true'
+      } else {
+        httpUrl = httpUrl += '?needEncrypt=false'
+      }
+      this.$http.post(httpUrl, {
+        "fileInOssPath":item.url
+      }).then(res =>{
+        if(res.data.code == '0') {
+          this.previewHref = res.data.data;
+          this.sourceFileType = item.url.substring(item.url.lastIndexOf('.'))
+          let isOhmPc = sessionStorage.getItem('isOhmPc')
+          if (isMobile() || isOhmPc == 'true'){
+            this.$refs.previewPdf.drawer = true;
+            this.$refs.previewPdf.previewShowPopup = true;
+          } else {
+            this.$refs.previewPdf.previewShowPopup = false;
+            this.$refs.previewPdf.drawer = true;
+          }
+          this.$refs.previewPdf.fileType = type
+          this.$refs.previewPdf.tagIds = item.tagIds
+          this.$refs.previewPdf.isMessageRecord = this.isMessageRecord ? true : false
+          if(item.tagIds && item.tagIds.length != 0) {
+            this.$refs.previewPdf.loading = false
+            return
+          }
+          this.$nextTick(() =>{
+            if(item.source == 'CREATED_BY_ONESELF' || type === 'HTML') {
+              this.$refs.previewPdf.getBolb(item)
+            }
+            this.$refs.previewPdf.loadIframe(item)
+          })
+        }
+      })
+    },
+    fileType (url) {
+      const fileType = url.substring(url.lastIndexOf('.'));
+      if (fileType === '.mp4' || fileType === '.MP4' || fileType === '.MOV' || fileType === '.MOVC' || fileType === '.mov' || fileType === '.movc' || fileType === '.mav' || fileType === '.MAV' || fileType == '.mp3' || fileType == '.MP3' || fileType === '.wav') {
+        return 'VIDEO'
+      } else if (fileType === '.html') {
+        return 'HTML'
+      } else {
+        return 'OTHER'
+      }
+    },
   }
 };
 </script>