askbot-dragon 1.6.21-beta → 1.6.21

package/src/components/answerRadio.vue

@@ -1,62 +1,129 @@
 <template>
   <div id="answer-radio">
-    <p class="radio-description" v-html="msg.content.description" v-if="msg.content.description && !msg.content.isKnowledgeSummary"></p>
+    <p class="radio-description" v-html="msg.content.description"
+      v-if="msg.content.description && !msg.content.isKnowledgeSummary"></p>
     <div class="bottom-link" v-if="msg.content.description && !msg.content.isKnowledgeSummary"></div>
-    <div :class="['options-list',msg.content.isKnowledgeSummary ? 'isKnowledgeSummary' : '']">
-      <div v-if="msg.content.isKnowledgeSummary" class="tips">AI为您推荐了以下内容</div>
-      <div
-          v-for="(option, index) in msg.content.options"
-          class="options-item"
-          :class="index!==msg.content.options.length -1?'recommend-item':'last-item'"
-          :key="msg.nodeId + '_' + index"
-          @click="radioClick(msg,option,index)">
-       
-          <!-- <el-tooltip class="item" effect="dark" :content="option.name" placement="bottom-start" v-if="!isMobile">
-            <span > {{ option.name }}</span>
-          </el-tooltip> -->
-          <span> {{ option.name }}</span>
+    <div :class="['options-list', msg.content.isKnowledgeSummary ? 'isKnowledgeSummary' : '']">
+      <div v-if="msg.content.isKnowledgeSummary" class="tips">{{$t('dragonCommon.AIrecommends')}}</div>
+      <div v-for="(option, index) in showOptions" class="options-item"
+        :class="index !== msg.content.options.length - 1 ? 'recommend-item' : 'last-item'" :key="msg.nodeId + '_' + index"
+        @click="radioClick(msg, option, index)">
+        <el-tooltip class="item" effect="dark" :content="$t('dragonCommon.clickme')" placement="top">
+          <span class="options-item-name"> {{ getFilteredName(option.name) }}</span>
+        </el-tooltip>
         <i class="arsenal_icon arsenalangle-right-solid"></i>
       </div>
     </div>
+    <div v-if="showPage" class="switch-page">
+      <span @click="changeActivePage" class="switch-page-btn">{{$t('dragonCommon.refresh')}}</span>
+      <!-- <span @click="showMore" class="switch-page-btn">查看更多</span> -->
+    </div>
   </div>
 </template>
 
 <script>
 export default {
-	name: "answerRadio",
-	data(){
-		return{
-		isMobile:false,
-		}
-	},
-	props:['msg'],
-	mounted(){
-		console.log(this.msg,'msg');
-		this.judgeIsMobile();
-	},
-	methods:{
-		judgeIsMobile() {
-			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) {
-				this.isMobile = true;
-			} else {
-				this.isMobile = false;
-			}
-			console.log(this.isMobile,'this.isMobile');
-		},
-		radioClick(msg,option,index){
-      let value = option.answerId ? msg.id +'_' + index + '_' + option.value + '_' + option.name + '_' + option.answerId : msg.id +'_' + index + '_' + option.value + '_' + option.name
-			this.$emit('onRadioClick',value,option.name, msg.apiKey,msg.actionCategory, msg.msgId?msg.msgId:'',option.apiKey)
-		}
-	}
+  name: "answerRadio",
+  data() {
+    return {
+      isMobile: false,
+      formatOptions: [],
+      activeIndex: 0,
+      pageSize: 5,
+      showPage: false,
+      showOptions: [],
+    }
+  },
+  props: ['msg'],
+  mounted() {
+    console.log("askbot-dragon: systemLanguage", sessionStorage.getItem("systemLanguage"));
+    this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
+    console.log(this.msg, 'msg');
+    // 关键词推荐 前端分页
+    if ((this.msg.id == "recdNodeId" || this.msg.content.groupVisible) && this.msg.content.options.length > this.pageSize) {
+      this.pageSize = this.msg.content.groupNumber || 5;
+      this.formatOptions = this.chunkArray(this.msg.content.options, this.pageSize);
+      this.activeIndex = 0;
+      this.showPage = true;
+    } else {
+      this.formatOptions = [this.msg.content.options];
+      this.activeIndex = 0;
+    }
+    this.showOptions = this.formatOptions[0];
+    this.judgeIsMobile();
+  },
+  methods: {
+    getFilteredName(name) {
+      if (typeof name === 'string') {
+        return name.replace(/<\/?p>/g, '');
+      } else {
+        return name;
+      }
+    },
+    showMore(){
+      if (this.activeIndex == this.formatOptions.length - 2) {
+        this.activeIndex++;
+        this.showPage = false;
+      } else {
+        this.activeIndex++;
+      }
+      this.showOptions = [...this.showOptions.concat(this.formatOptions[this.activeIndex])]
+    },
+    changeActivePage(){
+      if (this.activeIndex >= this.formatOptions.length - 1) {
+        this.activeIndex = 0;
+      } else {
+        this.activeIndex++;
+      }
+      this.showOptions = this.formatOptions[this.activeIndex]
+    },
+    chunkArray(array, size) {
+      let chunks = [];
+      for (let i = 0; i < array.length; i += size) {
+        let chunk = array.slice(i, i + size);
+        chunks.push(chunk);
+      }
+      return chunks;
+    },
+    judgeIsMobile() {
+      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) {
+        this.isMobile = true;
+      } else {
+        this.isMobile = false;
+      }
+      console.log(this.isMobile, 'this.isMobile');
+    },
+    radioClick(msg, option, index) {
+      let value = option.answerId ? msg.id + '_' + index + '_' + option.value + '_' + option.name + '_' + option.answerId : msg.id + '_' + index + '_' + option.value + '_' + option.name
+      this.$emit('onRadioClick', value, option.name, msg.apiKey, msg.actionCategory, msg.msgId ? msg.msgId : '', option.apiKey)
+    }
+  }
 
 }
 </script>
 
 <style scoped lang="less">
-#answer-radio{
+#answer-radio {
+  .switch-page {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    .switch-page-btn {
+      width: 80px;
+      height: 24px;
+      border-radius: 15px;
+      border: solid 1px #366AFF;
+      color: #366AFF;
+      line-height: 24px;
+      text-align: center;
+      cursor: pointer;
+      font-size: 12px;
+    }
+  }
   .radio-description {
     word-wrap: break-word;
     word-break: break-all;
@@ -64,51 +131,62 @@ export default {
     /*padding: 8px 10px 10px 0;*/
     padding-bottom: 10px;
     height: auto;
-   /* border-bottom: 1px solid #EEEEEE;*/
+    /* border-bottom: 1px solid #EEEEEE;*/
   }
-  .bottom-link{
+
+  .bottom-link {
     height: 1px;
-    background-color:#EEEEEE;
+    background-color: #EEEEEE;
   }
-  .options-list{
+
+  .options-list {
     padding-top: 4px;
-   /* padding-top: 10px;*/
+    /* padding-top: 10px;*/
     /*padding-right: 10px;*/
-    
-    .options-item{
+
+    .options-item {
       // height: 25px;
       line-height: 25px;
       background-color: #ffffff;
       color: #366aff;
-      cursor:pointer;
+      cursor: pointer;
       display: flex;
       align-items: center;
       justify-content: space-between;
-     
 
-      i{
+      .options-item-name {
+        flex: auto;
+      }
+
+      i {
+        width: 16px;
+        flex: none;
         padding-left: 10px;
       }
-      .options-item-text{
+
+      .options-item-text {
         text-overflow: ellipsis;
         display: -webkit-box; //使用了flex，需要加
-        overflow: hidden;     //超出隐藏
+        overflow: hidden; //超出隐藏
         word-break: break-all; //纯英文、数字、中文
-        text-overflow: ellipsis;  //省略号
+        text-overflow: ellipsis; //省略号
         -webkit-box-orient: vertical; //垂直
-        -webkit-line-clamp: 1;  //显示一行
-        white-space:pre-line;   //
+        -webkit-line-clamp: 1; //显示一行
+        white-space: pre-line; //
       }
     }
-    &.isKnowledgeSummary{
+
+    &.isKnowledgeSummary {
       background: #EEF1FF;
       border-radius: 10px;
       padding: 10px;
-      .options-item{
+
+      .options-item {
         background: #EEF1FF;
       }
     }
-    .tips{
+
+    .tips {
       width: 131px;
       height: 22px;
       background: #366AFF;
@@ -118,13 +196,16 @@ export default {
       color: #fff;
       font-size: 12px;
     }
-    .recommend-item{
+
+    .recommend-item {
       padding: 8px 0;
     }
-    .last-item{
+
+    .last-item {
       padding-top: 8px;
     }
-    .end{
+
+    .end {
       border-bottom-left-radius: 25px !important;
       border-bottom-right-radius: 25px !important;
     }

package/src/components/askVideo.vue

@@ -15,7 +15,7 @@
                 :controlslist="nodownload&&'nodownload'"
                 :raw-controls="true"
                 x5-video-player-type="h5-page"
-                style="object-fit: contain;width: calc(100vw - 139px);height: 160px;background-color: black;border-radius: 25px;max-width: 230px;padding-left: 10px"
+                style="object-fit: contain;width: calc(100vw - 139px);height: 160px;background-color: black;border-radius: 10px;max-width: 230px;padding-left: 10px"
                 preload
                 :poster="videoSrc+'?spm=qipa250&x-oss-process=video/snapshot,t_1000,f_jpg,w_0,h_0,m_fast'"
                 class="video-player vjs-custom-skin"
@@ -26,7 +26,7 @@
     </div>
 </template>
 <script>
-    import { putObject } from "../assets/js/obsBrowser";
+    import {uploadImageByBase64} from "../assets/js/AliyunlssUtil";
 
     export default {
         name: "ask_video",
@@ -86,10 +86,7 @@
             console.debug('img.src',output)
             let base64 = canvas.toDataURL("image/png")
             let blob = that.dataURLtoFile(base64,'name')
-            // let promise = uploadImageByBase64(ossConfig,blob);
-            const file = new File([blob], 'name', { type: 'text/plain', lastModified: Date.now() });
-            console.debug('file',file)
-            let promise = putObject(file);
+            let promise = uploadImageByBase64(blob);
             promise.then((res)=>{
               console.debug("upload base64 reslut",res);
               if (res&&res.url){

package/src/components/assetDetails.vue

@@ -2,8 +2,8 @@
   <div class="asset">
     <div class="asset-details">
       <section class="details-title">
-        <p>您正在咨询</p>
-        <span v-if="!isThirdParty" @click="rotateClick" :class="rotateFlag ? 'rotate' : ''">
+        <p>{{$t('dragonCommon.youareconsulting')}}</p>
+        <span @click="rotateClick" class="rotate">
           <i class="arsenal_icon arsenalangle-up-solid"></i>
         </span>
       </section>
@@ -68,12 +68,12 @@
                 </p>
                 <p class="text-SN">
                   <i class="iconfont guoran-tongyichicun-mingcheng"></i>
-                  <span>{{ dataDetails.thirdAssetsCode ? dataDetails.thirdAssetsCode : "--" }}</span>
+                  <span>{{ dataDetails.thirdAssetsCode ? dataDetails.thirdAssetsCode : "--12312" }}</span>
                 </p>
               </section>
           </div>
       </div>
-      <div class="details-content-hide" v-if="rotateFlag && !isThirdParty">
+      <div class="details-content-hide" v-if="false && !isThirdParty">
         <p>
           <i class="iconfont guoran-miaoshu"></i>
           <section class="description">
@@ -155,6 +155,7 @@
 </template>
 
 <script>
+/*eslint-disable*/
 export default {
   props: {
     data: {
@@ -213,7 +214,8 @@ export default {
   },
   methods: {
     rotateClick() {
-      this.rotateFlag = !this.rotateFlag;
+      // this.rotateFlag = !this.rotateFlag;
+      this.$emit('assetClick', this.data.assets)
     },
   },
 };
@@ -258,7 +260,7 @@ export default {
       }
     }
     .rotate {
-      transform: rotate(180deg);
+      transform: rotate(90deg);
     }
   }
   .details-content {
@@ -296,6 +298,7 @@ export default {
         color: #000000;
         font-size: 15px;
         text-overflow: hidden;
+        margin-bottom: 5px;
         // overflow-wrap: each();
       }
       .text-label {
@@ -314,6 +317,8 @@ export default {
           background: #e1faf9;
           box-sizing: border-box;
           padding: 3px 5px;
+          margin-bottom: 5px;
+          border-radius: 5px;
           i {
             color: #00c2bb;
           }
@@ -325,11 +330,14 @@ export default {
           background: #edf2ff;
           box-sizing: border-box;
           padding: 3px 5px;
+          margin-bottom: 5px;
+          border-radius: 5px;
           i {
             color: #366aff;
           }
           span {
             color: #366aff;
+            margin-bottom: 0 !important;
           }
         }
       }

package/src/components/assetMessage.vue

@@ -15,9 +15,7 @@
         <section class="text-label">
           <p class="text-type">
             <i class="iconfont guoran-biaoqian"></i>
-            <span>{{
-              dataDetails.typeName ? dataDetails.typeName : "--"
-            }}</span>
+            <span>{{ dataDetails.typeName ? dataDetails.typeName : "--" }}</span>
           </p>
           <p class="text-SN">
             <i class="iconfont guoran-xinghao"></i>
@@ -29,20 +27,20 @@
     <div class="details-content-hide">
       <p>
         <i class="iconfont guoran-miaoshu"></i>
-        <span>描述</span>
+        <span>{{ $t('dragonCommon.description') }}</span>
         <b>{{ dataDetails.description }}</b>
       </p>
       <p>
         <i class="arsenal_icon arsenalweizhi"></i>
-        <span>位置</span>
-        <b> {{ dataDetails.officeAreaName }} </b>
+        <span>{{ $t('dragonCommon.location') }}</span>
+        <b>{{ dataDetails.officeAreaName }}</b>
       </p>
       <p>
         <i class="iconfont guoran-geren"></i>
-        <span>使用者</span>
+        <span>{{ $t('dragonCommon.user') }}</span>
         <b>
           {{
-            dataDetails.userName && dataDetails.userName.length != 0
+            dataDetails.userName && dataDetails.userName.length !== 0
               ? dataDetails.userName[0]
               : "--"
           }}
@@ -50,10 +48,10 @@
       </p>
       <p>
         <i class="iconfont guoran-bumen"></i>
-        <span>部门</span>
+        <span>{{ $t('dragonCommon.department') }}</span>
         <b>
           {{
-            dataDetails.deptNames && dataDetails.deptNames.length != 0
+            dataDetails.deptNames && dataDetails.deptNames.length !== 0
               ? dataDetails.deptNames[0]
               : "--"
           }}
@@ -61,10 +59,10 @@
       </p>
       <p>
         <i class="iconfont guoran-guanlizhe"></i>
-        <span>管理者</span>
+        <span>{{ $t('dragonCommon.manager') }}</span>
         <b>
           {{
-            dataDetails.managerNames && dataDetails.managerNames.length != 0
+            dataDetails.managerNames && dataDetails.managerNames.length !== 0
               ? dataDetails.managerNames[0]
               : "--"
           }}
@@ -107,7 +105,10 @@ export default {
           : "";
       return dataDetails;
     },
-  }
+  },
+  mounted() {
+    this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
+  },
 };
 </script>
 

package/src/components/associationIntention.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="association-intention">
+    <div class="plugin_name-dragon" v-if="msg.headerStyleValue && !hiddenHeaderFooter">{{ msg.headerStyleValue }}</div>
     <div v-if=" (msgType === 'answer_welcofmetext' || msgType === 'answer_text') && !(msg.recommend&& msg.recommend.status)">
 <!--      <p v-html="msg.content.replace(/\#[\u4E00-\u9FA5]{1,3}\;/gi, emotion)"></p>-->
       <template v-if="msg.dispatchServiceType === 'CHATGPT'">
@@ -8,7 +9,7 @@
         </p>
       </template>
       <template v-else>
-        <p v-html="msg.content.replace(/\#[\u4E00-\u9FA5]{1,3}\;/gi, emotion)" class="answer-rich-text"></p>
+        <p v-html="msg.content.replace(/\#[\u4E00-\u9FA5]{1,3}\;/gi, emotion).replace(/\n/g, '<br>')" class="answer-rich-text"></p>
       </template>
     </div>
     <div v-if=" (msgType === 'answer_welcofmetext' || msgType === 'answer_text') && (msg.recommend&& msg.recommend.status)">
@@ -18,7 +19,7 @@
         </p>
       </template>
       <template v-else>
-        <p v-html="msg.content.replace(/\#[\u4E00-\u9FA5]{1,3}\;/gi, emotion)" class="answer-rich-text"></p>
+        <p v-html="msg.content.replace(/\#[\u4E00-\u9FA5]{1,3}\;/gi, emotion).replace(/\n/g, '<br>')" class="answer-rich-text"></p>
       </template>
      <Recommend :msg="msg" @onRadioClickReco="onRadioClickReco"></Recommend>
     </div>
@@ -41,7 +42,7 @@
               v-for="(src,index) in [msg.content.url]"
               :src="src"
               :key="index"
-              style="height: auto; width: calc(100vw - 137px);border-radius: 25px;max-width: 230px"
+              style="height: auto; width: calc(100vw - 137px);border-radius: 10px;max-width: 230px"
               class="img-class"
           />
           </viewer>
@@ -49,7 +50,7 @@
         <img
             v-else
             :src="msg.content.url"
-            style="height: auto; width: calc(100vw - 137px);border-radius: 25px;max-width: 230px"
+            style="height: auto; width: calc(100vw - 137px);border-radius: 10px;max-width: 230px"
             @click="onImageClick(msg.content.url)"
             class="img-class"
         />
@@ -63,6 +64,9 @@
       </div>
       <Recommend v-if="msg.recommend && msg.recommend.list && msg.recommend.list.length > 0" :msg="msg" @onRadioClickReco="onRadioClickReco"></Recommend>
     </div>
+    <div v-if="msg.footerStyleValue && !hiddenHeaderFooter" class="llm_bot_response-model-select-dragon">
+        <span class="model-switch-handle-name">{{msg.footerStyleValue}}</span>
+    </div>
     <van-popup v-model="previewShowPopup" position="bottom" v-if="previewShowPopup" :style="{ height: '90%', background:'#FFFFFF'}">
       <previewDoc ref="previewDoc" :url="previewHref" @close="close" v-if="previewShowPopup"></previewDoc>
     </van-popup>
@@ -88,14 +92,14 @@
   export default {
     name: "associationIntention",
     components: {Recommend, askVideo, previewDoc},
-    props: ["msg",'msgType','isOpen','sourceOhm','isOhmPc', 'nodownload'],
+    props: ["msg",'msgType','isOpen','sourceOhm','isOhmPc', 'nodownload', 'hiddenHeaderFooter'],
     filters: {
       imageStyle: function (html) {
         //富文本内图片自适应高度宽度
         const regex = new RegExp("<img", "gi");
         return html.replace(
             regex,
-            "<img style='max-width: 230px;border-radius: 25px;' onclick='imageOnClick(this)'"
+            "<img style='max-width: 230px;border-radius: 10px;' onclick='imageOnClick(this)'"
         );
       },
       msgHtmlContent:function (content){
@@ -316,6 +320,27 @@
 <style scoped lang="less">
 @import "../assets/less/converSationContainer/common";
 .association-intention{
+  .plugin_name-dragon {
+    // width: 100%;
+    height: 26px;
+    border-radius: 26px;
+    background: #f2f5ff;
+    padding: 0 12px;
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+    color: #a9b3c6;
+    font-size: 12px;
+  }
+  .llm_bot_response-model-select-dragon{
+      margin-top: 12px;
+      color: #888888;
+      font-size: 12px;
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+      text-align: right;
+  }
   .association-img{
     /*display: flex;
     align-items: center;

package/src/components/fielListView.vue

@@ -53,7 +53,7 @@
         <previewDoc ref="previewDoc" :url="previewHref" @close="close" v-if="previewShowPopup"></previewDoc>
       </van-popup>
       <el-drawer
-          title="我是标题"
+          title=""
           :append-to-body="true"
           :visible.sync="drawer"
           :with-header="false"

package/src/components/file/AliyunOssComponents.vue

@@ -9,7 +9,7 @@
 <script>
     import {uid} from 'uid';
 
-    const OSS = require('ali-oss');
+    // const OSS = require('ali-oss');
 
     Date.prototype.Format = function (fmt) {
         const o = {