<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_inStock_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 *ngFor="let result of resultList; let k = index">
    <ion-card-content>
      <ion-list>
        <ion-item>
          <ion-icon name="book" slot="start" color="primary"></ion-icon>
          <ion-label>{{'generic_title_materName'|translate}}：<span style="color:red">{{result[0]}}</span></ion-label>
        </ion-item>
        <ion-item (click)="goChartPage(k)">
          <ion-icon name="cube" slot="start" color="primary"></ion-icon>
          <ion-label style="color:blue">{{'generic_convertStdNum'|translate}}: {{result[2]}}</ion-label>
          <ion-icon name="pulse" slot="end" color="primary"></ion-icon>
        </ion-item>
        <ion-item>
          <ion-icon name="barcode" slot="start" color="primary"></ion-icon>
          <ion-label>{{'generic_inStock_weight'|translate}}：{{result[3]}}</ion-label>
        </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>
