update:consult page with agi

soul-app/src/app/page-consult/page-consult.component.html

@@ -7,7 +7,13 @@
 
 <!-- 按钮：执行消息生成函数 -->
 <ion-button (click)="sendMessage()" expand="block">初步判断</ion-button>
-  
-<!-- 展示：返回消息内容 -->
-<div>{{responseMsg}}</div>
+
+@if(!isComplete){
+    <div>{{responseMsg}}</div>
+  }
+  <!-- 消息传输完成后，实时预览Markdown格式 -->
+@if(isComplete){
+    <fm-markdown-preview class="content-style" [content]="responseMsg"></fm-markdown-preview>
+  }
+
 </ion-content>

soul-app/src/app/page-consult/page-consult.component.ts

@@ -2,14 +2,15 @@ import { Component, OnInit } from '@angular/core';
 import {IonHeader, IonToolbar, IonTitle, IonContent, IonButton,
   IonTextarea,IonInput} from '@ionic/angular/standalone';
   /** 引用：从fmode-ng库引用FmodeChatCompletion类 */
-import { FmodeChatCompletion } from 'fmode-ng';
+import { FmodeChatCompletion,MarkdownPreviewModule } from 'fmode-ng';
 @Component({
   selector: 'app-page-consult',
   templateUrl: './page-consult.component.html',
   styleUrls: ['./page-consult.component.scss'],
   standalone: true,
   imports: [IonHeader, IonToolbar, IonTitle, IonContent, IonButton,
-    IonTextarea,IonInput
+    IonTextarea,IonInput,
+    MarkdownPreviewModule
     ],
 })
 export class PageConsultComponent  implements OnInit {
@@ -29,6 +30,7 @@ export class PageConsultComponent  implements OnInit {
   // 属性：组件内用于展示消息内容的变量
   responseMsg:any = ""
   // 方法：实例化completion对象，传入消息数组，并订阅生成的可观察对象。
+  isComplete:boolean = false; // 定义完成状态属性，用来标记是否补全完成
   sendMessage(){
     console.log("create")
 
@@ -46,6 +48,9 @@ export class PageConsultComponent  implements OnInit {
       console.log(message.content)
       // 赋值消息内容给组件内属性
       this.responseMsg = message.content
+      if(message?.complete){ // 判断message为完成状态，则设置isComplete为完成
+        this.isComplete = true
+      }
     })
   }