<ion-header>
  <ion-toolbar color="primary">
    <ion-buttons slot="start">
      <ion-back-button defaultHref="/health-record"></ion-back-button>
    </ion-buttons>
    <ion-title>{{ checkupData.title }}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <!-- 体检基本信息 -->
  <ion-card>
    <ion-card-header>
      <ion-card-title>基本信息</ion-card-title>
    </ion-card-header>
    <ion-card-content>
      <p><strong>日期:</strong> {{ checkupData.date | date: 'yyyy-MM-dd' }}</p>
    </ion-card-content>
  </ion-card>

  <!-- 体检结果 -->
  <ion-card>
    <ion-card-header>
      <ion-card-title>体检结果</ion-card-title>
    </ion-card-header>
    <ion-list>
      <ion-item *ngFor="let result of checkupData.results">
        <ion-label>
          <h2>{{ result.name }}</h2>
          <p>{{ result.value }} - {{ result.status }}</p>
        </ion-label>
      </ion-item>
    </ion-list>
  </ion-card>

  <!-- 备注 -->
  <ion-card>
    <ion-card-header>
      <ion-card-title>备注</ion-card-title>
    </ion-card-header>
    <ion-card-content>
      <p>{{ checkupData.notes }}</p>
    </ion-card-content>
  </ion-card>
</ion-content>