sgApp/src/app/store-sample-pending/store-sample-pending.page.html

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>待备样</ion-title>
    <ion-buttons slot="end">
      <ion-button (click)="qrscan()">
        <ion-icon name="qr-scanner"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>




<ion-content>
  <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
    <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="加载中..." refreshingSpinner="circles"
      refreshingText="刷新...">
    </ion-refresher-content>
  </ion-refresher>

  <ion-item>
    <ion-label>样品扫描备样：</ion-label>
    <ion-input #scanInput clear-on-edit (ionChange)="getStoreSampleDetail()" [(ngModel)]="scanCode"></ion-input>
  </ion-item>


  <ion-card *ngFor="let storeSample of storeSampleLists">

    <ion-card-content class="storeSample-content">
      <ion-item lines="none">
        <span>产品图片:</span>
        <img slot="end" (click)="showFullScreenImage(storeSample)" [src]="storeSample.imgsrc" class="title-image" />
      </ion-item>
      <ion-item>
        <ion-icon name="briefcase"></ion-icon>
        <ion-label style="white-space:unset;word-break:break-all;">货架：{{storeSample.shelves}}</ion-label>
        <!-- <ion-input [(ngModel)]='storeSample.shelves' readonly></ion-input> -->
      </ion-item>
      <ion-item>
        <ion-icon name="square"></ion-icon>
        <ion-label style="white-space:unset;word-break:break-all;">货号：{{storeSample.code}}</ion-label>
        <!-- <ion-text [(ngModel)]='storeSample.code' readonly></ion-input> -->
      </ion-item>
      <ion-item>
        <ion-icon name="checkbox-outline"></ion-icon>
        <ion-label>状态： </ion-label>
        <ion-input [(ngModel)]="storeSample.statusName" readonly></ion-input>
      </ion-item>
      <ion-item>
        <ion-icon name="hand"></ion-icon>
        是否借出:
        <ion-label>{{storeSample.lendName}}</ion-label>
      </ion-item>
      <!-- <ion-item>
        <ion-icon name="calendar"></ion-icon>
        <ion-label>更新时间： </ion-label>
        <ion-datetime [(ngModel)]="storeSample.updatetime" readonly></ion-datetime>
      </ion-item> -->
      <ion-item>
        <ion-icon name="apps"></ion-icon>
        <ion-label>数量： </ion-label>
        <ion-input [(ngModel)]='storeSample.count' readonly></ion-input>
      </ion-item>
      <div class="ion-padding">
        <ion-button color="primary" type="submit" expand="block" (click)="managePending(storeSample)">
          备样完成</ion-button>
      </div>
    </ion-card-content>
  </ion-card>
  <ion-infinite-scroll #IonInfiniteScroll threshold="100px" (ionInfinite)="loadData($event)">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="加载...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>