askbot-dragon 1.7.41-beta → 1.7.43-beta

package/src/components/previewDoc.vue

@@ -70,6 +70,10 @@ export default {
     officePreviewType: {
       type: String,
       default: ''
+    },
+    language:{
+      type:String,
+      default:"cn"
     }
   },
   computed: {

package/src/components/previewPdf.vue

@@ -5,8 +5,8 @@
   另外增加了在知识项目中预览当前文件的一些功能
 -->
 <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%'"
+  <el-drawer :title="'我是标题'" :visible.sync="drawer" :with-header="false" :append-to-body="true" :destroy-on-close="true"
+    :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">
@@ -32,7 +32,7 @@
       <div class="header_title">
         <div class="header_close">
           <span class="title_left">
-            {{ title ? title : "查看详情" }}
+            {{ title ? title : '查看详情' }}
           </span>
           <section @click="close">
             <i class="iconfont guoran-shanchu"></i>
@@ -56,7 +56,7 @@
               下载
             </div>
             <div class="summaryBtn" :class="showSummary ? 'summaryActiveBtn' : ''" @click="summaryFun"
-              v-if="isHasChat">
+              v-if="isHasChat || formKnowledgeManagement">
               <i class="iconfont guoran-tongyichicun-write-29-jiqiren"></i>
               <span>智能摘要</span>
             </div>
@@ -84,15 +84,20 @@
     </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">
+      <div class="pdf_positon" :style="pdfStyle" v-if="tagIds && tagIds.length != 0 && drawer && newVersion === false && newFileType !== 'PPT'">
         <pdfPosition :tagIds="tagIds" :isMessageRecord="isMessageRecord" :textWatermarkStr="textWatermarkStr">
         </pdfPosition>
       </div>
+      <new-position-preview ref="newPositionPreview" v-else-if="tagIds && tagIds.length!= 0 && newVersion && newFileType !== 'PPT'" :knowledgeId="knowledgeId" :tagIds="tagIds" :url="previewHref"></new-position-preview>
       <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%;">
@@ -126,62 +131,67 @@ import { zoomElement } from '../assets/js/hammer'
 import IntelligentSummary from "./intelligentSummary";
 import { isMobile } from "../assets/js/common";
 import { Toast } from 'vant';
+import NewPositionPreview from "./preview/newPositionPreview";
 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:''
+          previewShowPopup: false,
+          fileText: '',
+          fileType: "",
+          isPc: false,
+          drawer: false,
+          tagIds: [],
+          // '6454aa1a70573a6ead6f0f7d', '6454aa1a70573a6ead6f0f81',
+          loading: true,
+          fileName:'',
+          previewKnowledgeId:"",
+          showSummary:true,
+          iframeHeight:"100%",
+          isDownload: false,
+          textWatermarkStr:"",
+        copy:'',
+      newVersion:'',
+      previewHref:"",
+      newFileType:""
     }
-  },
-  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: '',
+    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,8 +203,14 @@ export default {
     isLiBang: {
       type: Boolean,
       default: false
-    }},
+    },
+    formKnowledgeManagement:{
+      type: Boolean,
+      default: false
+    }
+  },
   components: {
+    NewPositionPreview,
     IntelligentSummary,
     pdfPosition
   },
@@ -203,58 +219,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) {
@@ -283,7 +312,7 @@ export default {
     },
     loadIframe () {
 
-      if (this.fileType == 'VIDEO' || this.fileType == 'WECHAT' || (this.tagIds && this.tagIds.length != 0)) {
+      if (this.fileType == 'VIDEO' || this.fileType == 'WECHAT' || (this.tagIds && this.tagIds.length != 0  && this.newFileType !== 'PPT')) {
         this.loading = false
       } else {
         let iframe = document.getElementsByClassName('preview_iframe')[0] || document.getElementsByClassName('preview_iframe_kk')[0];
@@ -373,6 +402,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 +417,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 +446,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 +464,7 @@ export default {
               a.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }))
             }
             this.close()
-          }
+}
         }
       })
     },
@@ -441,9 +475,70 @@ export default {
         this.isPc = true
       }
     },
-  clickFloder() {
+    clickFloder() {
       this.$emit('previewClickFloder')
-    }},
+    },
+    getOssPath(url){
+      let httpUrl = '/knowledge-api/knowledge/getTemporaryCertificate';
+      let type = this.getFileType(url)
+      this.newFileType = type;
+      if (type === 'VIDEO' || type === 'PDF' || type === 'EXCEL' || type === 'TXT' || type === 'DOC') {
+        httpUrl += '?needEncrypt=false'
+      } else {
+        httpUrl += '?needEncrypt=true'
+      }
+      this.$http.post(httpUrl, {
+        "fileInOssPath": url
+      }).then(res => {
+        console.log('getOssPath',res)
+        if (res.data.code == '0'){
+          this.previewHref = res.data.data;
+        }
+      })
+    },
+    getFileType(url){
+      let index = url.lastIndexOf('?')
+      let newFileInOssPath =  url.substring(0, url.indexOf("?"))
+      if (index == -1){
+        newFileInOssPath = url
+      }
+      const fileType = newFileInOssPath.substring(newFileInOssPath.lastIndexOf('.'));
+      if (fileType === '.mp4' || fileType === '.MP4' || fileType === '.MOV' || fileType === '.MOVC' || fileType === '.mov' || fileType === '.movc') {
+        return 'VIDEO'
+      } else if (fileType === '.html') {
+        return 'HTML'
+      } else if (fileType === '.png' || fileType === '.jpg' || fileType === '.jpeg' || fileType === '.PNG' || fileType === '.JPG' || fileType === '.JPEG') {
+        return 'IMAGE'
+      } else if (fileType === '.docx' || fileType === '.doc'){
+        return 'DOC'
+      } else if (fileType === '.ppt' || fileType === '.pptx'){
+        return 'PPT'
+      } else if (fileType === '.pdf'){
+        return 'PDF'
+      } else if (fileType === '.txt'){
+        return 'TXT'
+      } else {
+        return 'OTHER'
+      }
+    },
+    //判断是否使用新定位组件
+    getLocationInfo(){
+      this.newVersion = "";
+      this.$http.get('/knowledge-api/knowledge/knowledge-part-location-info/list?ids=' + this.tagIds.join(',')).then(res => {
+        console.log('getLocationInfo',res)
+        if (res.data.code == 0){
+          if (res.data.data && res.data.data.length > 0 && res.data.data[0].extractVersion == 'v3'){
+            this.newVersion = true;
+            if (this.newFileType !== 'PPT'){
+              this.loading = false;
+            }
+          } else {
+            this.newVersion = false;
+          }
+        }
+      })
+    },
+    },
   beforeDestroy () {
     window.removeEventListener('message', this.handleIframeMessage);
   }
@@ -511,6 +606,7 @@ export default {
   height: 100%;
 }
 
+
 .preview_iframe_html {
   width: 100%;
   height: 100%;
@@ -606,6 +702,7 @@ justify-content: space-between;
     .header-right {
       display: flex;
     }
+
     .summaryBtn {
       flex: none;
       //width: 95px;
@@ -672,9 +769,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 +804,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 {

package/src/components/senderMessagePlatform.vue

@@ -1,13 +1,13 @@
 <template>
     <div class="">
         <span v-if="messagePlateform == 'IM'">
-            IM人工&nbsp;&nbsp;<span class="text_color">{{payload.newSession.receiverDisplayInfo.name}}</span>&nbsp;&nbsp;将为您服务
+            {{$t('senderMessagePlatform.IM')}}&nbsp;&nbsp;<span class="text_color">{{payload.newSession.receiverDisplayInfo.name}}</span>&nbsp;&nbsp;{{$t('senderMessagePlatform.service')}}
         </span>
         <span v-if="messagePlateform == 'BOT'">
-            <span class="text_color">{{payload.newSession.receiverDisplayInfo.name}}</span>&nbsp;&nbsp;将为您服务
+            <span class="text_color">{{payload.newSession.receiverDisplayInfo.name}}</span>&nbsp;&nbsp;{{$t('senderMessagePlatform.service')}}
         </span>
         <span v-if="messagePlateform == 'Transfer' && (isShow === true || isShow === null)">
-            <span class="text_color">{{payload.oldSession.receiverDisplayInfo.name}}</span>&nbsp;&nbsp;将会话转接给&nbsp;&nbsp;<span class="text_color">{{payload.newSession.receiverDisplayInfo.name}}</span>
+            <span class="text_color">{{payload.oldSession.receiverDisplayInfo.name}}</span>&nbsp;&nbsp;{{$t('senderMessagePlatform.transfer')}}&nbsp;&nbsp;<span class="text_color">{{payload.newSession.receiverDisplayInfo.name}}</span>
         </span>
     </div>
 </template>
@@ -20,7 +20,7 @@ export default {
             
         }
     },
-    props:['source','payload', 'isShow'],
+    props:['source','payload',"language", 'isShow'],
     computed: {
         messagePlateform() {
             if(this.payload) {

package/src/components/utils/ckeditor.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
-import { multipartUpload, ossFileUrl } from "./AliyunIssUtil";
+import { multipartUpload, ossFileUrl } from "../../assets/js/AliyunIssUtil";
 import { v4 as uuidv4 } from "uuid";
 
 const getPrivateOssConfig = () => {

package/src/components/welcomeKnowledgeFile.vue

@@ -92,7 +92,11 @@ export default {
         bindCode:{
           type: String,
           default: ''
-        }
+        },
+      language:{
+        type: String,
+        default: 'en'
+      }
     },
     data () {
         return {

package/src/components/welcomeLlmCard.vue

@@ -39,7 +39,11 @@ export default {
         clickFun (item) {
             this.$emit('llmCardClickFun', item)
         }
-    }
+    },
+  mounted() {
+      let languageCode = sessionStorage.getItem('languageCode');
+      console.log('languageCode',languageCode,this.$i18n.locale,localStorage.getItem('languageCode'))
+  }
 };
 </script>
 

package/src/locales/cn.json

@@ -0,0 +1,72 @@
+{
+  "actionSatisfaction": {
+    "satisfaction": "满意",
+    "notSatisfied": "不满意"
+  },
+  "answerRadio": {
+    "tip": "AI为您推荐了以下内容",
+    "loadMore": "换一批"
+  },
+  "previewPdf": {
+    "intelligentSummary": "智能摘要",
+    "chat": "聊一聊",
+    "regeneration": "重新生成",
+    "generating": "生成中",
+    "copyUrl": "下载地址已复制，请前往Safari浏览器访问下载",
+    "answer": "答案由",
+    "answerTip": "段内容生成"
+  },
+  "answerDocKnowledge": {
+    "title": "AI为您总结生成了以下摘要",
+    "sourceFrom": "出自",
+    "view": "查看"
+  },
+  "formTemplate": {
+    "report": "报单人",
+    "feedbackDes": "反馈描述",
+    "orderDes": "工单描述",
+    "uploadType": "只能上传图片格式",
+    "uploadImageSize": "上传图片大小不能超过 8MB!",
+    "uploadVideoType": "只能上传视频格式",
+    "uploadVideoSize": "上传视频大小不能超过100MB!",
+    "uploadFileSize": "上传附件大小不能超过100MB!",
+    "onlyUpload": "仅支持上传",
+    "number": "个",
+    "textFlag": "必须要有文字",
+    "imageOrAttachment": "必须要有图片或附件",
+    "imageFlag": "必须要有图片",
+    "attachmentFlag": "必须要有附件",
+    "image": "图片",
+    "file": "附件",
+    "and": "和",
+    "required": "是必填的",
+    "uploading": "文件正在上传，请稍后",
+    "pleaseImprove": "请完善",
+    "feedbackDesRequired": "反馈描述是必填的",
+    "orderDesRequired": "问题描述是必填的"
+  },
+  "senderMessagePlatform": {
+    "IM": "IM人工",
+    "service": "将为您服务",
+    "transfer": "将会话转接给"
+  },
+  "common": {
+    "drawerTitle": "我是标题",
+    "viewDetail": "查看详情",
+    "download": "下载",
+    "changeBatch": "换一批",
+    "lodeMore": "查看更多",
+    "previous": "上一段",
+    "next": "下一段",
+    "selectPlaceholder": "请选择",
+    "inputPlaceholder": "请输入",
+    "selectDate": "请选择日期",
+    "selectTime": "请选择时间",
+    "selectDateTime": "请选择日期时间",
+    "cancel": "取消",
+    "confirm": "确认",
+    "submit": "提交",
+    "submited": "已提交",
+    "confirmed": "已确认"
+  }
+}