<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_outValid_title' | translate }}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list>
    <!-- 开始时间 -->
    <ion-item>
      <ion-icon slot="start" src="/assets/svg/calendar-primary.svg"></ion-icon>
      <ion-label>{{'generic_startTime' | translate}}</ion-label>
      <ion-datetime [(ngModel)]="input.startDate" display-format="YYYY/MM/DD" picker-format="YYYY/MM/DD" doneText="{{'generic_confirm' | translate}}" cancelText="{{'generic_cancel' | translate}}"></ion-datetime>
    </ion-item>
    <!-- 结束时间 -->
    <ion-item>
      <ion-icon slot="start" src="/assets/svg/calendar-primary.svg"></ion-icon>
      <ion-label>{{'generic_endTime' | translate}}</ion-label>
      <ion-datetime [(ngModel)]="input.endDate" display-format="YYYY/MM/DD" picker-format="YYYY/MM/DD" doneText="{{'generic_confirm' | translate}}" cancelText="{{'generic_cancel' | translate}}"></ion-datetime>
    </ion-item>
    <!-- 超时时间-小时数 -->
    <ion-item>
    <ion-icon slot="start" src="/assets/svg/calendar-primary.svg"></ion-icon>
    <!-- <ion-label>{{'outValidSearch_outValidTime' | translate}}</ion-label> -->
    <ion-label>超时时间(小时):</ion-label>
    <ion-input inputmode="numeric" [(ngModel)]="input.validHours" onkeyup="value=value.replace(/[^\d]/g,'')"></ion-input>
  </ion-item>
  <!-- 归属仓库 -->
  <ion-item>
    <ion-icon slot="start" src="/assets/svg/rubtype-primary.svg"></ion-icon>
    <ion-label>{{'generic_outValid_storehouse' | translate}}</ion-label>
    <ion-select [(ngModel)]="input.stockNo " okText="{{'generic_confirm' | translate}}" cancelText="{{'generic_cancel' | translate}}">
      <ion-select-option *ngFor="let stock of stockList" value="{{stock.codeValue}}">{{stock.codeName}}</ion-select-option>
    </ion-select>
  </ion-item>
  </ion-list>

  <ion-button expand="full" (click)='doSearch()'>{{ 'generic_query' | translate }}</ion-button>
</ion-content>
