askbot-dragon 88.0.43 → 88.1.2

package/src/components/previewDoc.vue

@@ -187,6 +187,7 @@ export default {
     }
   },
   mounted() {
+    this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
     setTimeout(() =>{
       let previewIframe = document.getElementsByClassName('preview_iframe')
       Array.from(previewIframe).forEach(item =>{

package/src/components/previewPdf.vue

@@ -4,35 +4,43 @@
   另外增加了在知识项目中预览当前文件的一些功能
 -->
 <template>
-  <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">
-      <div class="header-btn btn_position">
-        <div class="onload_btn" v-if="isDownload" @click="downLoad">
-          下载
-        </div>
-        <div class="summaryBtn" :class="showSummary ? 'summaryActiveBtn' : ''" @click="summaryFun"
-          v-if="isHasChat || formKnowledgeManagement">
-          <i class="iconfont guoran-tongyichicun-write-29-jiqiren"></i>
-          <span>智能摘要</span>
-        </div>
-        <template v-if="isHasChat">
-          <div class="chat" @click="previewToDialog(true)" v-if="!previewKnowledgeId">
-            <i class="iconfont guoran-wendapingjia"></i>
-            聊一聊
-          </div>
-          <div class="chat chat_active" @click="previewToDialog(false)" v-else>
-            <i class="iconfont guoran-wendapingjia"></i>
-            聊一聊
+  <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%'"
+    custom-class="pdf-preview-drawer" v-if="drawer">
+    <div class="drawer-header" :class="(isDownload || (isHasChat && fileType != 'IMAGE')) && isLiBang ? 'has_btn_libang_head' : (isLiBang ? 'libang_head' : (isDownload || (isHasChat && fileType != 'IMAGE') ? 'has_btn_head' : ''))" v-if="!isPc">
+      <div class="header_title">
+        <template v-if="isDownload || (isHasChat && fileType != 'IMAGE')">
+          <div class="top-header">
+            <div class="header-btn">
+              <div class="onload_btn" v-if="isDownload" @click="downLoad">
+                {{ $t('dragonCommon.download') }}
+              </div>
+              <div class="summaryBtn" :class="showSummary ? 'summaryActiveBtn' : ''" @click="summaryFun" v-if="isHasChat && fileType != 'IMAGE'">
+                <i class="iconfont guoran-tongyichicun-write-29-jiqiren"></i>
+                <span>{{ $t('dragonCommon.smartSummary') }}</span>
+              </div>
+              <template v-if="isHasChat && fileType != 'IMAGE'">
+                <div class="chat" @click="previewToDialog(true)" v-if="!previewKnowledgeId">
+                  <i class="iconfont guoran-wendapingjia"></i>
+                  {{ $t('dragonCommon.chat') }}
+                </div>
+                <div class="chat chat_active" @click="previewToDialog(false)" v-else>
+                  <i class="iconfont guoran-wendapingjia"></i>
+                  {{ $t('dragonCommon.chat') }}
+                </div>
+              </template>
+            </div>
+            <section @click="close">
+              <i class="iconfont guoran-shanchu"></i>
+            </section>
           </div>
+          <span class="title_left">
+            {{ title ? title : $t('dragonCommon.viewDetails') }}
+          </span>
         </template>
-      </div>
-      <div class="header_title">
-        <div class="header_close">
+        <div class="header_close" v-else>
           <span class="title_left">
-            {{ title ? title : "查看详情" }}
+            {{ title ? title : $t('dragonCommon.viewDetails') }}
           </span>
           <section @click="close">
             <i class="iconfont guoran-shanchu"></i>
@@ -49,25 +57,25 @@
       <div class="header_title">
         <div :class="isLiBang && folderName ? 'header_close' : 'header_top'">
           <span class="title_left">
-            {{ title ? title : "查看详情" }}
+            {{ title ? title : $t('dragonCommon.viewDetails') }}
           </span>
           <div class="header-btn">
             <div class="onload_btn" v-if="isDownload" @click="downLoad">
-              下载
+              {{ $t('dragonCommon.download') }}
             </div>
             <div class="summaryBtn" :class="showSummary ? 'summaryActiveBtn' : ''" @click="summaryFun"
-              v-if="isHasChat || formKnowledgeManagement">
+              v-if="(isHasChat || formKnowledgeManagement)  && fileType != 'IMAGE'">
               <i class="iconfont guoran-tongyichicun-write-29-jiqiren"></i>
-              <span>智能摘要</span>
+              <span>{{ $t('dragonCommon.smartSummary') }}</span>
             </div>
-            <template v-if="isHasChat">
+            <template v-if="isHasChat && fileType != 'IMAGE'">
               <div class="chat" @click="previewToDialog(true)" v-if="!previewKnowledgeId">
                 <i class="iconfont guoran-wendapingjia"></i>
-                聊一聊
+                {{ $t('dragonCommon.chat') }}
               </div>
               <div class="chat chat_active" @click="previewToDialog(false)" v-else>
                 <i class="iconfont guoran-wendapingjia"></i>
-                聊一聊
+                {{ $t('dragonCommon.chat') }}
               </div>
             </template>
             <section @click="close">
@@ -82,23 +90,27 @@
         </p>
       </div>
     </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 || formKnowledgeManagement) && fileType !== 'VIDEO' && fileType !== 'IMAGE'"
-        :tagIds="tagIds" :knowledgeId="knowledgeId" :formKnowledgeManagement="formKnowledgeManagement"
+    <div id="drawer_content_pre" :class="(isDownload || (isHasChat && fileType != 'IMAGE')) && !isPc && isLiBang && folderName ? 'has_btn_libang_content_pre' : (isLiBang && folderName ? 'libang_content_pre' : '')">
+      <intelligent-summary v-show="showSummary && (isHasChat && fileType != 'IMAGE')" :tagIds="tagIds" :knowledgeId="knowledgeId"
         @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%;height: 100%">
           <video :src="url" controls width="100%;" height="98%"></video>
         </div>
         <div v-else-if="fileType == 'HTML'" style="width: 100%;">
-          <div class="preview_iframe_html" style="text-algin:left" v-html="fileText"></div>
+          <div class="preview_iframe_html" style="text-align: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"
@@ -107,11 +119,20 @@
         <template v-else>
           <iframe class="preview_iframe_kk" :src="previewUrl" style="border:none;"
             :style="{ height: iframeHeight }"></iframe>
+          <template v-if="!loading && (newFileType === 'PPT' && pageChunkData.length > 1)">
+            <div class="btn_footer" v-if="!isPc">
+              <div class="prev" @click="prev">上一段</div>
+              <div class="next" @click="next">下一段</div>
+            </div>
+            <div id="pagination" v-if="isPc">
+              <el-pagination :current-page="currentPage + 1" @current-change="currentChange" @prev-click="prev"
+                             @next-click="next" layout="slot, prev, pager, next" :page-size="1" :total="pageChunkData.length">
+                <span class="total-class">答案由{{ pageChunkData.length }}段内容生成</span>
+              </el-pagination>
+            </div>
+          </template>
         </template>
       </template>
-      <!-- <div class="mobile_onload_btn" v-if="isDownload && !isPc" @click="downLoad">
-        下载
-      </div> -->
     </div>
     <div class="loading_img" v-show="loading">
       <img src="https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/cdn-common/images/loading.gif" alt="">
@@ -128,6 +149,7 @@ 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 {
@@ -140,14 +162,21 @@ export default {
       // '6454aa1a70573a6ead6f0f7d', '6454aa1a70573a6ead6f0f81',
       loading: true,
       previewKnowledgeId: "",
-      showSummary: true,
+      showSummary: false,
       iframeHeight: "100%",
       isDownload: false,
       textWatermarkStr: "",
-      copy: ''
+      copy:'',
+      newVersion:'',
+      previewHref:"",
+      newFileType:"",
+      numberPage:0,
+      pageChunkData:[],
+      currentPage:0
     }
   },
-  mounted() {
+  mounted () {
+    this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
     window.addEventListener('message', this.handleIframeMessage, false);
     this.isPcFun();
   },
@@ -202,6 +231,7 @@ export default {
     }
   },
   components: {
+    NewPositionPreview,
     IntelligentSummary,
     pdfPosition
   },
@@ -290,7 +320,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];
@@ -330,14 +360,24 @@ export default {
       console.log('recommendQues', item, knowledgeId);
       this.$emit('recommendQues', item, knowledgeId)
     },
-    handleIframeMessage(res) {
-      console.log('handleIframeMessage', res)
+    handleIframeMessage (res) {
       if (res.data.type == 'getViewerHeight') {
         let iframeHeight = this.iframeHeight.replace('px', '')
         if (res.data.data && iframeHeight != (res.data.data + 50)) {
           this.iframeHeight = res.data.data + 50 + 'px'
         }
       }
+      if (res.data.type == 'getViewPage' && res.data.data){
+        this.numberPage = Number(res.data.data);
+        if (this.pageChunkData.length > 0){
+          this.scrollPPTPage(this.pageChunkData[0])
+        }
+      }
+      if (res.data.type == 'getViewerHeight' || res.data.type == 'getViewPage'){
+        if (this.pageChunkData.length > 0){
+          this.scrollPPTPage(this.pageChunkData[0])
+        }
+      }
     },
     summaryFun() {
       this.showSummary = !this.showSummary;
@@ -408,7 +448,7 @@ export default {
                 selection.addRange(range);
                 document.execCommand('copy');
                 selection.removeAllRanges()
-                Toast('下载地址已复制，请前往Safari浏览器访问下载');
+                Toast(this.$t('dragonCommon.Safaridownload'));
                 this.close()
               }, 100)
             } else {
@@ -454,9 +494,114 @@ export default {
     },
     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)
+        this.pageChunkData = [];
+        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;
+            }
+            for (let i=0;i<res.data.data.length;i++){
+              if (res.data.data[i].paragraphChunkInfo && res.data.data[i].paragraphChunkInfo.pageChunkData){
+                this.pageChunkData.push(res.data.data[i].paragraphChunkInfo.pageChunkData.page_number)
+              }
+            }
+            if (this.pageChunkData.length > 1){
+              let iframe = document.getElementsByClassName('preview_iframe_kk')
+              if (iframe && iframe.length > 0){
+                iframe[0].style.paddingBottom = '50px'
+              }
+            }
+          } else {
+            if (this.newFileType == 'PPT'){
+                this.pageChunkData = res.data.data.map(item => { return item.page }).filter(item =>{ return !!item })
+            }
+            this.newVersion = false;
+          }
+        }
+      })
+    },
+    currentChange (value) {
+      this.currentPage = value - 1;
+      this.scrollPPTPage()
+    },
+    prev(){
+      if (this.currentPage == 0){
+        return
+      }
+      this.currentPage--;
+      this.scrollPPTPage()
+    },
+    next(){
+      if (this.currentPage === (this.pageChunkData.length - 1)){
+        return;
+      }
+      this.currentPage++;
+      this.scrollPPTPage()
+    },
+    scrollPPTPage(){
+      if (this.numberPage > 0){
+        let pageNumber = this.pageChunkData[this.currentPage];
+        let height = Math.floor(Number(this.iframeHeight.replace('px',"")));
+        let pageHeight = Math.floor(height / this.numberPage);
+        let scrollHeight = (pageNumber - 1) * pageHeight;
+        let dom = document.getElementById('drawer_content_pre');
+        if (dom){
+          dom.scrollTo(0,scrollHeight)
+        }
+      }
     }
-  },
-  beforeDestroy() {
+    },
+  beforeDestroy () {
     window.removeEventListener('message', this.handleIframeMessage);
   }
 }
@@ -522,7 +667,133 @@ export default {
   width: 100%;
   height: 100%;
 }
+.btn_footer {
+  width: 100%;
+  height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  position: absolute;
+  bottom: 0px;
+  left: 0;
+  z-index: 999;
+  background: #ffffff;
+
+  .prev,
+  .next {
+    width: 35%;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50px;
+    cursor: pointer;
+  }
+
+  .prev {
+    background: #F2F5FA;
+    color: #000;
+  }
+
+  .next {
+    background: #366aff;
+    color: #ffffff;
+  }
+}
+#pagination {
+  .total-class {
+    margin-right: 13px;
+    font-weight: 400;
+  }
+
+  position: absolute;
+  bottom: 0px;
+  right: 0;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 50px;
+  background-color: white;
+  box-shadow: 0px 0px 18px 0px rgba(29, 55, 129, 0.07);
+  border-radius: 5px;
+  z-index: 1000;
+
+
+
+  /deep/.el-pagination {
+    margin-right: 110px;
+  }
+
+  /deep/.el-pager {
+    background: #EDF0F6;
+    border-radius: 15px;
+  }
+
+  /deep/.el-pagination.is-background .btn-next {
+    width: 30px;
+    height: 30px;
+    background: #EDF0F6;
+    border-radius: 50%;
+  }
+
+  /deep/.el-pagination .btn-next {
+    width: 30px;
+    height: 30px;
+    background: #EDF0F6;
+    border-radius: 50%;
+    padding-left: 0;
+    margin-left: 5px;
+  }
+
+  /deep/.el-pagination .btn-prev {
+    width: 30px;
+    height: 30px;
+    background: #EDF0F6;
+    border-radius: 50%;
+    padding-right: 0;
+    margin-right: 5px;
+  }
+
+  /deep/.el-pagination button {
+    padding: 0;
+    min-width: 30px;
+  }
+
+  /deep/.el-pager li {
+    background: #EDF0F6;
+    height: 30px;
+    min-width: 30px;
+    line-height: 30px;
+    font-size: 12px;
+    color: #717b90;
+  }
+
+  /deep/.el-pager li:first-child {
+    border-bottom-left-radius: 15px !important;
+    border-top-left-radius: 15px !important;
+  }
+
+  /deep/.el-pager li:last-child {
+    border-top-right-radius: 15px !important;
+    border-bottom-right-radius: 15px !important;
+  }
+
+  /deep/.el-pager li.active {
+    width: 30px;
+    height: 30px;
+    min-width: 30px;
+    background: #366AFF;
+    border: 3px solid #A1B9FF;
+    border-radius: 50%;
+    line-height: 24px;
+    color: white;
+  }
 
+  /deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
+    background: #366AFF;
+  }
+}
 .preview_iframe_html {
   width: 100%;
   height: 100%;
@@ -597,7 +868,12 @@ export default {
 .libang_head {
   height: 64px !important;
 }
-
+.has_btn_libang_head{
+  height: 85px!important;
+}
+.has_btn_head{
+  height: 60px!important;
+}
 .drawer-header {
   width: 100%;
   height: 50px;
@@ -687,23 +963,26 @@ export default {
       align-items: center;
       justify-content: space-between;
       line-height: 26px;
-
-      .title_left {
-        white-space: nowrap;
-        /* 确保文本不会换行 */
-        overflow: hidden;
-        /* 隐藏超出容器的文本 */
-        text-overflow: ellipsis;
-        /* 当文本超出容器时显示省略号 */
-        margin-right: 8px;
-      }
+    }
+    .title_left {
+      white-space: nowrap; /* 确保文本不会换行 */
+      overflow: hidden; /* 隐藏超出容器的文本 */
+      text-overflow: ellipsis; /* 当文本超出容器时显示省略号 */
+      margin-right: 8px;
+      text-align: left;
+    }
+    .top-header{
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      margin-bottom: 6px;
     }
 
     .header_floder {
       display: flex;
       align-items: center;
       line-height: 26px;
-
+      text-align: left;
       i {
         margin: 0 5px;
         color: #366aff;
@@ -718,7 +997,9 @@ export default {
     }
   }
 }
-
+.has_btn_libang_content_pre{
+  height: calc(100% - 85px) !important;
+}
 @media screen and (max-width: 767px) {
 
   /* 这里是针对移动设备的css样式设置 */

package/src/components/receiverMessagePlatform.vue

@@ -1,26 +1,27 @@
 <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' && (isShow == true || isShow === null)">
-            您将会话转接给&nbsp;&nbsp;<span class="text_color">{{payload.newSession.receiverDisplayInfo.name}}</span>
-        </span>
-        <span v-if="messagePlateform == 'newTransfer' && (isShow == true || isShow === null)">
-            <span class="text_color">{{payload.oldSession.receiverDisplayInfo.name}}</span>&nbsp;&nbsp;将会话转接给您
+      <span v-if="messagePlateform == 'IM'">
+        {{ $t('dragonCommon.establishConversationWith') }}
+        <span :class="payload.newSession.receiverId == userId ? '': 'text_color'">
+          {{ payload.newSession.receiverId == userId ? $t('dragonCommon.you') : payload.newSession.receiverDisplayInfo.name }}
         </span>
+        {{ $t('dragonCommon.establishConversationWith') }}
+      </span>
+      <span v-if="messagePlateform == 'BOT'">
+        {{ $t('dragonCommon.establishConversationWith') }}
+        <span class="text_color">{{ $t('dragonCommon.bot') }}【{{ payload.newSession.receiverDisplayInfo.name }}】</span>
+        {{ $t('dragonCommon.establishConversationWith') }}
+      </span>
+      <span v-if="messagePlateform == 'oldTransfer' && (isShow == true || isShow === null)">
+        {{ $t('dragonCommon.transferTo') }}
+        &nbsp;&nbsp;<span class="text_color">{{ payload.newSession.receiverDisplayInfo.name }}</span>
+      </span>
+      <span v-if="messagePlateform == 'newTransfer' && (isShow == true || isShow === null)">
+        <span class="text_color">{{ payload.oldSession.receiverDisplayInfo.name }}</span>
+        &nbsp;&nbsp;{{ $t('dragonCommon.transferFrom') }}
+      </span>
     </div>
-</template>
-
+  </template>
 <script>
 //  客服 的接入消息展示
 export default {
@@ -55,7 +56,10 @@ export default {
                 }
             }
         }
-    }
+    },
+    mounted() {
+      this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
+    },
 }
 </script>
 

package/src/components/senderMessagePlatform.vue

@@ -1,16 +1,21 @@
 <template>
     <div class="">
-        <span v-if="messagePlateform == 'IM'">
-            IM人工&nbsp;&nbsp;<span class="text_color">{{payload.newSession.receiverDisplayInfo.name}}</span>&nbsp;&nbsp;将为您服务
-        </span>
-        <span v-if="messagePlateform == 'BOT'">
-            <span class="text_color">{{payload.newSession.receiverDisplayInfo.name}}</span>&nbsp;&nbsp;将为您服务
-        </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>
+      <span v-if="messagePlateform == 'IM'">
+        {{ $t('dragonCommon.imService') }}&nbsp;&nbsp;
+        <span class="text_color">{{ payload.newSession.receiverDisplayInfo.name }}</span>&nbsp;&nbsp;
+        {{ $t('dragonCommon.willServeYou') }}
+      </span>
+      <span v-if="messagePlateform == 'BOT'">
+        <span class="text_color">{{ payload.newSession.receiverDisplayInfo.name }}</span>&nbsp;&nbsp;
+        {{ $t('dragonCommon.willServeYou') }}
+      </span>
+      <span v-if="messagePlateform == 'Transfer' && (isShow === true || isShow === null)">
+        <span class="text_color">{{ payload.oldSession.receiverDisplayInfo.name }}</span>&nbsp;&nbsp;
+        {{ $t('dragonCommon.transferTo') }}&nbsp;&nbsp;
+        <span class="text_color">{{ payload.newSession.receiverDisplayInfo.name }}</span>
+      </span>
     </div>
-</template>
+  </template>
 
 <script>
 //  咨询者的接入消息展示
@@ -40,7 +45,10 @@ export default {
                 }
             }
         }
-    }
+    },
+    mounted() {
+      this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
+    },
 }
 </script>