askbot-dragon 1.6.78-beta → 1.6.78

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,17 +105,22 @@ export default {
           : "";
       return dataDetails;
     },
-  }
+  },
+  mounted() {
+    this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
+  },
 };
 </script>
 
 <style lang="less" scoped>
 @import url("../assets/less/iconfont.css");
+@import "../assets/less/variables.less";
+
 .asset-details {
   width: 100%;
   height: 100vh;
   box-sizing: border-box;
-  background: #ffffff;
+  background: @background-color-light;
   padding: 15px;
   .details-content {
     width: 100%;
@@ -134,12 +137,12 @@ export default {
     .background-null {
       width: 80px;
       height: 80px;
-      background: #366aff;
+      background: @primary-color;
       border-radius: 51px;
       line-height: 80px;
       text-align: center;
       font-size: 34px;
-      color: #ffffff;
+      color: @font-primary-light-color;
       margin-right: 15px;
     }
     .content-text {
@@ -151,7 +154,7 @@ export default {
       .text-title {
         width: 100%;
         font-weight: bold;
-        color: #000000;
+        color: @font-primary-color;
         font-size: 15px;
         text-overflow: hidden;
       }
@@ -167,25 +170,25 @@ export default {
           }
         }
         .text-type {
-          background: #e1faf9;
+          background: @background-color-asset-text-r1;
           box-sizing: border-box;
           padding: 3px 5px;
           i {
-            color: #00c2bb;
+            color: @font-alc-color;
           }
           span {
-            color: #00c2bb;
+            color: @font-alc-color;
           }
         }
         .text-SN {
-          background: #edf2ff;
+          background: @background-color-asset-text-r2;
           box-sizing: border-box;
           padding: 3px 5px;
           i {
-            color: #366aff;
+            color: @font-primary-accent-color;
           }
           span {
-            color: #366aff;
+            color: @font-primary-accent-color;
           }
         }
       }
@@ -208,18 +211,18 @@ export default {
       font-size: 16px;
       i {
         font-size: 14px;
-        color: #a9b3c6;
+        color: @font-primary-color-r4;
       }
       span {
         width: 60px;
-        color: #a9b3c6;
+        color: @font-primary-color-r4;
         margin-left: 10px;
         line-height: 16px;
       }
       b {
         line-height: 16px;
         flex: 1 0;
-        color: #000000;
+        color: @font-primary-color;
         font-weight: 400;
         word-break: break-all;
       }

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){
@@ -233,7 +237,7 @@
         this.$emit("onRadioClick", id, name, apikey,optionApiKey);
       },
       onImageClick(url){
-        this.$emit('onImageClick', encodeURI(url))
+        this.$emit('onImageClick',url)
       },
       msgContent(content){
         console.debug('215',content)
@@ -248,22 +252,59 @@
         console.log(246, e);
         /* eslint-disable */
         var reg = /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\*\+,;=.]+$/;
-        /* eslint-enable*/
+
         if (e.target.localName == 'a'){
-          console.log(252);
-          this.previewHref = e.target.href;
-          console.log(254, this.previewHref);
-          if (this.previewHref.includes('https://www') || this.previewHref.includes('http://www') || (this.previewHref.indexOf('https://static.guoranbot.com') == -1 && this.previewHref.indexOf('https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com'))){
-            return
-          } else {
-            if (isMobile()){
-              this.previewShowPopup = true
-              e.returnValue = false
+            console.log(252);
+            this.previewHref = e.target.href;
+            console.log(254, this.previewHref);
+            if(this.previewHref.includes('/pages/opportunity/index') ||
+                this.previewHref.includes('/pages/webViewTransit/index')) {
+                uni && uni.postMessage({
+                    data: {
+                        path: this.previewHref,
+                    }
+                })
+                // 很不理解为什么要这样做
+                setTimeout(()=> {
+                    uni && uni.navigateBack()
+                }, 100)
+                e.returnValue = false
+            } else if(this.previewHref.includes("guoranopen-zjk.oss") || this.previewHref.includes("auth.wx.askbot.cn")) {
+                if (isMobile()){
+                    this.previewShowPopup = true
+                    e.returnValue = false
+                } else {
+                    this.drawer = true;
+                    e.returnValue = false
+                }
             } else {
-              this.drawer = true;
-              e.returnValue = false
+                window.open(this.previewHref, e.target.target)
+                e.returnValue = false
             }
-          }
+            // if (this.previewHref.includes('https://www') || this.previewHref.includes('http://www') || (!this.previewHref.includes('https://static.guoranbot.com') && this.previewHref.includes('https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com') || this.previewHref.includes('http://oa'))){
+            //     return
+            // } else if(this.previewHref.includes('/pages/opportunity/index') ||
+            //     this.previewHref.includes('/pages/webViewTransit/index')
+            // ) {
+            //     uni && uni.postMessage({
+            //         data: {
+            //             path: this.previewHref,
+            //         }
+            //     })
+            //     // 很不理解为什么要这样做
+            //     setTimeout(()=> {
+            //         uni && uni.navigateBack()
+            //     }, 100)
+            //     e.returnValue = false
+            // } else {
+            //     if (isMobile()){
+            //         this.previewShowPopup = true
+            //         e.returnValue = false
+            //     } else {
+            //         this.drawer = true;
+            //         e.returnValue = false
+            //     }
+            // }
           // let url = ''
           // try {
           //   url = btoa(e.target.href)
@@ -276,6 +317,7 @@
           // e.preventDefault()
           e.returnValue = false
         }
+        /* eslint-enable*/
       },
       close(){
         this.previewShowPopup = false;
@@ -315,7 +357,30 @@
 
 <style scoped lang="less">
 @import "../assets/less/converSationContainer/common";
+@import "../assets/less/variables.less";
+
 .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: @font-primary-color-r4;
+    font-size: 12px;
+  }
+  .llm_bot_response-model-select-dragon{
+      margin-top: 12px;
+      color: @font-primary-color-r2;
+      font-size: 12px;
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+      text-align: right;
+  }
   .association-img{
     /*display: flex;
     align-items: center;
@@ -343,12 +408,6 @@
       display: block;
     }
   }
-  /deep/ img {
-    height: auto;
-    width: calc(100vw - 137px);
-    border-radius: 25px;
-    max-width: 230px;
-  }
 }
 /deep/.el-drawer__body{
   height: 100%;

package/src/components/attachmentPreview.vue

@@ -37,6 +37,8 @@ export default {
 </script>
 
 <style scoped lang="less">
+@import "../assets/less/variables.less";
+
 video{
   width: 100%;
   height: 100%;
@@ -53,7 +55,7 @@ video{
   bottom: 0;
   padding: 10px 0;
   width:100%;
-  background-color: white;
+  background-color: @background-color-light;
   display: flex;
   justify-content: space-around;
   align-items: center;
@@ -62,8 +64,8 @@ video{
   .cacelBtn{
     flex: 0.3;
     height: 48px;
-    background: #EFF2F5;
-    color: #999999;
+    background: @background-color-btn-cancel;
+    color: @font-primary-color-r1;
     border-radius: 28px;
     display: flex;
     align-items: center;
@@ -74,8 +76,8 @@ video{
     }
   }
   .confirmBtn{
-    background-color: #366AFF;
-    color: white;
+    background-color: @primary-color;
+    color: @font-primary-light-color;
     flex: 0.5;
     height: 48px;
     display: flex;

package/src/components/botActionSatisfactor.vue

@@ -41,6 +41,8 @@
 
 <style scoped lang="less">
 @import "../assets/less/converSationContainer/common";
+@import "../assets/less/variables.less";
+
 .bot-action-satisfator{
   .reply-text{
     word-wrap: break-word;
@@ -48,14 +50,14 @@
     overflow: hidden;
     padding: 8px 0 10px 0;
     height: auto;
-    border-bottom: 1px solid #EEEEEE;
+    border-bottom: 1px solid @border-color-r3;
   }
   .statisfaction-item{
     padding: 8px 0;
     height: 25px;
     line-height: 25px;
-    background-color: #ffffff;
-    color: #366aff;
+    background-color: @background-color-light;
+    color: @font-primary-accent-color;
     cursor:pointer;
     display: flex;
     align-items: center;

package/src/components/chatContent.vue

@@ -172,6 +172,7 @@
 </script>
 
 <style scoped lang="less">
+@import "../assets/less/variables.less";
     .chat-message-content {
         display: flex;
         flex-direction: column;
@@ -187,8 +188,8 @@
             display: inline-block;
             padding: 5px 10px;
             border-radius: 5px;
-            background-color: #F4F8FC;
-            color: #666666;
+            background-color: @background-content-color;
+            color: @font-secondary-color;
             font-size: 12px;
             max-width: 80%;
             word-wrap: break-word;
@@ -208,7 +209,7 @@
                 background: -webkit-linear-gradient(left, #fff -4%, #666666 50%);
             }
             .line-text {
-                color: #666666;
+                color: @font-secondary-color;
                 font-size: 24px;
             }
             .line-right {
@@ -237,8 +238,8 @@
                 /*max-width: 80%;*/
                 max-width: calc(100vw - 50px);
                 .media-body-image{
-                    background-color: #F4F8FC;
-                    border: 1px solid #F4F8FC;
+                    background-color: @background-content-color;
+                    border: 1px solid @border-color-r2;
                     word-break: break-word;
                     box-shadow: 0px 0px 5px 0px rgba(76,97,255,0.38);
                     flex: 1;
@@ -257,8 +258,8 @@
                 .media-body {
                     //max-width: calc(100vw - 800px);
                     //background-color: #ecebeb;
-                    background-color: #F4F8FC;
-                    border: 1px solid #F4F8FC;
+                    background-color: @background-content-color;
+                    border: 1px solid @border-color-r2;
                     word-break: break-word;
                     box-shadow: 0px 0px 5px 0px rgba(76,97,255,0.38);
                     flex: 1;
@@ -302,7 +303,7 @@
                     span {
                         margin-bottom: 10px;
                         font-size: 12px;
-                        color: #a3a4a5;
+                        color: @font-primary-color-r4;
                         float: left;
                     }
                     .botname {
@@ -319,8 +320,8 @@
                 }
                 .media-body-ps {
                     //max-width: calc(100vw - 800px);
-                    background-color: #F4F8FC;
-                    border: 1px solid #F4F8FC;
+                    background-color: @background-content-color;
+                    border: 1px solid @border-color-r2;
                     word-break: break-word;
                     box-shadow: 0px 0px 5px 0px rgba(76,97,255,0.38);
                     flex: 1;
@@ -345,9 +346,9 @@
                     .ps {
                         padding: 8px 20px 8px 15px;
                         height: auto;
-                        border-top: 1px solid #F4F8FC;
-                        background-color: #ffffff;
-                        color: #4C61E1;
+                        border-top: 1px solid @border-color-r2;
+                        background-color: @background-color-light;
+                        color: @font-primary-accent-color;
                         cursor: pointer;
                         font-size: 14px;
                         display: flex;
@@ -358,7 +359,7 @@
                         }
                     }
                     .end {
-                        border: 1px solid #F4F8FC;
+                        border: 1px solid @background-content-color;
                         border-bottom-left-radius: 32px !important;
                         border-bottom-right-radius: 32px !important;
                     }
@@ -382,7 +383,7 @@
                     span {
                         margin-bottom: 10px;
                         font-size: 24px;
-                        color: #a3a4a5;
+                        color: @font-primary-color-r4;
                         float: left;
                     }
                     .botname {
@@ -420,8 +421,8 @@
                 align-items: flex-start;
                 max-width: 80%;
                 .media-body-image{
-                    border: 1px solid #4C61E1 !important;
-                    border: 1px solid #4C61E1 !important;
+                    border: 1px solid @border-color-primary !important;
+                    border: 1px solid @border-color-primary !important;
                     word-break: break-word;
                     box-shadow: 0px 0px 5px 0px rgba(76,97,255,0.38);
                     border-radius: 32px !important;
@@ -441,8 +442,8 @@
                 }
                 .media-body {
                     //max-width: calc(100vw - 800px);
-                    border: 1px solid #4C61E1 !important;
-                    background-color: #4C61E1 !important;
+                    border: 1px solid @border-color-primary !important;
+                    background-color: @border-color-primary !important;
                     color: #ffffff !important;
                     word-break: break-word;
                     border-radius: 32px;
@@ -483,7 +484,7 @@
                     span {
                         margin-bottom: 10px;
                         font-size: 24px;
-                        color: #a3a4a5;
+                        color: @font-primary-color-r4;
                         float: left;
                     }
                     .botname {

package/src/components/feedBack.vue

@@ -80,22 +80,24 @@ name: "feedBack",
 </script>
 
 <style scoped lang="less">
+@import "../assets/less/variables.less";
+
 #feedBack{
   .feed-commen{
     margin-right: 8px;
   }
   .feed-button{
     /deep/.el-button{
-      border: 1px solid #BEC5DB;
-      color: #616161;
+      border: 1px solid @border-color-r8;
+      color: @font-secondary-color;
       border-radius: 14px;
       font-weight: 400;
     }
   }
   .feed-check-button{
     /deep/.el-button{
-      border: 1px solid #BBCDFF;
-      color: #366aff;
+      border: 1px solid @border-color-r9;
+      color: @font-primary-accent-color;
       border-radius: 14px;
       font-weight: 400;
     }

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"
@@ -152,6 +152,7 @@ export default {
 </script>
 
 <style scoped lang="less">
+@import "../assets/less/variables.less";
 .custom-upload-o {
     display: flex;
     align-items: center;
@@ -182,7 +183,7 @@ export default {
         }
 
         .guoran-tongyichicun-16-09-shanchu2 {
-            color: #366aff;
+            color: @font-primary-accent-color;
             // position: absolute;
             // top: 0px;
             // right: 0px;
@@ -207,7 +208,7 @@ export default {
 
     .attch-item {
         margin: 10px 0 0 0;
-        color: #606266;
+        color: @font-secondary-color;
         font-size: 13px;
         cursor: pointer;
         display: flex;
@@ -216,7 +217,7 @@ export default {
         width: 100%;
 
         .guoran-a-16-09 {
-            color: #366aff;
+            color: @font-primary-accent-color;
         }
 
         .attch-item-left {
@@ -237,7 +238,7 @@ export default {
         display: flex;
         align-items: center;
         justify-content: center;
-        background-color: #f0f4fc;
+        background-color: @background-color-bubble;
         width: 60px;
         height: 60px;
         border-radius: 5px;
@@ -256,7 +257,7 @@ export default {
             top: 0px;
             right: 0px;
             // border-radius: 30px;
-            background: #ffffff;
+            background: @background-color-light;
             display: flex;
             align-items: center;
             justify-content: flex-end;
@@ -264,7 +265,7 @@ export default {
         }
 
         .guoran-tongyichicun-16-09-shanchu2 {
-            color: #366aff;
+            color: @font-primary-accent-color;
             cursor: pointer;
         }
     }

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 = {