<div class="TaskTypeManagement">
  <div class="taskTypeInfo">
    <div class="top">
      <div class="item" (click)="tabModal('characteristics')" [ngClass]="{'items':tabModalName=='characteristics'}">
        特性配置
      </div>
      <div class="item" (click)="tabModal('automaticOrderCreation')" [ngClass]="{'items':tabModalName=='automaticOrderCreation'}">
        自动建单配置
      </div>
    </div>
    <div class="list" *ngIf="!loading">
      <!-- 特性配置 -->
      <div *ngIf="tabModalName=='characteristics'">
        <!-- 被服洗涤-回收 -->
        <div class="display_flex align-items_center mb8">
          <nz-form-label class="label" nzRequired>被服洗涤-回收</nz-form-label>
          <nz-select class="w320px" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch nzAllowClear
            (nzOnSearch)="changeTasktype($event)" nzPlaceHolder="请选择被服洗涤-回收" [(ngModel)]="clothingGetTypeId">
            <ng-container *ngFor="let option of taskTypes">
              <nz-option *ngIf="!isLoading" [nzLabel]="option.taskName" [nzValue]="option.id"></nz-option>
            </ng-container>
            <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
              <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
            </nz-option>
          </nz-select>
        </div>
        <!-- 被服洗涤科室 -->
        <div class="display_flex align-items_center mb8">
          <nz-form-label class="label" nzRequired>被服洗涤科室</nz-form-label>
          <nz-select class="w320px" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch nzAllowClear nzPlaceHolder="请选择" (nzOnSearch)="changeDept($event)" [(ngModel)]="clothingDept">
            <ng-container *ngFor="let data of clothingDepts">
              <nz-option *ngIf="!isLoading" [nzLabel]="data.dept" [nzValue]="data.id"></nz-option>
            </ng-container>
            <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
              <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
            </nz-option>
          </nz-select>
        </div>
        <!-- 批次号生成规则 -->
        <div class="display_flex align-items_center mb8">
          <nz-form-label class="label" nzRequired>批次号生成规则</nz-form-label>
          <nz-select class="w320px" [nzDropdownMatchSelectWidth]="false" nzPlaceHolder="请选择" [(ngModel)]="batchNoRule">
            <ng-container *ngFor="let data of clothing_batchno_rule">
              <nz-option *ngIf="!isLoading" [nzLabel]="data.name" [nzValue]="data.id"></nz-option>
            </ng-container>
            <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
              <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
            </nz-option>
          </nz-select>
        </div>
        <!-- 特定科室无需填写回收数量 -->
        <div class="display_flex align-items_center mb8">
          <nz-form-label class="label">特定科室无需填写回收数量</nz-form-label>
          <nz-select nzMode="multiple" class="w320px" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch nzAllowClear nzPlaceHolder="请选择" (nzOnSearch)="changeDept($event)" [(ngModel)]="noFillInQuantityIds">
            <ng-container *ngFor="let data of clothingDepts">
              <nz-option *ngIf="!isLoading" [nzLabel]="data.dept" nzValue="{{data.id}}"></nz-option>
            </ng-container>
            <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
              <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
            </nz-option>
          </nz-select>
        </div>

      </div>
      <!-- 自动建单配置 -->
      <div *ngIf="tabModalName=='automaticOrderCreation'">
      </div>
      <div class="bottom">
        <button class="login-form-button" nzType="primary" [nzLoading]="btnLoading" nz-button (click)="submitForm()">保存</button>
      </div>
    </div>
    <div class="list" *ngIf="loading">
      <div class="loadingFull display_flex justify-content_flex-center align-items_center">
        <div class="loadingFullInner">
          <img src="../../../assets/images/loading.gif" alt="">
          <div>加载中...</div>
        </div>
      </div>
    </div>
  </div>
</div>
