askbot-dragon 1.1.7 → 1.1.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "askbot-dragon",
-  "version": "1.1.7",
+  "version": "1.1.10",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/src/components/AnswerDocknowledge.vue

@@ -12,9 +12,7 @@
                         <img class="alc-title-icon" height="24px" width="24px" :src="item.src" alt="" srcset="">
                         <span class="alc-title-from">{{ item.from }}</span>
                       </div>
-                      <div class="alc-content-text" v-if="msg.content.type == 1">
-                        <span @click="lookAttach(item.url, item)" class="aci-view">查看 ></span>
-                      </div>
+                      
                     </div>
                   <div v-html="item.introduction" class="alc-box-introduction">
                   </div>
@@ -22,6 +20,9 @@
                     <div v-show="docSource[item.source]" class="upload-source">
                       {{docSource[item.source]}}
                     </div>
+                    <div class="alc-content-text" v-if="msg.content.type == 1">
+                        <span @click="lookAttach(item.url)" class="aci-view">查看 ></span>
+                    </div>
                     <!-- <div class="time">
                       <span>更新时间:</span>
                       {{ new Date(item.updateTime).Format('MM-dd hh:mm') }}
@@ -44,15 +45,15 @@
                 </div>
             </div>
         </div>
-        <previewDoc ref="previewDoc" :url="previewHref" officePreviewType="pdf"></previewDoc>
+        <previewPdf ref="previewPdf" :url="previewHref" officePreviewType="pdf"></previewPdf>
     </div>
 </template>
   
 <script>
-import previewDoc from "./previewDoc";
+import previewPdf from "./previewPdf";
 export default {
     name: "answerDocknowledge",
-    components: { previewDoc },
+    components: { previewPdf },
     data() {
         return {
             isPC: true,
@@ -131,12 +132,39 @@ export default {
     },
     methods: {
         //预览图片
-        lookAttach(url) {
-            this.previewHref = url
-            this.$refs.previewDoc.previewShowPopup = true;
-            this.$nextTick(() =>{
-              this.$refs.previewDoc.loadIframe(item)
-            })
+        lookAttach(url, item) {
+          let index = url.lastIndexOf('?')
+          let type = ''
+          let httpUrl = '/knowledge-api/knowledge/getTemporaryCertificate'
+          if (index !== -1) {
+            url = url.substring(0, index)
+            type = this.fileType(url)
+          }
+          if (type === '' || type === 'OTHER') {
+            httpUrl = httpUrl += '?needEncrypt=true'
+          }
+          this.$http.post(httpUrl, {
+            "fileInOssPath":url
+          }).then(res =>{
+            if(res.data.code == '0') {
+              this.previewHref = res.data.data
+              this.$refs.previewPdf.previewShowPopup = true;
+              this.$refs.previewPdf.fileType = type
+              this.$nextTick(() =>{
+                this.$refs.previewPdf.loadIframe(item)
+              })
+            }
+          })
+        },
+        fileType (url) {
+            const fileType = url.substring(url.lastIndexOf('.'));
+            if (fileType === '.mp4' || fileType === '.MP4') {
+                return 'VIDEO'
+            } else if (fileType === '.html' || fileType === '.md') {
+                return 'HTML'
+            } else {
+                return 'OTHER'
+            }
         },
     }
 }
@@ -147,6 +175,7 @@ export default {
     min-width: 100px;
 
     .answer-text {
+        font-size: 13px;
         line-height: 18px;
         padding: 0px 0px 12px 0px;
 
@@ -181,7 +210,7 @@ export default {
                     display: flex;
                     align-items: center;
                     .source-form{
-                      width: 40px;
+                      width: 26px;
                       flex: none;
                       color: #A9B3C6;
                     }
@@ -209,6 +238,7 @@ export default {
                   margin-top: 10px;
                   color: #616161;
                   font-size: 12px;
+                  line-height: 19px;
                 }
                 .alc-updateTime{
                   display: flex;
@@ -220,6 +250,7 @@ export default {
                   .upload-source{
                     flex: none;
                     height: 18px;
+                    line-height: 18px;
                     background: #E9F9F8;
                     border: 1px solid #AFF2CD;
                     border-radius: 2px;
@@ -233,6 +264,10 @@ export default {
                     color: #999999;
                     margin-left: 10px;
                   }
+                  .alc-content-text {
+                    color: #366aff;
+                    cursor: pointer;
+                  }
                 }
                 .alc-title-icon {
                   margin: 0 2px;

package/src/components/previewPdf.vue

@@ -0,0 +1,114 @@
+<template>
+    <van-popup v-model="previewShowPopup" position="bottom" :style="{ height: '90%', background:'#FFFFFF'}">
+      <div class="footer">
+        <span>查看详情</span>
+        <section @click="close">
+          <i class="iconfont guoran-shanchu"></i>
+        </section>
+      </div>
+        <div v-if="fileType == 'VIDEO'" style="width: 100%;height: calc(100% - 70px)">
+            <video :src="url" controls width="100%;" height="98%"></video>
+        </div>
+        <template v-else-if="url.includes('https://www') || url.includes('http://www')">
+            <iframe class="preview_iframe"
+                    :src="url"
+                    width="100%"
+                    height="100%"
+                    scrolling="100%"
+                    frameborder="no"
+                    border="0"></iframe>
+        </template>
+       <template v-else>
+        <iframe class="preview_iframe" :src="previewUrl" style="border:none;"></iframe>
+      </template>
+    </van-popup>
+</template>
+
+<script>
+export default {
+    data () {
+        return {
+            previewShowPopup: false
+        }
+    },
+    props:{
+        url:{
+            type: String,
+            required: true,
+        },
+        officePreviewType:{
+            type: String,
+            default: ''
+        },
+        fileType :{
+            type: String,
+            default: ''
+        }
+    },
+    computed:{
+        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.officePreviewType !== '') {
+                url += '&officePreviewType=pdf'
+            }
+            return url
+        },
+        // fileType() {
+        //     const fileType = this.url.substring(this.url.lastIndexOf('.'));
+        //     if (fileType === '.mp4' || fileType === '.MP4'  || fileType === '.MOV'  || fileType === '.mov') {
+        //         return 'VIDEO'
+        //     } else {
+        //         return 'OTHER'
+        //     }
+             
+        // }
+    },
+    methods :{
+        close() {
+            this.previewShowPopup = false
+        },
+        loadIframe(item) {
+            let iframe = document.getElementsByClassName('preview_iframe')[0]
+            iframe.onload(() =>{
+                iframe.contentWindow.postMessage({
+                    type: "positionText",
+                    data: item.text,
+                    page: item.page
+                }, '*')
+            })
+            // if(preview) {
+            //   preview.postMessage({
+            //     type: "positionText",
+            //     data: ``
+            //   }, '*')
+            // }
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.preview_iframe {
+    width: 100%;
+    height: calc(100% - 52px);
+}
+.footer {
+    width: calc(100% - 40px);
+    height: 50px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    cursor: pointer;
+    padding: 0 20px;
+    border-bottom: 1px solid #cccccc;
+}
+</style>

package/vue.config.js

@@ -32,6 +32,14 @@ module.exports = {
                     '^/order-api': '/'
                 }
             },
+            '/knowledge-api/': {
+                target: 'http://master.test.askbot.cn:30202',
+                changeOrigin: true,
+                ws: true,
+                pathRewrite: {
+                    '^/knowledge-api': '/'
+                }
+            },
         },
     },
     configureWebpack: {