sgApp/src/app/store-qc-detail/store-qc-detail.page.html

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button [defaultHref]="defaultHref"></ion-back-button>
    </ion-buttons>
    <ion-title>QC验货初检详情</ion-title>
    <!-- <ion-popover-controller></ion-popover-controller> -->
    <!-- <ion-buttons slot="end" (click)="presentPopover($event)">
      <ion-button>
        <ion-icon name="more"></ion-icon>
      </ion-button>
    </ion-buttons> -->
    <!-- <ion-buttons slot="end"  *ngIf="QCdetails===null">
      <ion-button (click)="recordQC()">
        记录
      </ion-button>
      <ion-button (click)="createQC()">
        生成
      </ion-button>
    </ion-buttons> -->
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list *ngIf="QCdetails!==null">
    <ion-item lines="none">
      <span class="qc-title">初检报告编号：{{qcData.code}}</span>
    </ion-item>
    <ion-item>
      <span>操作人：{{qcData.operator}} </span>
    </ion-item>
    <ion-item>
      <span>修改时间：{{qcData.modifiedtime}}</span>
    </ion-item>
    <ion-item lines="none" *ngIf="showDetail">
      <ion-label color="danger">无详情</ion-label>
    </ion-item>
  </ion-list>
  <ion-list *ngFor="let qc of qcData['details']">
    <ion-item-group>
      <ion-item-divider sticky>
        <ion-label>
          初检单详情
        </ion-label>
      </ion-item-divider>
    </ion-item-group>
    <ion-item>
      <ion-label>产品图片：</ion-label>
      <ion-img [src]="qc.pictures[0].smallPicture" (click)="showFullScreenImage(qc)" class="qc-product-img"></ion-img>
    </ion-item>
    <ion-item>
      <ion-label>
        我司货号：
      </ion-label>
      <ion-input [(ngModel)]="qc.scpCode"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label>
        客户货号：
      </ion-label>
      <ion-input [(ngModel)]="qc.scpCustomercode"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label>
        合同号：
      </ion-label>
      <ion-input [(ngModel)]="qc.sscCode"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label>
        PO号：
      </ion-label>
      <ion-input [(ngModel)]="qc.scpPoCode"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label>
        中文品名：
      </ion-label>
      <ion-input [(ngModel)]="qc.scpCnname"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label>
        抽检箱数：
      </ion-label>
      <ion-input [(ngModel)]="qc.checkboxcount"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label>
        抽检数量：
      </ion-label>
      <ion-input [(ngModel)]="qc.checkcount"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label>
        瑕疵数量：
      </ion-label>
      <ion-input [(ngModel)]="qc.badcount"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label>
        处理意见：
      </ion-label>
      <ion-item slot="end">
        <ion-checkbox [(ngModel)]="qc.deal" readonly></ion-checkbox>
        <ion-label *ngIf="qc.deal">通过</ion-label>
        <ion-label *ngIf="!qc.deal" color="danger">未通过</ion-label>
      </ion-item>
    </ion-item>
    <ion-item>
      <ion-label>
        QA日志：
      </ion-label>
      <ion-textarea [(ngModel)]="qc.qalog" readonly></ion-textarea>
      <!-- <ion-icon name="camera" slot="end" (click)="takePicture(qc)"></ion-icon> -->
    </ion-item>
    <ion-item>
      <ion-label>qa日志图片：</ion-label>
      <ion-thumbnail *ngFor="let photo of qc.qaimgList index as i">
        <ion-img [src]="photo" (click)="showFullScreenImage(photo)">
        </ion-img>
      </ion-thumbnail>
      <!-- <ion-icon *ngIf="qc.showPicture" name="close-circle-outline" (click)="deletePicture(qc)" slot="end"> -->
      <!-- </ion-icon> -->
    </ion-item>
    <ion-item>
      <ion-label>
        QC日志：
      </ion-label>
      <ion-textarea [(ngModel)]="qc.qclog"></ion-textarea>
      <ion-icon name="cloud-upload" slot="end" (click)="choosePicture(qc)"></ion-icon>
      <ion-icon name="camera" slot="end" (click)="takePicture(qc)"></ion-icon>
    </ion-item>
    <ion-item>
      <ion-label>QC日志图片：</ion-label>
      <ion-thumbnail *ngFor="let photo of qc.qcimgList index as i">
          <ion-icon name="close-circle-outline" (click)="deletePicture(qc, i)"></ion-icon>
        <ion-img [src]="photo" (click)="showFullScreenImage(photo)">
        </ion-img>
      </ion-thumbnail>
    </ion-item>
  </ion-list>
  <div class="ion-padding">
    <ion-button color="primary" type="submit" expand="block" (click)="addQClog()">
      添加QC日志</ion-button>
  </div>
</ion-content>