<div class="detail">
  <!-- 主体内容 -->
  <div class="detail_content">
    <div class="detail_item" *ngFor="let building of buildings">
      <div class="detail_item_head">{{building.name}}</div>
      <nz-list [nzDataSource]="building.departments" [nzRenderItem]="item" [nzGrid]="{ gutter: 16, xs: 24, sm: 12, md: 6, lg: 6, xl: 3 }">
        <ng-template #item let-item>
          <nz-list-item [nzContent]="nzContent">
            <ng-template #nzContent>
              <nz-card nzType="inner" [nzTitle]="item.name" [nzExtra]="extraTemplate">
                <div *ngFor="let order of item.orders">{{order[11].slice(-4)}}-{{order[7]}} {{order[8]}}</div>
                <ng-template #extraTemplate>
                  <label nz-checkbox [(ngModel)]="item.checked" [nzDisabled]="item.isDisabled"></label>
                </ng-template>
              </nz-card>
            </ng-template>
          </nz-list-item>
        </ng-template>
      </nz-list>
    </div>
  </div>

  <!-- 底部按钮 -->
  <div class="foot_btns">
    <button nz-button nzType="primary" (click)="batchDispatch()" class="mr8">批量派单</button>
    <button nz-button (click)="toList()">返回列表</button>
  </div>
</div>
<router-outlet (deactivate)="getList()"></router-outlet>
