agent-app/src/app/tab2/tab2.page.html

<ion-header [translucent]="true">
  <ion-toolbar color="primary">
    <ion-title>
      <ion-icon name="chatbubbles" class="ion-align-self-center"></ion-icon>
      &nbsp;智能对话助手
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true" class="ion-padding">
  <div class="welcome-section">
    <ion-card class="welcome-card" color="light">
      <ion-card-header>
        <ion-card-title>欢迎使用智能对话系统</ion-card-title>
        <ion-card-subtitle>选择您需要的服务开始对话</ion-card-subtitle>
      </ion-card-header>
      <ion-card-content>
        <p>我们的智能助手可以为您提供多种专业领域的咨询服务，点击下方按钮开始体验。</p>
      </ion-card-content>
    </ion-card>
  </div>

  <ion-grid class="features-grid">
    <ion-row>
      <ion-col size="12" size-md="6">
        <ion-card class="feature-card" button (click)="openChat()">
          <ion-card-header>
            <ion-icon name="chatbox" color="primary" class="feature-icon"></ion-icon>
            <ion-card-title>开始新聊天</ion-card-title>
          </ion-card-header>
          <ion-card-content>
            与我们的智能助手进行自由对话，解答您的各种疑问。
          </ion-card-content>
          <ion-button fill="clear" expand="block">
            开始对话
            <ion-icon slot="end" name="arrow-forward"></ion-icon>
          </ion-button>
        </ion-card>
      </ion-col>

      <ion-col size="12" size-md="6">
        <ion-card class="feature-card" button (click)="restoreChat('0w3es9v8B6')">
          <ion-card-header>
            <ion-icon name="time" color="secondary" class="feature-icon"></ion-icon>
            <ion-card-title>恢复会话</ion-card-title>
          </ion-card-header>
          <ion-card-content>
            继续您之前的对话，无需重复说明问题背景。
          </ion-card-content>
          <ion-button fill="clear" expand="block" color="secondary">
            恢复会话
            <ion-icon slot="end" name="arrow-forward"></ion-icon>
          </ion-button>
        </ion-card>
      </ion-col>
    </ion-row>

    <ion-row>
      <ion-col size="12">
        <ion-card class="special-feature" button>
          <ion-card-header>
            <ion-icon name="medical" color="danger" class="feature-icon"></ion-icon>
            <ion-card-title>门诊问诊服务</ion-card-title>
            <ion-card-subtitle>专业医疗咨询</ion-card-subtitle>
          </ion-card-header>
          <ion-card-content>
            我们的医疗智能助手可以为您提供初步的医疗咨询和建议，帮助您了解可能的健康问题。
          </ion-card-content>
          <ion-button (click)="openInquiry()" fill="clear" expand="block" color="danger">
            进入门诊
            <ion-icon slot="end" name="medkit"></ion-icon>
          </ion-button>
          <ion-button (click)="openInquiry('0w3es9v8B6')" fill="clear" expand="block" color="primary">
            恢复对话
            <ion-icon slot="end" name="medkit"></ion-icon>
          </ion-button>
        </ion-card>
      </ion-col>
    </ion-row>

    <ion-row>
      <ion-col size="12">
        <ion-card class="special-feature" button>
          <ion-card-header>
            <ion-icon name="medical" color="danger" class="feature-icon"></ion-icon>
            <ion-card-title>运动健身服务</ion-card-title>
            <ion-card-subtitle>专业健身咨询</ion-card-subtitle>
          </ion-card-header>
          <ion-card-content>
            请联系我们私教咨询。
          </ion-card-content>
          <ion-button (click)="openConsult()" fill="clear" expand="block" color="danger">
            开始咨询
            <ion-icon slot="end" name="medkit"></ion-icon>
          </ion-button>
        </ion-card>
      </ion-col>
    </ion-row>

  </ion-grid>
</ion-content>