<ion-header *ngIf="isShowHeader">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button text="{{ 'generic_goback' | translate }}"></ion-back-button>
    </ion-buttons>
    <ion-title>{{ 'generic_inputOutput_title' | translate }}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <!-- 下拉刷新 -->
  <ion-refresher slot="fixed" (ionRefresh)="doDownRefresh($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>
  <ion-card>
    <ion-card-content>
      <ion-list lines="none">
        <ion-item>
          <ion-label>{{titleDate}}</ion-label>
        </ion-item>
        <ion-item>
          <ion-label>{{titleDetail}}</ion-label>
        </ion-item>
      </ion-list>
    </ion-card-content>
  </ion-card>
  <ion-card *ngFor="let item of resultList; let k = index">
    <ion-card-content>
      <ion-list>
        <ion-item button (click)="goChartPage(k)" detail="false">
          <ion-label>{{ 'generic_equipName' | translate }}：</ion-label>
          <ion-label>{{item[0]}}</ion-label>
          <ion-icon name="pulse" slot="end" color="primary"></ion-icon>
        </ion-item>
        <ion-item>
          <ion-label>{{ 'generic_inputOutput_input' | translate }}：</ion-label>
          <ion-label>{{item[2]}}</ion-label>
          <ion-icon name="" slot="end" color="primary"></ion-icon>
        </ion-item>
        <ion-item>
          <ion-label>{{ 'generic_inputOutput_output' | translate }}：</ion-label>
          <ion-label>{{item[3]}}</ion-label>
          <ion-icon name="" slot="end" color="primary"></ion-icon>
        </ion-item>
        <ion-item>
          <ion-label>{{ 'generic_inputOutput_ratio' | translate }}：</ion-label>
          <ion-label>{{((item[4] * 10000)/100).toFixed(2)}}</ion-label>
          <ion-icon name="" slot="end" color="primary"></ion-icon>
        </ion-item>
      </ion-list>
    </ion-card-content>
  </ion-card>
  <!-- 上拉分页 -->
  <ion-infinite-scroll threshold="100px" (ionInfinite)="doUpRefresh($event)">
    <ion-infinite-scroll-content
      loadingSpinner="bubbles"
      loadingText="正在加载更多数据...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>
