<div class="batchOutOfStorage">
  <overlay-scrollbars #osComponentRef1 class="main">
    <div class="head"><span class="icon_transport transport-liebiao"></span>批量出库</div>
    <div class="list">
      <div class="list_head">医废类型</div>
      <div class="list_checkbox"><nz-checkbox-group [(ngModel)]="clinicalWasteTypeList" (ngModelChange)="changeClinicalWasteTypeListClick(clinicalWasteTypeList)"></nz-checkbox-group></div>
      <div class="list_sum">
        <div class="list_sum_item">总重量：{{totalWeight}}kg</div>
        <div class="list_sum_item">总袋数：{{totalCount}}</div>
        <div class="list_sum_item" *ngFor="let item of storageUnits">
          总{{item}}数：
          <nz-input-number *ngIf="item == '箱'" nz-input [nzMin]="0" [nzStep]="1" [nzPrecision]="0" nzSize="small" [(ngModel)]="submitData.totalBox"></nz-input-number>
          <nz-input-number *ngIf="item == '桶'" nz-input [nzMin]="0" [nzStep]="1" [nzPrecision]="0" nzSize="small" [(ngModel)]="submitData.totalBucket"></nz-input-number>
        </div>
      </div>
      <div class="list_company">
        <div class="list_company_item">
          <label class="name">凭证编号：</label>
          <input class="select" nz-input placeholder="请输入凭证编号" [(ngModel)]="submitData.credentialsNumber" />
        </div>
      </div>
    </div>

    <div class="list">
      <div class="list_head">运输信息</div>
      <div class="list_company">
        <div class="list_company_item">
          <label class="name">运输单位：</label>
          <nz-select class="select" [(ngModel)]="submitData.transportCompany" (ngModelChange)="changeTransportCompany($event)" nzPlaceHolder="请选择运输单位">
            <nz-option *ngFor="let option of transCompanyList" [nzLabel]="option.name" [nzValue]="option.id"></nz-option>
          </nz-select>
          <div class="number">营运证件号：{{businessCode1}}</div>
        </div>
        <div class="list_company_item">
          <label class="name">运输司机：</label>
          <nz-select class="select" [(ngModel)]="submitData.driver" nzPlaceHolder="请选择运输司机" (ngModelChange)="changeDriver($event)">
            <nz-option *ngFor="let option of laborerList" [nzLabel]="option.name" [nzValue]="option.id"></nz-option>
          </nz-select>
          <div class="number">联系电话：{{driverPhone}}</div>
        </div>
        <div class="list_company_item">
          <label class="name">车牌号码：</label>
          <nz-select class="select" [(ngModel)]="submitData.carNo" nzPlaceHolder="请选择车牌号码">
            <nz-option *ngFor="let option of carNoList" [nzLabel]="option.name" [nzValue]="option.id"></nz-option>
          </nz-select>
        </div>
      </div>
    </div>

    <div class="list">
      <div class="list_head">接收信息</div>
      <div class="list_company">
        <div class="list_company_item">
          <label class="name">接收单位：</label>
          <nz-select class="select" [(ngModel)]="submitData.receptionCompany" (ngModelChange)="changeReceiveCompany($event)" nzPlaceHolder="请选择接收单位">
            <nz-option *ngFor="let option of receiveCompanyList" [nzLabel]="option.name" [nzValue]="option.id"></nz-option>
          </nz-select>
          <div class="number">危险物经营许可证编号：{{businessCode2}}</div>
        </div>
        <div class="list_company_item">
          <div class="number" style="margin-right: 32px;width: 285px;">联系人：{{contacts2}}</div>
          <div class="number">联系电话：{{mphone2}}</div>
        </div>
      </div>
    </div>
  </overlay-scrollbars>
  <div class="submit">
    <button nz-button nzType="primary" class="save" (click)="submitForm()">确认</button>
    <button nz-button nzType="default" class="refresh btn cancel" (click)="cancel()">取消</button>
  </div>
  <!-- 模态框 -->
  <app-dialog-delete [delModal]="delModal" (hideDelModalEvent)="hideDelModal()" [btnLoading]="loading3"
    (confirmDelEvent)="confirmDel()" content="您确认要出库吗？"></app-dialog-delete>
</div>
