page-consult.component_20241217151054.html 1.0 KB

1234567891011121314151617181920212223242526272829303132333435
  1. <ion-header>
  2. <ion-toolbar>
  3. <div class="toolbar-content">
  4. <div class="button-container">
  5. <ion-button (click)="goTab1()" fill="clear">
  6. <ion-icon name="chevron-back" slot="start"></ion-icon>返回
  7. </ion-button>
  8. </div>
  9. <ion-title class="title-text">
  10. 心理咨询
  11. </ion-title>
  12. </div>
  13. </ion-toolbar>
  14. </ion-header>
  15. <ion-content>
  16. <h1>类型</h1>
  17. <ion-input [value]="leixing" (ionInput)="leixingInput($event)"></ion-input>
  18. <!-- 文本域:生成提示词 -->
  19. <h1>心理状况的描述</h1>
  20. <ion-textarea [value]="userPrompt" (ionInput)="promptInput($event)" placeholder="文本提示词" autoGrow="true"></ion-textarea>
  21. <!-- 按钮:执行消息生成函数 -->
  22. <ion-button (click)="sendMessage()" expand="block">初步判断</ion-button>
  23. @if(!isComplete){
  24. <div>{{responseMsg}}</div>
  25. }
  26. <!-- 消息传输完成后,实时预览Markdown格式 -->
  27. @if(isComplete){
  28. <fm-markdown-preview class="content-style" [content]="responseMsg"></fm-markdown-preview>
  29. }
  30. </ion-content>