askbot-dragon 1.1.29 → 1.2.0

package/package.json

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

package/src/assets/js/common.js

@@ -0,0 +1,12 @@
+export function isMobile() {
+    let bool = false
+    let flag = navigator.userAgent.match(
+        /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
+    );
+    if (flag) {
+        bool = true
+    } else {
+        bool = false
+    }
+    return bool
+}

package/src/components/AnswerDocknowledge.vue

@@ -15,7 +15,7 @@
                     </div>
                   <div v-html="item.introduction" class="alc-box-introduction">
                   </div>
-                  <div class="alc-updateTime" v-if="isAskLightning == 1">
+                  <div class="alc-updateTime">
                     <div v-show="docSource[item.source]" class="upload-source">
                       {{docSource[item.source]}}
                     </div>
@@ -50,6 +50,7 @@
   
 <script>
 import previewPdf from "./previewPdf";
+import { isMobile } from "../assets/js/common";
 export default {
     name: "answerDocknowledge",
     components: { previewPdf },
@@ -58,10 +59,11 @@ export default {
             isPC: true,
             previewHref: "",
             docSource: {
-              LOCAL_FILE: "上传于本地文件",
-              CREATED_BY_ONESELF: "来源于自建",
+              LOCAL_FILE: "来源于本地文件",
+              CREATED_BY_ONESELF: "来源于自建知识",
               WECHAT: "来源于微信",
-              AUTO_SYN_FROM_LOCAL_FILE: "自动同步与本地",
+              AUTO_SYN_FROM_LOCAL_FILE: "自动同步于本地",
+              YUQUE: "来源于语雀"
             },
             imageObj: {
               PDF: 'pdf1',
@@ -106,6 +108,7 @@ export default {
               rmvb: "video",
               wav: "audio",
               mp3: "audio",
+              yqhtml: "yqhtml",
             }
         }
     },
@@ -137,42 +140,50 @@ export default {
         //预览图片
         lookAttach(url, item, event) {
           event.preventDefault();
-          console.log('111111111');
-          window.parent.postMessage({
-            data: "bot_preview",
-            item: JSON.stringify(item),
-            url: url
-          },"*");
-          // let index = url.lastIndexOf('?')
-          // let type = ''
-          // let httpUrl = '/knowledge-api/knowledge/getTemporaryCertificate'
-          // if (index !== -1) {
-          //   url = url.substring(0, index)
-          //   type = this.fileType(url)
-          // } else {
-          //   type = this.fileType(url)
-          // }
-          // if (type === '' || type === 'OTHER') {
-          //   httpUrl = httpUrl += '?needEncrypt=true'
-          // } else {
-          //   httpUrl = httpUrl += '?needEncrypt=false'
-          // }
-          // 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(() =>{
-          //       if(item.source == 'CREATED_BY_ONESELF') {
-          //         this.$refs.previewPdf.getBolb(item)
-          //       } else {
-          //         this.$refs.previewPdf.loadIframe(item)
-          //       }
-          //     })
-          //   }
-          // })
+          console.log('111111111',url,item,this.isAskLightning);
+          if (this.isAskLightning == 1){
+            window.parent.postMessage({
+              data: "bot_preview",
+              item: JSON.stringify(item),
+              url: url
+            },"*");
+          } else {
+            let index = url.lastIndexOf('?')
+            let type = ''
+            let httpUrl = '/knowledge-api/knowledge/getTemporaryCertificate'
+            if (index !== -1) {
+              url = url.substring(0, index)
+              type = this.fileType(url)
+            } else {
+              type = this.fileType(url)
+            }
+            if (type === '' || type === 'OTHER') {
+              httpUrl = httpUrl += '?needEncrypt=true'
+            } else {
+              httpUrl = httpUrl += '?needEncrypt=false'
+            }
+            this.$http.post(httpUrl, {
+              "fileInOssPath":url
+            }).then(res =>{
+              if(res.data.code == '0') {
+                this.previewHref = res.data.data;
+                if (isMobile()){
+                  this.$refs.previewPdf.previewShowPopup = true;
+                } else {
+                  this.$refs.previewPdf.drawer = true;
+                }
+                this.$refs.previewPdf.fileType = type
+                this.$nextTick(() =>{
+                  if(item.source == 'CREATED_BY_ONESELF' || type === 'HTML') {
+                    this.$refs.previewPdf.getBolb(item)
+                  } else {
+                    this.$refs.previewPdf.loadIframe(item)
+                  }
+                })
+              }
+            })
+          }
+
         },
         fileType (url) {
             const fileType = url.substring(url.lastIndexOf('.'));

package/src/components/ConversationContainer.vue

@@ -14,10 +14,10 @@
     </div> -->
 
        <form-template
-         :formList="formList"
+         :formList="formList2"
          @submitClick="submitClick"
      ></form-template>
-     <answer-docknowledge :isAskLightning="1" :msg="answerDocknowledge"></answer-docknowledge>
+     <answer-docknowledge :isAskLightning="0" :msg="answerDocknowledge"></answer-docknowledge>
     <!--    <voice-component @closeVoice="closeVoice">
       <div slot="voiceTip">
         松开发送

package/src/components/previewPdf.vue

@@ -1,5 +1,5 @@
 <template>
-    <van-popup v-model="previewShowPopup" position="bottom" :style="{ height: '90%', background:'#FFFFFF'}">
+    <van-popup v-model="previewShowPopup" position="bottom" :style="{ height: '90%', background:'#FFFFFF'}" v-if="previewShowPopup">
       <div class="footer">
         <span>查看详情</span>
             <section @click="close">
@@ -10,7 +10,7 @@
             <video :src="url" controls width="100%;" height="98%"></video>
         </div>
         <div v-else-if="fileType == 'HTML'" style="width: 100%;height: calc(100% - 70px)">
-            <div class="preview_iframe" style="text-algin:left" v-html="fileText"></div>
+            <div class="preview_iframe_html" style="text-algin:left" v-html="fileText"></div>
         </div>
         <template v-else-if="url.includes('https://www') || url.includes('http://www')">
             <iframe class="preview_iframe"
@@ -25,6 +25,38 @@
         <iframe class="preview_iframe" :src="previewUrl" style="border:none;"></iframe>
       </template>
     </van-popup>
+  <el-drawer
+      title="我是标题"
+      :visible.sync="drawer"
+      v-else
+      :with-header="false"
+      size="60%"
+  >
+    <div class="drawer-footer">
+      <span>查看详情</span>
+      <section @click="close">
+        <i class="iconfont guoran-shanchu"></i>
+      </section>
+    </div>
+    <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%;height: 100%">
+      <div class="preview_iframe_html" style="text-algin:left" v-html="fileText"></div>
+    </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>
+  </el-drawer>
 </template>
 
 <script>
@@ -32,7 +64,10 @@ export default {
     data () {
         return {
             previewShowPopup: false,
-            fileText:''
+            fileText:'',
+          fileType:"",
+          isPc:true,
+          drawer:false
         }
     },
     props:{
@@ -43,10 +78,6 @@ export default {
         officePreviewType:{
             type: String,
             default: ''
-        },
-        fileType :{
-            type: String,
-            default: ''
         }
     },
     computed:{
@@ -73,12 +104,13 @@ export default {
         //     } else {
         //         return 'OTHER'
         //     }
-             
+
         // }
     },
     methods :{
         close() {
-            this.previewShowPopup = false
+            this.previewShowPopup = false;
+            this.drawer = false;
         },
         loadIframe(item) {
             let iframe = document.getElementsByClassName('preview_iframe')[0]
@@ -115,6 +147,29 @@ export default {
     width: 100%;
     height: calc(100% - 52px);
 }
+.preview_iframe_html{
+  width: 100%;
+  height: calc(100% - 52px);
+  overflow-y: scroll;
+  text-align: left;
+  box-sizing: border-box;
+  padding: 16px;
+  /deep/.lake-content{
+    margin-left: 10px;
+  }
+  /deep/a:active, a:hover, a:link, a:visited{
+    color: #366aff;
+  }
+  /deep/li:not(.rich-text-li), ol:not(.list-paddingleft-2), ul:not(.list-paddingleft-2){
+    list-style-type: auto;
+  }
+  /deep/img{
+    width: 100%;
+  }
+  /deep/.ne-table{
+    width: 100% !important;
+  }
+}
 .footer {
     width: calc(100% - 40px);
     height: 50px;
@@ -125,4 +180,17 @@ export default {
     padding: 0 20px;
     border-bottom: 1px solid #cccccc;
 }
+.drawer-footer{
+  width:100%;
+  height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  cursor: pointer;
+  padding: 0 20px;
+  border-bottom: 1px solid #cccccc;
+}
+/deep/.el-drawer__body{
+  height: 100%;
+}
 </style>