<div class="transfer-main" [ngStyle]="transferStyle">
  <div class="transfer-part transfer-left">
    <div class="transfer-title">
      <div class="transfer-head">{{'waitForSelect' | translate}}<span class="right editSpan" (click)="checkAll()">{{'allSelected' | translate}}</span></div>
      <input class="transfer-input" [(ngModel)]="searchLeftKey" [placeholder]="'pleaseFillInKeyword' | translate">
      <span class="transfer-search" (click)="searchLeft()"><i nz-icon type="search"></i></span>
    </div>
    <div id="transfer-left" class="transfer-con" style="height: calc(100% - 62px);">
      <div class="transfer-item" *ngFor="let one of left,let i = index" (click)="moveToRight(i, one)">{{one[label]}}</div>
      <div *ngIf="isloading" style="text-align: center;padding-top: 10px;">
        <nz-spin [nzTip]="('loading' | translate) + '...'"></nz-spin>
      </div>
      <div class="transfer-none" *ngIf="left.length === 0">{{'noData' | translate}}</div>
    </div>
  </div>
  <div class="transfer-part transfer-right">
     <div class="transfer-title">
        <div class="transfer-head">{{'selected' | translate}}<span class="right editSpan" (click)="checkNone()">{{'allCleanUp' | translate}}</span></div>
     </div>
     <div id="transfer-right" class="transfer-con" style="height: calc(100% - 30px);">
        <div class="transfer-item" *ngFor="let one of right,let i = index" (click)="moveToLeft(i, one)">{{one[label]}}</div>
        <div class="transfer-none" *ngIf="right.length === 0">{{'noData' | translate}}</div></div>
  </div>
</div>
