askbot-dragon 1.6.43-beta → 1.6.45-beta

package/package.json

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

package/src/components/intelligentSummary.vue

@@ -27,14 +27,12 @@
       <span>{{ typedContent }}</span>
     </div>
     <div class="intelligentBottom" v-if="recommendQuestions.length > 0">
-      <div class="intelligentList">
-        <div class="intelligentQues"
-             v-for="(item,index) in recommendQuestions"
-             :key="index"
-             @click="recommendQues(item)"
-        >
-          {{ item }}
-        </div>
+      <div class="intelligentQues"
+           v-for="(item,index) in recommendQuestions"
+           :key="index"
+           @click="recommendQues(item)"
+      >
+        {{ item }}
       </div>
     </div>
   </div>
@@ -60,18 +58,22 @@ 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){
           this.summary = res.data.data.summary;
-          this.recommendQuestions = res.data.data.recommendQuestions ? res.data.data.recommendQuestions : [];
+          this.recommendQuestions = res.data.data.recommendQuestions ? res.data.data.recommendQuestions.splice(0,5) : [];
           if (!this.summary){
             this.regeneration();
           } else {
-            this.$emit('getSummarySuccess')
-            this.startTypingEffect();
+            this.typedContent = this.summary;
           }
         }
+        this.$nextTick(() => {
+          this.$emit('getSummarySuccess')
+        })
       })
     },
     regeneration(){
@@ -83,13 +85,18 @@ 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.recommendQuestions = res.data.data.recommendQuestions ? res.data.data.recommendQuestions.splice(0,5) : [];
           this.startTypingEffect();
+        } else {
+          this.$nextTick(() => {
+            this.$emit('getSummarySuccess')
+          })
         }
         this.isLoading = false;
       })
@@ -108,6 +115,9 @@ export default {
           i++;
         } else {
           clearInterval(interval);
+          setTimeout(() => {
+            this.$emit('getSummarySuccess')
+          },240)
         }
       }, this.typingSpeed);
     },
@@ -169,17 +179,12 @@ export default {
   }
   .intelligentBottom{
     background: #F9FAFD;
-    padding: 0 10px;
-    height: 50px;
+    padding: 0 20px;
     border-bottom-left-radius: 20px;
     border-bottom-right-radius: 20px;
-    .intelligentList{
-      overflow-x: scroll;
-      overflow-y: hidden;
-      display: flex;
-      align-items: center;
-      height: 50px;
-    }
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
     .intelligentQues{
       height: 26px;
       display: flex;
@@ -189,7 +194,9 @@ export default {
       background: #E5EBFF;
       color: #366AFF;
       border-radius: 10px;
-      margin-right: 10px;
+      margin-right: 5px;
+      margin-top: 5px;
+      margin-bottom: 5px;
       font-size: 12px;
       cursor: pointer;
       white-space: nowrap;

package/src/components/previewPdf.vue

@@ -77,6 +77,8 @@
           :knowledgeId="knowledgeId"
           @closeSummary="closeSummary"
           @recommendQues="recommendQues"
+          @getSummarySuccess="getSummarySuccess"
+          :style="{marginTop:tagIds && tagIds.length != 0 ? '50px' : ''}"
       ></intelligent-summary>
       <template v-if="tagIds && tagIds.length != 0 && drawer">
         <pdfPosition :tagIds="tagIds" :isMessageRecord="isMessageRecord" :fileName="fileName" :knowledgeItem="watermark" ref="pdfPosition"></pdfPosition>
@@ -187,6 +189,20 @@ export default {
             }
           })
         })
+      },
+      showSummary:{
+        handler(val){
+          if (!val){
+            this.$nextTick(() => {
+              let preCon = document.querySelector('.pdf_view');
+              if (preCon){
+                preCon.style.height = 'calc(100% - ' + 50 + 'px)'
+              }
+            })
+          } else {
+            this.getSummarySuccess();
+          }
+        }
       }
     },
     computed:{
@@ -283,7 +299,23 @@ export default {
           if (this.showSummary){
             document.getElementById('drawer_content_pre').scrollTop = 0;
           }
-      }
+      },
+      getSummarySuccess(){
+        this.$nextTick(() => {
+          if (this.tagIds.length > 0){
+            let intelligentSummary = document.getElementById('intelligentSummary');
+            let preCon = document.querySelector('.pdf_view')
+            console.log('intelligentSummary',preCon,intelligentSummary)
+            if (intelligentSummary){
+              let height = intelligentSummary.offsetHeight + 100;
+              if (preCon){
+                preCon.style.height = 'calc(100% - ' + height + 'px)'
+              }
+              console.log('height',height,preCon)
+            }
+          }
+        })
+      },
     },
     beforeDestroy() {
       window.removeEventListener('message', this.handleIframeMessage);