科室增加上下级

src/app/views/office-detail/office-detail.component.html

@@ -24,6 +24,10 @@
             <span>科室电话</span>
             <span>{{officeInfo.manyPhone?officeInfo.manyPhone:'无'}}</span>
           </div>
+          <div class="item display_flex  justify-content_space-between align-items_flex-start">
+            <span>父级科室</span>
+            <span>{{officeInfo.parent?officeInfo.parent.dept:'无'}}</span>
+          </div>
         </div>
       </div>
     </div>

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

@@ -39,19 +39,21 @@
           <tr class="thead">
             <th nzWidth="5%" nzShowCheckbox [(nzChecked)]="isAllDisplayDataChecked"
               (nzCheckedChange)="checkAll($event)"></th>
-            <th nzWidth="15%">科室名称</th>
+            <th nzWidth="10%">科室名称</th>
+            <th nzWidth="10%">父级科室名称</th>
             <th nzWidth="10%">别名</th>
             <th nzWidth="10%">科室编码</th>
             <th nzWidth="10%">科室电话</th>
             <th nzWidth="10%">科室类型</th>
             <th nzWidth="15%">科室位置</th>
-            <th nzWidth="25%">操作</th>
+            <th nzWidth="20%">操作</th>
           </tr>
         </thead>
         <tbody>
           <tr *ngFor="let data of listOfData" (click)="selectedListData(data.id)">
             <td nzShowCheckbox [(nzChecked)]="mapOfCheckedId[data.id]" (nzCheckedChange)="refreshStatus()"></td>
             <td>{{ data.dept||'无' }}</td>
+            <td>{{ data.parent?data.parent.dept:'无' }}</td>
             <td>{{ data.deptalias||'无' }}</td>
             <td>{{ data.pcode||'无' }}</td>
             <td>
@@ -88,6 +90,22 @@
       <overlay-scrollbars #osComponentRef1 class="content">
         <form nz-form [formGroup]="validateForm" class="addForm" (ngSubmit)="submitForm()">
           <nz-form-item>
+            <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="parentOfficeName">父级科室</nz-form-label>
+            <nz-form-control nzErrorTip="请填写父级科室!">
+              <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="parentOfficeName" nzShowSearch
+                nzPlaceHolder="请填写父级科室" nzServerSearch (nzOnSearch)="changeInp($event)"
+                (nzOpenChange)="openDeptSelect($event)">
+                <ng-container *ngFor="let data of allParentdepart">
+                  <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>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
             <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="officeName">科室名称</nz-form-label>
             <nz-form-control nzErrorTip="请填写科室名称!">
               <nz-input-group>

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

@@ -12,6 +12,8 @@ import { OverlayScrollbarsComponent } from "overlayscrollbars-ngx";
 import { ToolService } from "../../services/tool.service";
 import { format } from "date-fns";
 import { NzMessageService } from "ng-zorro-antd";
+import { Subject } from "rxjs";
+import { debounceTime } from "rxjs/operators";
 
 @Component({
   selector: "app-office-management",
@@ -34,6 +36,14 @@ export class OfficeManagementComponent implements OnInit {
   ) {}
 
   ngOnInit() {
+    this.searchParentDeptSubject.pipe(debounceTime(500)).subscribe((v: any) => {
+      this.getAllParentdepart(v).subscribe((result) => {
+        this.isLoading = false;
+        if (result.status == 200) {
+          this.allParentdepart = result.list;
+        }
+      });
+    });
     this.coopBtns = this.tool.initCoopBtns(this.route);
     this.initForm();
     this.getAllHospital();
@@ -62,9 +72,44 @@ export class OfficeManagementComponent implements OnInit {
   deptPhones: any = []; //新添加的科室电话列表
   isAddDeptsPhone = true; //添加新的科室电话是否禁用
   deptsPhoneId = 1; //科室电话自增id
-
+  allParentdepart: any = []; //所有的父级科室列表
+  searchParentDeptSubject = new Subject();
   // 初始化增删改按钮
   coopBtns: any = {};
+  //搜索父级科室
+  changeInp(e) {
+    this.isLoading = true;
+    this.searchParentDeptSubject.next(e);
+  }
+  // 打开父级科室下拉框baba
+  isLoading = false;
+  openDeptSelect(flag) {
+    if (flag) {
+      this.isLoading = true;
+      this.getAllParentdepart().subscribe((result) => {
+        this.isLoading = false;
+        if (result.status == 200) {
+          this.allParentdepart = result.list;
+        }
+      });
+    }
+  }
+  //获取所有的父级科室列表baba
+  getAllParentdepart(keyWord = "") {
+    let postData: any = {
+      idx: 0,
+      sum: 10,
+      department: {
+        hospital: { id: this.hospital },
+        keyWord: keyWord,
+      },
+    };
+    if (this.coopItem) {
+      // 过滤这个科室及其子科室
+      postData.department.filterByDeptId = this.coopItem.id;
+    }
+    return this.mainService.getFetchDataList("data", "department", postData);
+  }
   // 新添加科室号码
   addDeptPhone(e: MouseEvent) {
     e.preventDefault();
@@ -251,6 +296,7 @@ export class OfficeManagementComponent implements OnInit {
     this.deptPhones = [];
   }
   hideModal() {
+    this.coopItem = null;
     this.modal = false;
     this.initForm();
   }
@@ -265,6 +311,7 @@ export class OfficeManagementComponent implements OnInit {
     this.startTime2Hourdis = () => [];
     this.startTime2Mindis = () => [];
     this.validateForm = this.fb.group({
+      parentOfficeName: [null],
       officeName: [null, [Validators.required]],
       deptalias: [null],
       officeNo: [null, [Validators.required]],
@@ -356,7 +403,7 @@ export class OfficeManagementComponent implements OnInit {
     console.log(that.validateForm);
     if (that.validateForm.invalid) return;
     let deptsPhone = this.deptPhones.map((item) => item.phone).join();
-    let data = {
+    let data: any = {
       department: {
         dept: that.validateForm.value.officeName,
         deptalias: that.validateForm.value.deptalias,
@@ -371,6 +418,9 @@ export class OfficeManagementComponent implements OnInit {
         type: { id: that.validateForm.value.officeType },
       },
     };
+    if (this.validateForm.value.parentOfficeName) {
+      data.department.parent = { id: this.validateForm.value.parentOfficeName };
+    }
     if (
       this.validateForm.value.startTime1 ||
       this.validateForm.value.endTime1
@@ -430,10 +480,12 @@ export class OfficeManagementComponent implements OnInit {
   }
 
   // 编辑
+  coopItem: any = null;
   edit(e, data) {
     e.stopPropagation();
     this.add = false;
     this.coopId = data.id;
+    this.coopItem = data;
     this.isAddDeptsPhone = false;
     this.deptPhones = [];
     let phones = data.manyPhone ? data.manyPhone.split(",") : [];
@@ -461,6 +513,14 @@ export class OfficeManagementComponent implements OnInit {
       this.validateForm.controls.endTime2.setValue(new Date(data.endTime2));
     }
     this.validateForm.controls.officeAddress.setValue(data.address);
+    if (data.parent) {
+      this.getAllParentdepart(data.parent.dept).subscribe((res) => {
+        if (res.status == 200) {
+          this.allParentdepart = res.list;
+          this.validateForm.controls.parentOfficeName.setValue(data.parent.id);
+        }
+      });
+    }
     this.validateForm.controls.officeName.setValue(data.dept);
     this.validateForm.controls.deptalias.setValue(data.deptalias);
     this.validateForm.controls.officeNo.setValue(data.pcode);