APP-SLOWHEALTH/src/app/tab1/add-data-modal/add-data-modal.component.html

<ion-header>
  <ion-toolbar>
    <ion-title>添加健康数据</ion-title>
    <ion-buttons slot="end">
      <ion-button (click)="cancel()">取消</ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content class="ion-padding">
  <ion-segment [(ngModel)]="selectedType">
    <ion-segment-button value="bloodGlucose">
      <ion-label>血糖</ion-label>
    </ion-segment-button>
    <ion-segment-button value="bloodPressure">
      <ion-label>血压</ion-label>
    </ion-segment-button>
    <ion-segment-button value="heartRate">
      <ion-label>心率</ion-label>
    </ion-segment-button>
  </ion-segment>

  <form (ngSubmit)="save()">
    <!-- 血糖表单 -->
    <div *ngIf="selectedType === 'bloodGlucose'">
      <ion-item>
        <ion-label position="floating">血糖值 (mmol/L)</ion-label>
        <ion-input type="number" [(ngModel)]="formData.value" name="glucoseValue" required></ion-input>
      </ion-item>
      
      <ion-item>
        <ion-label position="floating">测量类型</ion-label>
        <ion-select [(ngModel)]="formData.measurementType" name="measurementType">
          <ion-select-option *ngFor="let type of measurementTypes" [value]="type">{{type}}</ion-select-option>
        </ion-select>
      </ion-item>
    </div>

    <!-- 血压表单 -->
    <div *ngIf="selectedType === 'bloodPressure'">
      <ion-item>
        <ion-label position="floating">血压值 (mmHg)</ion-label>
        <ion-input type="text" [(ngModel)]="formData.value" name="bloodPressure" placeholder="例如: 120/80" required></ion-input>
      </ion-item>
      
      <ion-item>
        <ion-label position="floating">脉搏 (次/分)</ion-label>
        <ion-input type="number" [(ngModel)]="formData.pulse" name="pulse"></ion-input>
      </ion-item>
    </div>

    <!-- 心率表单 -->
    <div *ngIf="selectedType === 'heartRate'">
      <ion-item>
        <ion-label position="floating">心率值 (次/分)</ion-label>
        <ion-input type="number" [(ngModel)]="formData.value" name="heartRate" required></ion-input>
      </ion-item>
      
      <ion-item>
        <ion-label position="floating">测量方法</ion-label>
        <ion-select [(ngModel)]="formData.measurementMethod" name="measurementMethod">
          <ion-select-option *ngFor="let method of measurementMethods" [value]="method">{{method}}</ion-select-option>
        </ion-select>
      </ion-item>
    </div>

    <ion-item>
      <ion-label position="floating">备注</ion-label>
      <ion-textarea [(ngModel)]="formData.notes" name="notes"></ion-textarea>
    </ion-item>

    <ion-button expand="block" type="submit" [disabled]="!validateForm()">保存</ion-button>
  </form>
</ion-content>