workspace/soul-app/src/app/page-psysurvey/page-psysurvey.component.html

<ion-header>
  <ion-toolbar>
    <div class="toolbar-content">
      <div class="button-container">
        <ion-button (click)="goTab1()" fill="clear">
          <ion-icon name="chevron-back" slot="start"></ion-icon>返回
        </ion-button>
      </div>
      <ion-title class="title-text">
        心理普查
      </ion-title>
    </div>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <section *ngIf="filteredSurveys.length > 0; else noSurveys">
    <ion-card *ngFor="let survey of filteredSurveys">
      <ion-card-header>
        <ion-card-title>{{ survey.get('title') }}</ion-card-title>
      </ion-card-header>
      <ion-card-content>
        <p>发布者:{{ survey.get('publisher') }}</p>
        <p>类型:{{ survey.get('category') }}</p>
        <p>发布时间:{{ survey.get('publishtime') }}</p>
        <p>链接: <a [href]="survey.link" target="_blank">{{ survey.get('link') }}</a></p>
      </ion-card-content>
    </ion-card>
  </section>

  <ng-template #noSurveys>
    <div style="text-align: center; margin-top: 50px;">
      <p>暂无可用问卷。</p>
    </div>
  </ng-template>

  <div style="display: flex; justify-content: center; margin-top: auto;">
    <ion-button (click)="goPublishSurvey()" expand="full">
      发布问卷
    </ion-button>
  </div>
</ion-content>