askbot-dragon 1.6.42-beta → 1.6.44-beta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "askbot-dragon",
-  "version": "1.6.42-beta",
+  "version": "1.6.44-beta",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/src/components/intelligentSummary.vue

@@ -24,15 +24,17 @@
       </div>
     </div>
     <div class="summaryContent">
-      <span>{{ summary }}</span>
+      <span>{{ typedContent }}</span>
     </div>
     <div class="intelligentBottom" v-if="recommendQuestions.length > 0">
-      <div class="intelligentQues"
-           v-for="(item,index) in recommendQuestions"
-           :key="index"
-           @click="recommendQues(item)"
-      >
-        {{ item }}
+      <div class="intelligentList">
+        <div class="intelligentQues"
+             v-for="(item,index) in recommendQuestions"
+             :key="index"
+             @click="recommendQues(item)"
+        >
+          {{ item }}
+        </div>
       </div>
     </div>
   </div>
@@ -45,7 +47,9 @@ export default {
     return{
       summary:"",
       recommendQuestions:[],
-      isLoading:false
+      isLoading:false,
+      typedContent:"",
+      typingSpeed:20
     }
   },
   props:{
@@ -56,6 +60,8 @@ export default {
   methods:{
     getKnowledgeSummary() {
       let url = "/knowledge-api/knowledge/detail/" + this.knowledgeId;
+      this.typedContent = "";
+      this.summary = "";
       this.$http.get(url).then(res => {
         console.log('res',res)
         if (res.data.data){
@@ -63,6 +69,9 @@ export default {
           this.recommendQuestions = res.data.data.recommendQuestions ? res.data.data.recommendQuestions : [];
           if (!this.summary){
             this.regeneration();
+          } else {
+            this.$emit('getSummarySuccess')
+            this.startTypingEffect();
           }
         }
       })
@@ -76,12 +85,15 @@ export default {
         "async": false
       }
       this.isLoading = true;
+      this.typedContent = "";
+      this.summary = "";
       this.$http.post(url,obj).then(res => {
         console.log('regeneration',res)
         if (res.data.data){
           this.summary = res.data.data.summary;
           this.recommendQuestions = res.data.data.recommendQuestions ? res.data.data.recommendQuestions : [];
           this.$emit('getSummarySuccess')
+          this.startTypingEffect();
         }
         this.isLoading = false;
       })
@@ -91,7 +103,18 @@ export default {
     },
     recommendQues(item){
       this.$emit('recommendQues',item,this.knowledgeId)
-    }
+    },
+    startTypingEffect() {
+      let i = 0;
+      const interval = setInterval(() => {
+        if (i < this.summary.length) {
+          this.typedContent += this.summary.charAt(i);
+          i++;
+        } else {
+          clearInterval(interval);
+        }
+      }, this.typingSpeed);
+    },
   },
   mounted() {
     this.getKnowledgeSummary();
@@ -150,14 +173,17 @@ export default {
   }
   .intelligentBottom{
     background: #F9FAFD;
+    padding: 0 10px;
     height: 50px;
-    display: flex;
-    align-items: center;
-    padding: 0 20px;
     border-bottom-left-radius: 20px;
     border-bottom-right-radius: 20px;
-    overflow-x: scroll;
-    overflow-y: hidden;
+    .intelligentList{
+      overflow-x: scroll;
+      overflow-y: hidden;
+      display: flex;
+      align-items: center;
+      height: 50px;
+    }
     .intelligentQues{
       height: 26px;
       display: flex;