store-sample-pending.page.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <ion-header>
  2. <ion-toolbar>
  3. <ion-buttons slot="start">
  4. <ion-menu-button></ion-menu-button>
  5. </ion-buttons>
  6. <ion-title>待备样</ion-title>
  7. <ion-buttons slot="end">
  8. <ion-button (click)="qrscan()">
  9. <ion-icon name="qr-scanner"></ion-icon>
  10. </ion-button>
  11. </ion-buttons>
  12. </ion-toolbar>
  13. </ion-header>
  14. <ion-content>
  15. <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
  16. <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="加载中..." refreshingSpinner="circles"
  17. refreshingText="刷新...">
  18. </ion-refresher-content>
  19. </ion-refresher>
  20. <ion-item>
  21. <ion-label>样品扫描备样:</ion-label>
  22. <ion-input #scanInput clear-on-edit (ionChange)="getStoreSampleDetail()" [(ngModel)]="scanCode"></ion-input>
  23. </ion-item>
  24. <ion-card *ngFor="let storeSample of storeSampleLists">
  25. <ion-card-content class="storeSample-content">
  26. <ion-item lines="none">
  27. <span>产品图片:</span>
  28. <img slot="end" (click)="showFullScreenImage(storeSample)" [src]="storeSample.imgsrc"
  29. class="title-image" />
  30. </ion-item>
  31. <ion-item>
  32. <ion-icon name="briefcase"></ion-icon>
  33. <ion-label>货架:</ion-label>
  34. <ion-input [(ngModel)]='storeSample.shelves'></ion-input>
  35. </ion-item>
  36. <ion-item>
  37. <ion-icon name="square"></ion-icon>
  38. <ion-label>货号:</ion-label>
  39. <ion-input [(ngModel)]='storeSample.code'></ion-input>
  40. </ion-item>
  41. <ion-item>
  42. <ion-icon name="checkbox-outline"></ion-icon>
  43. <ion-label>状态: </ion-label>
  44. <ion-input [(ngModel)]="storeSample.statusName" readonly></ion-input>
  45. </ion-item>
  46. <ion-item>
  47. <ion-icon name="hand"></ion-icon>
  48. 是否借出:
  49. <ion-label>{{storeSample.lendName}}</ion-label>
  50. </ion-item>
  51. <!-- <ion-item>
  52. <ion-icon name="calendar"></ion-icon>
  53. <ion-label>更新时间: </ion-label>
  54. <ion-datetime [(ngModel)]="storeSample.updatetime" readonly></ion-datetime>
  55. </ion-item> -->
  56. <ion-item>
  57. <ion-icon name="apps"></ion-icon>
  58. <ion-label>数量: </ion-label>
  59. <ion-input [(ngModel)]='storeSample.count'></ion-input>
  60. </ion-item>
  61. <div class="ion-padding">
  62. <ion-button color="primary" type="submit" expand="block" (click)="managePending(storeSample)">
  63. 备样完成</ion-button>
  64. </div>
  65. </ion-card-content>
  66. </ion-card>
  67. </ion-content>