askbot-dragon 1.3.18 → 1.3.19

package/src/components/previewPdf.vue

@@ -1,206 +1,216 @@
-<template>
-    <van-popup v-model="previewShowPopup" position="bottom" :style="{ height: '90%', background:'#FFFFFF'}" v-if="previewShowPopup">
-      <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% - 60px)">
-            <video :src="url" controls width="100%;" height="98%"></video>
-        </div>
-        <div v-else-if="fileType == 'HTML'" style="width: 100%;height: calc(100% - 60px)">
-            <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>
-    </van-popup>
-  <el-drawer
-      title="我是标题"
-      :visible.sync="drawer"
-      v-else
-      :with-header="false"
-      size="65%"
-  >
-    <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:calc(100% - 60px)">
-      <video :src="url" controls width="100%;" height="98%"></video>
-    </div>
-    <div v-else-if="fileType == 'HTML'" style="width: 100%;height:calc(100% - 60px)">
-      <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>
-export default {
-    data () {
-        return {
-            previewShowPopup: false,
-            fileText:'',
-          fileType:"",
-          isPc:true,
-          drawer:false
-        }
-    },
-    props:{
-        url:{
-            type: String,
-            required: true,
-        },
-        officePreviewType:{
-            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;
-            this.drawer = false;
-        },
-        loadIframe(item) {
-            let iframe = document.getElementsByClassName('preview_iframe')[0]
-            iframe.onload(() =>{
-                let type = item.srcContent ? 'positionText' : 'positionNumber'
-                iframe.contentWindow.postMessage({
-                    type: type,
-                    data: item.srcContent,
-                }, '*')
-            })
-            // if(preview) {
-            //   preview.postMessage({
-            //     type: "positionText",
-            //     data: ``
-            //   }, '*')
-            // }
-        },
-        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
-				}
-            })
-        },
-    }
-}
-</script>
-
-<style lang="less" scoped>
-.preview_iframe {
-    width: 100%;
-    height: calc(100% - 60px);
-    box-sizing: border-box;
-}
-.preview_iframe_html{
-  width: 100%;
-  height: 100%;
-  overflow-y: scroll;
-  text-align: left;
-  box-sizing: border-box;
-  padding: 16px;
-  /deep/.lake-content{
-    margin-left: 10px;
-  }
-  /deep/a:link {
-    color: #0000ee!important;
-  }
-  /deep/a:visited {
-    color: #0000ee!important;
-  }
-  /deep/a:hover {
-    color: #0000ee!important;
-  }
-  /deep/a:active {
-    color: #0000ee!important;
-  }
-  /deep/li:not(.rich-text-li), ol:not(.list-paddingleft-2), ul:not(.list-paddingleft-2){
-    list-style-type: auto!important;
-  }
-  /deep/img{
-    width: 100%;
-  }
-  /deep/.ne-table{
-    width: 100% !important;
-  }
-}
-.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;
-}
-.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%;
-}
+<template>
+    <van-popup v-model="previewShowPopup" position="bottom" :style="{ height: '90%', background:'#FFFFFF'}" v-if="previewShowPopup">
+      <div class="footer">
+        <span>查看详情</span>
+            <section @click="close">
+            <i class="iconfont guoran-shanchu"></i>
+            </section>
+        </div>
+        <template v-if="tagId">
+            <pdfPosition :tagId="tagId"></pdfPosition>
+        </template>
+        <template v-else>
+          <div v-if="fileType == 'VIDEO'" style="width: 100%;height: calc(100% - 60px)">
+              <video :src="url" controls width="100%;" height="98%"></video>
+          </div>
+          <div v-else-if="fileType == 'HTML'" style="width: 100%;height: calc(100% - 60px)">
+              <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>
+        </template>
+    </van-popup>
+  <el-drawer
+      title="我是标题"
+      :visible.sync="drawer"
+      v-else
+      :with-header="false"
+      size="65%"
+  >
+    <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:calc(100% - 60px)">
+      <video :src="url" controls width="100%;" height="98%"></video>
+    </div>
+    <div v-else-if="fileType == 'HTML'" style="width: 100%;height:calc(100% - 60px)">
+      <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>
+import pdfPosition from './pdfPosition.vue'
+export default {
+    data () {
+        return {
+            previewShowPopup: false,
+            fileText:'',
+            fileType:"",
+            isPc:true,
+            drawer:false,
+            tagId:''
+        }
+    },
+    props:{
+        url:{
+            type: String,
+            required: true,
+        },
+        officePreviewType:{
+            type: String,
+            default: ''
+        }
+    },
+    components:{
+      pdfPosition
+    },
+    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;
+            this.drawer = false;
+        },
+        loadIframe(item) {
+            let iframe = document.getElementsByClassName('preview_iframe')[0]
+            iframe.onload(() =>{
+                let type = item.srcContent ? 'positionText' : 'positionNumber'
+                iframe.contentWindow.postMessage({
+                    type: type,
+                    data: item.srcContent,
+                }, '*')
+            })
+            // if(preview) {
+            //   preview.postMessage({
+            //     type: "positionText",
+            //     data: ``
+            //   }, '*')
+            // }
+        },
+        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
+				}
+            })
+        },
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.preview_iframe {
+    width: 100%;
+    height: calc(100% - 60px);
+    box-sizing: border-box;
+}
+.preview_iframe_html{
+  width: 100%;
+  height: 100%;
+  overflow-y: scroll;
+  text-align: left;
+  box-sizing: border-box;
+  padding: 16px;
+  /deep/.lake-content{
+    margin-left: 10px;
+  }
+  /deep/a:link {
+    color: #0000ee!important;
+  }
+  /deep/a:visited {
+    color: #0000ee!important;
+  }
+  /deep/a:hover {
+    color: #0000ee!important;
+  }
+  /deep/a:active {
+    color: #0000ee!important;
+  }
+  /deep/li:not(.rich-text-li), ol:not(.list-paddingleft-2), ul:not(.list-paddingleft-2){
+    list-style-type: auto!important;
+  }
+  /deep/img{
+    width: 100%;
+  }
+  /deep/.ne-table{
+    width: 100% !important;
+  }
+}
+.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;
+}
+.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>

package/src/components/receiverMessagePlatform.vue

@@ -1,66 +1,66 @@
-<template>
-    <div class="">
-        <span v-if="messagePlateform == 'IM'">
-            与
-            <span :class="payload.newSession.receiverId == userId ? '':'text_color'">
-                {{payload.newSession.receiverId == userId ? '您': payload.newSession.receiverDisplayInfo.name}}
-            </span>
-            建立对话
-        </span>
-        <span v-if="messagePlateform == 'BOT'">
-            与机器人【
-                <span class="text_color">{{payload.newSession.receiverDisplayInfo.name}}</span>
-            】建立对话
-        </span>
-        <span v-if="messagePlateform == 'oldTransfer'">
-            您将会话转接给&nbsp;&nbsp;<span class="text_color">{{payload.newSession.receiverDisplayInfo.name}}</span>
-        </span>
-        <span v-if="messagePlateform == 'newTransfer'">
-            <span class="text_color">{{payload.oldSession.receiverDisplayInfo.name}}</span>&nbsp;&nbsp;将会话转接给您
-        </span>
-    </div>
-</template>
-
-<script>
-//  客服 的接入消息展示
-export default {
-    data() {
-        return {
-
-        }
-    },
-    props:['source','payload','userId'],
-    computed: {
-        messagePlateform() {
-            if(this.payload) {
-                if((this.payload.newSession.receiverMessagePlatform == 'CUSTOMER_SERVICE_SYSTEM' || 
-                    this.payload.newSession.receiverMessagePlatform == 'AIMER_SERVER') && 
-                    this.payload.oldSession.receiverMessagePlatform == 'GUORAN_BOT') {
-                        return 'IM'
-                } else if((this.payload.oldSession.receiverMessagePlatform == 'CUSTOMER_SERVICE_SYSTEM' || 
-                    this.payload.oldSession.receiverMessagePlatform == 'AIMER_SERVER') && 
-                    this.payload.newSession.receiverMessagePlatform == 'GUORAN_BOT') {
-                        return 'BOT'
-                } else if((this.payload.oldSession.receiverMessagePlatform == 'CUSTOMER_SERVICE_SYSTEM' || 
-                    this.payload.oldSession.receiverMessagePlatform == 'AIMER_SERVER') &&
-                    (this.payload.newSession.receiverMessagePlatform == 'CUSTOMER_SERVICE_SYSTEM' || 
-                        this.payload.newSession.receiverMessagePlatform == 'AIMER_SERVER')) {
-                            if(this.payload.oldSession.receiverId == this.userId) {
-                                return 'oldTransfer'
-                            }
-                            if(this.payload.newSession.receiverId == this.userId) {
-                                return 'newTransfer'
-                            }
-                        
-                }
-            }
-        }
-    }
-}
-</script>
-
-<style lang="less" scoped>
-.text_color {
-    color: #366aff;
-}
+<template>
+    <div class="">
+        <span v-if="messagePlateform == 'IM'">
+            与
+            <span :class="payload.newSession.receiverId == userId ? '':'text_color'">
+                {{payload.newSession.receiverId == userId ? '您': payload.newSession.receiverDisplayInfo.name}}
+            </span>
+            建立对话
+        </span>
+        <span v-if="messagePlateform == 'BOT'">
+            与机器人【
+                <span class="text_color">{{payload.newSession.receiverDisplayInfo.name}}</span>
+            】建立对话
+        </span>
+        <span v-if="messagePlateform == 'oldTransfer'">
+            您将会话转接给&nbsp;&nbsp;<span class="text_color">{{payload.newSession.receiverDisplayInfo.name}}</span>
+        </span>
+        <span v-if="messagePlateform == 'newTransfer'">
+            <span class="text_color">{{payload.oldSession.receiverDisplayInfo.name}}</span>&nbsp;&nbsp;将会话转接给您
+        </span>
+    </div>
+</template>
+
+<script>
+//  客服 的接入消息展示
+export default {
+    data() {
+        return {
+
+        }
+    },
+    props:['source','payload','userId'],
+    computed: {
+        messagePlateform() {
+            if(this.payload) {
+                if((this.payload.newSession.receiverMessagePlatform == 'CUSTOMER_SERVICE_SYSTEM' || 
+                    this.payload.newSession.receiverMessagePlatform == 'AIMER_SERVER') && 
+                    this.payload.oldSession.receiverMessagePlatform == 'GUORAN_BOT') {
+                        return 'IM'
+                } else if((this.payload.oldSession.receiverMessagePlatform == 'CUSTOMER_SERVICE_SYSTEM' || 
+                    this.payload.oldSession.receiverMessagePlatform == 'AIMER_SERVER') && 
+                    this.payload.newSession.receiverMessagePlatform == 'GUORAN_BOT') {
+                        return 'BOT'
+                } else if((this.payload.oldSession.receiverMessagePlatform == 'CUSTOMER_SERVICE_SYSTEM' || 
+                    this.payload.oldSession.receiverMessagePlatform == 'AIMER_SERVER') &&
+                    (this.payload.newSession.receiverMessagePlatform == 'CUSTOMER_SERVICE_SYSTEM' || 
+                        this.payload.newSession.receiverMessagePlatform == 'AIMER_SERVER')) {
+                            if(this.payload.oldSession.receiverId == this.userId) {
+                                return 'oldTransfer'
+                            }
+                            if(this.payload.newSession.receiverId == this.userId) {
+                                return 'newTransfer'
+                            }
+                        
+                }
+            }
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.text_color {
+    color: #366aff;
+}
 </style>