<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button defaultHref="/tabs/tab2"></ion-back-button>
    </ion-buttons>
    <ion-title>学习计划历史</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list>
    <ion-item *ngFor="let plan of learningPlans">
      <ion-label>
        <h2>{{ plan.subject }}</h2>
        <p>计划周期: {{ plan.timeFrame }}</p>
        <p>创建时间: {{ plan.createdAt | date:'yyyy-MM-dd HH:mm' }}</p>
      </ion-label>
      <ion-button slot="end" (click)="viewPlanDetails(plan)">
        查看详情
      </ion-button>
    </ion-item>
  </ion-list>
</ion-content> 