askbot-dragon 0.6.27 → 0.6.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "askbot-dragon",
-  "version": "0.6.27",
+  "version": "0.6.28",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/src/components/ConversationContainer.vue

@@ -32,7 +32,7 @@
     <bot-action-satisfactor :msg="botActionSatis"></bot-action-satisfactor>
     <answer-dissatisfaction :msg="answerDiss"></answer-dissatisfaction>
     <feed-back :feedBack="feedBack"></feed-back>
-
+    <voice-compontent></voice-compontent>
 <!--    <FileType :urls="urls" :color="black"></FileType>-->
 <!--    <FileType :urls="urls" :color="black"></FileType>
     <chat-content :messageList="messageList"></chat-content>-->
@@ -56,6 +56,7 @@ import LoadingProcess from "./loadingProcess";
 import BotActionSatisfactor from "./botActionSatisfactor";
 import AnswerDissatisfaction from "./answerDissatisfaction";
 import ActionSendToBot from "./actionSendToBot";
+import VoiceCompontent from './voiceComponent'
 /* import TicketMessage from "@/components/message/TicketMessage";
 import TicketMessage from "@/components/message/TicketMessage";
 import TextMessage from "@/components/message/TextMessage";
@@ -81,7 +82,8 @@ export default {
     AnswerRadio,
     FormTemplate,
     TextMessage,
-    FeedBack
+    FeedBack,
+    VoiceCompontent
 
 
   },

package/src/components/actionSendToBot.vue

@@ -47,6 +47,9 @@
       display: flex;
       align-items: center;
       justify-content: space-between;
+      i{
+        padding-left: 10px;
+      }
     }
   }
 }

package/src/components/answerDissatisfaction.vue

@@ -22,11 +22,12 @@ export default {
   props:['msg'],
   methods:{
     sendDissatisfaction(option,apiKey){
-      let value = JSON.stringify({
+      this.$emit('sendDissatisfaction',option,apiKey)
+      /*let value = JSON.stringify({
         input: option.name,
         reply_text: option.answer
       });
-      this.$emit('sendMessage','USER_ACTION_TO_DISSATISFACTION_V2',value,null,apiKey);
+      this.$emit('sendMessage','USER_ACTION_TO_DISSATISFACTION_V2',value,null,apiKey);*/
     }
   }
 }

package/src/components/answerRadio.vue

@@ -34,7 +34,8 @@ export default {
     word-wrap: break-word;
     word-break: break-all;
     overflow: hidden;
-    padding: 8px 10px 10px 0;
+    /*padding: 8px 10px 10px 0;*/
+    padding-bottom: 10px;
     height: auto;
     border-bottom: 1px solid #EEEEEE;
   }
@@ -51,6 +52,9 @@ export default {
       display: flex;
       align-items: center;
       justify-content: space-between;
+      i{
+        padding-left: 10px;
+      }
     }
     .end{
       border-bottom-left-radius: 25px !important;

package/src/components/associationIntention.vue

@@ -4,14 +4,14 @@
       <p v-html="msg.content.replace(/\#[\u4E00-\u9FA5]{1,3}\;/gi, emotion)"></p>
     </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>
+      <p v-html="msg.content.replace(/\#[\u4E00-\u9FA5]{1,3}\;/gi, emotion)" class="answer-rich-text"></p>
      <Recommend :msg="msg" @onRadioClickReco="onRadioClickReco"></Recommend>
     </div>
     <div v-if="msg.type === 'answer_rich_text' && !(msg.content.recommend != undefined && msg.content.recommend.status)">
       <p v-html="$options.filters.imageStyle(msg.content.html)"></p>
     </div>
     <div  v-else-if="msg.type == 'answer_rich_text' && (msg.content.recommend != undefined && msg.content.recommend.status)">
-      <p v-html="$options.filters.imageStyle(msg.content.html)"></p>
+      <p v-html="$options.filters.imageStyle(msg.content.html)" class="answer-rich-text"></p>
       <Recommend :msg="msg.content" @onRadioClickReco="onRadioClickReco"></Recommend>
     </div>
     <div v-else-if="msgType === 'answer_image'" >
@@ -69,7 +69,7 @@
         return `<img height="20px" src="https://guoranim.oss-cn-beijing.aliyuncs.com/emoji/${index+1}.png" align="middle">`
       },
       onRadioClickReco(id, name, apikey) {
-        this.$emit("onRadioClick", id, name, apikey, "recommend");
+        this.$emit("onRadioClick", id, name, apikey);
       },
       onImageClick(url){
         console.debug('onImageClick',url)
@@ -82,11 +82,17 @@
 <style scoped lang="less">
 @import "../assets/less/converSationContainer/common";
 .association-intention{
-  background-color: white;
   .association-img{
     /*display: flex;
     align-items: center;
     justify-content: center;*/
+    .options-list{
+      padding-top: 8px;
+    }
+  }
+  .answer-rich-text{
+    padding-bottom: 12px;
+    border-bottom: 1px solid #EEEEEE;
   }
 }
 

package/src/components/chatContent.vue

@@ -234,7 +234,8 @@
                 display: flex;
                 -ms-flex-align: start;
                 align-items: flex-start;
-                max-width: 80%;
+                /*max-width: 80%;*/
+                max-width: calc(100vw - 50px);
                 .media-body-image{
                     background-color: #F4F8FC;
                     border: 1px solid #F4F8FC;

package/src/components/recommend.vue

@@ -5,6 +5,7 @@
       <p
           v-for="(option, index) in msg.recommend.list"
           class="options-item"
+          :class="index!==msg.recommend.list.length -1?'recommend-item':'last-item'"
           :key="msg.nodeId + '_' + index"
           @click="
                   $emit(
@@ -53,10 +54,10 @@ export default {
     background-color: white;
   }
   .options-list{
-    padding-top: 8px;
+    /*padding-top: 8px;*/
     /*padding-right: 10px;*/
     .options-item{
-      padding: 8px 0;
+
       height: 25px;
       line-height: 25px;
       background-color: #ffffff;
@@ -65,6 +66,15 @@ export default {
       display: flex;
       align-items: center;
       justify-content: space-between;
+      i{
+        padding-left: 10px;
+      }
+    }
+    .recommend-item{
+      padding: 8px 0;
+    }
+    .last-item{
+      padding-top: 8px;
     }
     .end{
       border-bottom-left-radius: 25px !important;

package/src/components/voiceComponent.vue

@@ -41,6 +41,7 @@ export default {
   bottom: 0;
   width: 100%;
   z-index: 9999;
+  left: 0;
   #voice-component-container{
     position: relative;
     #voice-component-c{
@@ -48,7 +49,7 @@ export default {
       width: 130%;
       position: relative;
       left: -15%;
-      background: linear-gradient(180deg, #E7E7E7, #FFFFFF);
+      background: linear-gradient(180deg, #f2f2f2, #FFFFFF);
       border: 2px solid white;
       border-radius: 100% 100% 0 0;
       border-bottom: none;