护士端切换院区

src/app/services/tool.service.ts

@@ -21,6 +21,10 @@ export class ToolService {
       ? JSON.parse(localStorage.getItem("user")).user.currentHospital
       : JSON.parse(localStorage.getItem("user")).infoPermission.hospitals[0];
   }
+  //获取当前用户科室
+  getCurrentUserDept() {
+    return JSON.parse(localStorage.getItem("user")).user.dept;
+  }
   //获取当前菜单的权限
   initCoopBtns(route) {
     let link;

src/app/share/hs-prompt-modal/hs-prompt-modal.component.html

@@ -2,7 +2,7 @@
   <div class="modalBody" *ngIf="changeShow">
     <div class="title">当前科室<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
     <div class="content">
-      <div class="defeat">{{currentDept}}</div>
+      <div class="defeat">{{currentDept.dept}}</div>
       <div class="countDown">关闭倒计时<em>{{closeTime}}s</em></div>
     </div>
     <div class="display_flex justify-content_flex-center">
@@ -15,16 +15,31 @@
     <div class="content content-search">
       <div class="defeat-search display_flex justify-content_flex-center flex-direction_column">
         <span>当前院区：<em>{{currentHospital.hosName}}</em></span>
-        <span>当前科室：<em>{{currentDept}}</em></span>
+        <span>当前科室：<em>{{currentDept.dept}}</em></span>
       </div>
       <div class="form">
         <form nz-form [formGroup]="validateForm">
+          <nz-form-item style="margin-bottom: 0;">
+            <nz-form-label class="label" [nzSm]="24" [nzXs]="24" nzRequired nzFor="hospital">搜索院区
+            </nz-form-label>
+            <nz-form-control class="control" [nzSm]="24" [nzXs]="24" nzErrorTip="请选择院区！">
+              <nz-select formControlName="hospital" [nzDropdownMatchSelectWidth]="false"
+                (ngModelChange)="searchHospital($event)" nzPlaceHolder="请选择院区">
+                <ng-container *ngFor="let option of hospitals">
+                  <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 class="label" [nzSm]="24" [nzXs]="24" nzRequired nzFor="dutyDeptFc">搜索当值科室
             </nz-form-label>
             <nz-form-control class="control" [nzSm]="24" [nzXs]="24" nzErrorTip="请选择当值科室！">
               <nz-select formControlName="dutyDeptFc" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch
-                (nzOnSearch)="searchDept($event)" nzAllowClear nzPlaceHolder="请选择当值科室" [(ngModel)]="dutyDept">
+                (nzOnSearch)="searchDept(validateForm.controls.hospital.value,$event)" nzPlaceHolder="请选择当值科室">
                 <ng-container *ngFor="let option of dutyDepts">
                   <nz-option *ngIf="!isLoading" [nzLabel]="option.dept" [nzValue]="option.id"></nz-option>
                 </ng-container>

src/app/share/hs-prompt-modal/hs-prompt-modal.component.less

@@ -1,4 +1,3 @@
-
 @import "../../../../src/theme.less";
 .modal {
   position: fixed;
@@ -6,7 +5,7 @@
   top: 0;
   width: 100%;
   height: 100%;
-  background: rgba(0, 0, 0, .4);
+  background: rgba(0, 0, 0, 0.4);
   z-index: 99;
 
   .modalBody {
@@ -16,7 +15,7 @@
     border-radius: 5px;
     padding: 10px 20px;
     color: #333;
-    &.modalBody-search{
+    &.modalBody-search {
       width: 480px;
       min-height: 250px;
     }
@@ -49,42 +48,42 @@
       flex-direction: column;
       justify-content: center;
       align-items: center;
-      &.content-search{
+      &.content-search {
         min-height: 147px;
         justify-content: start;
-        .defeat-search{
+        .defeat-search {
           width: 100%;
           height: 52px;
           display: flex;
           justify-content: center;
           align-items: center;
           border-bottom: solid 1px #e5e9ed;
-          em{
+          em {
             color: #666;
             font-style: normal;
           }
         }
-        .form{
+        .form {
           width: 100%;
           padding: 0 16px;
-          .ant-form-item-label,.ant-form-explain{
-            text-align: left!important;
+          .ant-form-item-label,
+          .ant-form-explain {
+            text-align: left !important;
           }
         }
       }
 
       div {
-        text-align: center;
         margin: 0;
 
         &.defeat {
           color: #333;
           font-size: 28px;
         }
-        &.countDown{
+        &.countDown {
           font-size: 14px;
           color: 666;
-          em{
+          em {
             font-style: normal;
             color: @primary-color;
           }
@@ -105,7 +104,6 @@
         margin-left: 8px;
       }
     }
-
   }
 
   // 新增
@@ -138,17 +136,13 @@
             }
           }
         }
-
       }
 
       button {
         &:nth-child(1) {
           margin-right: 20px;
-
         }
       }
-
     }
   }
-
 }

src/app/share/hs-prompt-modal/hs-prompt-modal.component.ts

@@ -1,10 +1,5 @@
 import { Component, OnInit, Input, Output, EventEmitter } from "@angular/core";
-import {
-  FormBuilder,
-  FormControl,
-  FormGroup,
-  Validators,
-} from "@angular/forms";
+import { FormBuilder, FormGroup, Validators } from "@angular/forms";
 import { MainService } from "../../services/main.service";
 import { ToolService } from "../../services/tool.service";
 import { Subject } from "rxjs";
@@ -20,11 +15,11 @@ export class HsPromptModalComponent implements OnInit {
   // 切换科室，切换弹窗
   // changeShow = true //true显示第一个弹窗，false显示选择科室的弹窗
   validateForm!: FormGroup;
-  dutyDept; //当值科室
   dutyDepts = []; //当值科室列表
   isLoading = false;
   currentHospital; //当前院区
-  currentDept = JSON.parse(localStorage.getItem("user")).user.dept.dept; //当前科室
+  hospitals = []; //所有院区
+  currentDept; //当前科室
   @Input() show: Boolean;
   @Input() changeShow: Boolean;
   @Input() closeTime: Number;
@@ -40,17 +35,24 @@ export class HsPromptModalComponent implements OnInit {
   ) {}
   searchDeptSubject = new Subject();
   ngOnInit() {
-    this.searchDeptSubject.pipe(debounceTime(500)).subscribe((v) => {
-      this.search(v);
+    this.searchDeptSubject.pipe(debounceTime(500)).subscribe((v: any) => {
+      this.search(v.hosId, v.e);
     });
+    this.hospitals = this.tool.getHospitalList();
     this.currentHospital = this.tool.getCurrentHospital();
+    this.currentDept = this.tool.getCurrentUserDept();
+    this.initForm();
+  }
+  initForm() {
+    this.search(this.currentHospital.id, "");
     this.validateForm = this.fb.group({
+      hospital: [this.currentHospital.id, [Validators.required]], //院区
       dutyDeptFc: [null, [Validators.required]], //当班科室
     });
-    this.search(false);
   }
   // 关闭弹窗
   hideModal() {
+    this.initForm();
     this.closeModelHs.emit(JSON.stringify({ show: false, changeShow: true })); //emits(向上弹射)事件
   }
   // 切换科室
@@ -60,9 +62,12 @@ export class HsPromptModalComponent implements OnInit {
   // 获取当前用户信息
   getCurrentUserNow() {
     this.mainService.getCurrentUser1().subscribe((data) => {
+      this.msg.remove(this.maskFlag);
+      this.maskFlag = false;
       if (data["status"] == 200) {
         let user = JSON.parse(localStorage.getItem("user"));
         user.user.dept = data["data"].dept;
+        user.user.currentHospital = data["data"].currentHospital;
         localStorage.setItem("user", JSON.stringify(user));
         this.showPromptModal("切换科室", true, "");
         this.hideModal();
@@ -77,31 +82,40 @@ export class HsPromptModalComponent implements OnInit {
       this.validateForm.controls[i].markAsDirty();
       this.validateForm.controls[i].updateValueAndValidity();
       if (this.validateForm.controls[i].valid === false) {
-        //携带物品非必填
         flag = false;
       }
     }
     if (!flag) {
       return;
     }
-    let dataObj = {
-      user: {
-        dept: {
-          id: this.validateForm.controls.dutyDeptFc.value,
-        },
-        id: JSON.parse(localStorage.getItem("user")).user.id,
-      },
-    };
     this.maskFlag = this.msg.loading("正在加载中..", {
       nzDuration: 0,
     }).messageId;
-    this.mainService.coopData("updData", "user", dataObj).subscribe((data) => {
-      this.msg.remove(this.maskFlag);
-      this.maskFlag = false;
-      if (data.status == 200) {
-        this.getCurrentUserNow();
-      } else {
-        this.showPromptModal("切换科室", false, "");
+    let postData = {
+      currentHosId: this.validateForm.controls.hospital.value,
+      loginType: "PC",
+    };
+    this.mainService.changeHospital(postData).subscribe((result) => {
+      if (result.status == 200) {
+        let dataObj = {
+          user: {
+            dept: {
+              id: this.validateForm.controls.dutyDeptFc.value,
+            },
+            id: JSON.parse(localStorage.getItem("user")).user.id,
+          },
+        };
+        this.mainService
+          .coopData("updData", "user", dataObj)
+          .subscribe((data) => {
+            if (data.status == 200) {
+              this.getCurrentUserNow();
+            } else {
+              this.showPromptModal("切换科室", false, "");
+              this.msg.remove(this.maskFlag);
+              this.maskFlag = false;
+            }
+          });
       }
     });
   }
@@ -121,26 +135,37 @@ export class HsPromptModalComponent implements OnInit {
     }, 100);
   }
   //当值科室搜索
-  searchDept(e) {
-    this.searchDeptSubject.next(e);
+  searchDept(hosId, e) {
+    this.isLoading = true;
+    this.searchDeptSubject.next({ hosId, e });
+  }
+  // 院区选择
+  searchHospital(hosId) {
+    this.validateForm.controls.dutyDeptFc.setValue(null);
+    this.searchDept(hosId, "");
   }
   // 当值科室搜索
-  search(e) {
+  currentKeywords = "";
+  search(hosId, e) {
     let keywords = "";
     if (e) {
       keywords = e;
     }
+    this.currentKeywords = keywords;
     let dataObj = {
       idx: 0,
-      sum: 20,
+      sum: 10,
       department: {
-        hospital: { id: this.currentHospital.id },
+        hospital: { id: hosId },
         keyWord: keywords,
       },
     };
     this.mainService
       .getFetchDataList("data", "department", dataObj)
       .subscribe((data) => {
+        if (this.currentKeywords == keywords) {
+          this.isLoading = false;
+        }
         if (data.status == 200) {
           this.dutyDepts = data.list;
         }