被服视图加楼栋筛选

src/app/views/washing-batch-view/washing-batch-view.component.html

@@ -29,6 +29,18 @@
             </ng-container>
           </nz-select>
         </div>
+        <div class="searchItem">
+          <span class="label">楼栋</span>：
+          <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch nzAllowClear
+            nzPlaceHolder="请选择楼栋" [(ngModel)]="searchDto.buildingId" (nzOnSearch)="changeInp($event, 'building')">
+            <ng-container *ngFor="let option of buildingList">
+              <nz-option *ngIf="!isLoading" [nzLabel]="option.buildingName" [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>
       <div class="display_flex align-items_center">
         <button nzType="primary" nz-button (click)="getList()">搜索</button>

src/app/views/washing-batch-view/washing-batch-view.component.ts

@@ -3,6 +3,8 @@ import { ToolService } from 'src/app/services/tool.service';
 import { MainService } from 'src/app/services/main.service';
 import { ActivatedRoute } from '@angular/router';
 import { FormGroup, Validators, FormBuilder } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
 
 @Component({
   selector: "app-washing-batch-view",
@@ -19,8 +21,15 @@ export class WashingBatchViewComponent implements OnInit, AfterViewInit {
   ){}
 
   ngOnInit() {
+    //防抖
+    this.changeInpSubject.pipe(debounceTime(500)).subscribe((v) => {
+      if(v[1] === 'building'){
+        this.getBuildingList(v[0]);
+      }
+    });
     this.hosId = this.tool.getCurrentHospital().id;
     this.getParentList();
+    this.getBuildingList();
     this.getChildList();
     this.getDictionaryList();
     this.getList();
@@ -48,12 +57,20 @@ export class WashingBatchViewComponent implements OnInit, AfterViewInit {
   searchDto:any = {
     parent: null,
     child: null,
+    buildingId: null,
   }
   parentList: Array<any> = []; //父级分类数据字典信息
   childList: Array<any> = []; //分类数据字典信息
   rows:any[] = [['id', 'clothesState', ''], [], ['','件数', '费用/元']];
   totalData:any = {};
 
+  //搜索
+  changeInpSubject = new Subject(); //防抖
+  changeInp(e, type) {
+    this.isLoading = true;
+    this.changeInpSubject.next([e, type]);
+  }
+
   // 查看业务数据
   washingExceptionModalShow = false; //业务数据弹窗开关
   viewDetail() {
@@ -121,10 +138,34 @@ export class WashingBatchViewComponent implements OnInit, AfterViewInit {
       });
   }
 
+  // 获取楼栋
+  buildingList:any[] = [];
+  isLoading:boolean = false;
+  getBuildingList(keyWord = '') {
+    let postData = {
+      idx: 0,
+      sum: 9999,
+      building: {
+        simpleQuery: true,
+        buildingName: keyWord,
+        cascadeHosId: this.hosId,
+      }
+    };
+    this.isLoading = true;
+    this.mainService.getFetchDataList("simple/data", "building", postData)
+    .subscribe((data) => {
+      this.isLoading = false;
+      if (data.status == 200) {
+        this.buildingList = data.list;
+      }
+    });
+  }
+
   reset(){
     this.searchDto = {
       parent: null,
       child: null,
+      buildingId: null,
     }
     this.getList();
   }
@@ -275,6 +316,7 @@ export class WashingBatchViewComponent implements OnInit, AfterViewInit {
       batchId: this.route.snapshot.paramMap.get("id"),
       clothesTypeParent: this.searchDto.parent,
       clothesDeptId: this.searchDto.child,
+      buildingId: this.searchDto.buildingId,
     };
     this.loading = true;
     this.mapOfCheckedId = {};