<nz-spin *ngIf="!i" class="modal-spin"></nz-spin>
<div>
  <nz-alert nzType="warning" nzMessage="二维码用于司机扫码抢单" nzShowIcon></nz-alert>
  <div style="width: 80%;margin: 0 auto;" id="qr_page">
    <div style="text-align: center;">

      <h2> {{i?.shipperAppUserName}}</h2>
      <qr [value]="qrCodeValue" #qr></qr>
      <div class="mb-sm" *ngFor="let address of i?.loadingAddressArr">卸货地 : {{address}}</div>
      <div class="mb-sm" *ngFor="let address of i?.unloadingAddressArr">装货地 : {{address}}</div>
      <div class="mb-sm">截止时间 : {{i?.deadlineTime}}</div>
    </div>

  </div>
  <div class="modal-footer text-center">
    <button nz-button type="submit" nzType="primary" (click)="toCanvasPhoto()">下载二维码</button>
  </div>
</div>
