院区管理增加父子院区

src/app/views/hospital-management/hospital-management.component.html

@@ -1,6 +1,7 @@
 <div class="list-template">
   <div class="list-template__content">
     <div *ngIf="currentUserAccount == 'dsadmin'" class="list-template__top">
+    <!-- <div class="list-template__top"> -->
       <div nz-col nzXl="18" class="list-template__searchBox"></div>
       <div nz-col nzXl="6" class="list-template__btns">
         <button nz-button class="btn default" (click)="addModal()">新增</button>
@@ -79,6 +80,27 @@
               [nzSm]="6"
               [nzXs]="24"
               nzRequired
+              nzFor="parentHospital"
+              >父级院区</nz-form-label
+            >
+            <nz-form-control nzErrorTip="请选择父级院区!">
+              <nz-select formControlName="parentHospital" [nzDropdownMatchSelectWidth]="false" nzPlaceHolder="请选择父级院区" nzShowSearch nzAllowClear nzServerSearch (nzOnSearch)="changeInp($event)"
+              (nzOpenChange)="openHospitalSelect($event)">
+                <ng-container *ngFor="let option of parentHospitals">
+                  <nz-option *ngIf="!isLoading" [nzLabel]="option.hosName" [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>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label
+              [nzSm]="6"
+              [nzXs]="24"
+              nzRequired
               nzFor="hospitalName"
               >院区名称</nz-form-label
             >

src/app/views/hospital-management/hospital-management.component.ts

@@ -9,6 +9,8 @@ import { ActivatedRoute } from "@angular/router";
 
 import { MainService } from "../../services/main.service";
 import { ToolService } from "src/app/services/tool.service";
+import { Subject } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
 
 @Component({
   selector: "app-hospital-management",
@@ -24,6 +26,14 @@ export class HospitalManagementComponent implements OnInit {
   ) {}
 
   ngOnInit() {
+    this.searchParentHospitalSubject.pipe(debounceTime(500)).subscribe((v: any) => {
+      this.getAllParentHospital(v).subscribe((result) => {
+        this.isLoading = false;
+        if (result.status == 200) {
+          this.parentHospitals = result.list;
+        }
+      });
+    });
     this.coopBtns = this.tool.initCoopBtns(this.route);
     this.getList();
     this.initForm();
@@ -51,6 +61,42 @@ export class HospitalManagementComponent implements OnInit {
 
   // 初始化增删改按钮
   coopBtns: any = {};
+  //所有院区
+  parentHospitals: any = [];
+  searchParentHospitalSubject = new Subject();
+  //搜索父级院区
+  changeInp(e) {
+    this.isLoading = true;
+    this.searchParentHospitalSubject.next(e);
+  }
+  // 打开父级科室下拉框
+  isLoading = false;
+  openHospitalSelect(flag) {
+    if (flag) {
+      this.isLoading = true;
+      this.getAllParentHospital().subscribe((result) => {
+        this.isLoading = false;
+        if (result.status == 200) {
+          this.parentHospitals = result.list;
+        }
+      });
+    }
+  }
+  //获取所有的父级院区列表
+  getAllParentHospital(keyWord = "") {
+    let postData: any = {
+      idx: 0,
+      sum: 10,
+      hospital: {
+        keyWord: keyWord,
+      },
+    };
+    if (this.coopId) {
+      // 过滤这个院区及其子院区
+      postData.hospital.filterByDeptId = this.coopId;
+    }
+    return this.mainService.getFetchDataList("data", "hospital", postData);
+  }
 
   // 表格数据
   loading1 = false;
@@ -72,6 +118,7 @@ export class HospitalManagementComponent implements OnInit {
   addModal() {
     this.add = true;
     this.modal = true;
+    this.validateForm.controls.parentHospital.setValue("");
     this.validateForm.controls.hospitalName.setValue("");
     this.validateForm.controls.hospitalNum.setValue("");
   }
@@ -123,6 +170,7 @@ export class HospitalManagementComponent implements OnInit {
   // 初始化新增form表单
   initForm() {
     this.validateForm = this.fb.group({
+      parentHospital: [null],
       hospitalName: [null, [Validators.required]],
       hospitalNum: [null, [Validators.required]],
     });
@@ -137,12 +185,15 @@ export class HospitalManagementComponent implements OnInit {
     }
     if (that.validateForm.invalid) return;
     that.btnLoading = true;
-    let data = {
+    let data: any = {
       hospital: {
         hosName: that.validateForm.value.hospitalName,
         hosNo: that.validateForm.value.hospitalNum,
       },
     };
+    if (this.validateForm.value.parentHospital) {
+      data.hospital.parent = { id: this.validateForm.value.parentHospital };
+    }
     if (!that.add) {
       data.hospital["id"] = that.coopId;
     }
@@ -165,6 +216,14 @@ export class HospitalManagementComponent implements OnInit {
     this.add = false;
     this.modal = true;
     this.coopId = data.id;
+    if (data.parent) {
+      this.getAllParentHospital(data.parent.dept).subscribe((res) => {
+        if (res.status == 200) {
+          this.parentHospitals = res.list;
+          this.validateForm.controls.parentHospital.setValue(data.parent.id);
+        }
+      });
+    }
     this.validateForm.controls.hospitalName.setValue(data.hosName);
     this.validateForm.controls.hospitalNum.setValue(data.hosNo);
   }