页面样式调整

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

@@ -1,5 +1,5 @@
 <div class="hospitalConfig" *ngIf="!isLoading">
-  <div class="main">
+  <overlay-scrollbars #osComponentRef1 class="main">
     <h2>院区系统配置</h2>
     <form nz-form [formGroup]="validateForm" class="forms">
       <div class="form">
@@ -357,7 +357,7 @@
         </nz-form-item>
       </div>
     </form>
-  </div>
+  </overlay-scrollbars>
   <div class="submit">
     <button
       [disabled]="!coopBtns.edit"

src/app/views/hospital-config/hospital-config.component.less

@@ -4,6 +4,7 @@
   flex-direction: column;
   justify-content: space-between;
   .main {
+    height: calc(100vh - 161px);
     h2 {
       height: 60px;
       line-height: 60px;

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

@@ -1,4 +1,4 @@
-import { Component, OnInit } from "@angular/core";
+import { Component, OnInit, ViewChild } from "@angular/core";
 import {
   FormBuilder,
   FormGroup,
@@ -11,6 +11,7 @@ import { Subject } from "rxjs";
 import { debounceTime } from "rxjs/operators";
 import { MainService } from "src/app/services/main.service";
 import { ToolService } from "src/app/services/tool.service";
+import { OverlayScrollbarsComponent } from 'overlayscrollbars-ngx';
 
 @Component({
   selector: "app-hospital-config",
@@ -42,7 +43,11 @@ export class HospitalConfigComponent implements OnInit {
     private tool: ToolService,
     private message: NzMessageService
   ) {}
-
+  @ViewChild("osComponentRef1", {
+    read: OverlayScrollbarsComponent,
+    static: false,
+  })
+  osComponentRef1: OverlayScrollbarsComponent;
   ngOnInit() {
     this.hosId = this.tool.getCurrentHospital().id;
     this.onSearchSubject.pipe(debounceTime(500)).subscribe((v) => {

src/app/views/sys-config/sys-config.component.html

@@ -1,5 +1,5 @@
 <div class="sysConfig" *ngIf="!loading1&&!loading4">
-  <div class="main">
+  <overlay-scrollbars #osComponentRef1 class="main">
     <h2>系统配置</h2>
     <form nz-form [formGroup]="validateForm" class="forms">
       <div class="form">
@@ -114,7 +114,7 @@
         </nz-form-item>
       </div>
     </form>
-  </div>
+  </overlay-scrollbars>
   <div class="submit">
     <button [disabled]="!coopBtns.edit" nz-button nzType="primary" class="save" (click)="submitForm()"
       [nzLoading]="loading2">保存</button>

src/app/views/sys-config/sys-config.component.less

@@ -4,6 +4,7 @@
   flex-direction: column;
   justify-content: space-between;
   .main {
+    height: calc(100vh - 161px);
     h2 {
       font-size: 22px;
       color: #333;

src/app/views/sys-config/sys-config.component.ts

@@ -1,8 +1,9 @@
-import { Component, OnInit } from "@angular/core";
+import { Component, OnInit, ViewChild } from "@angular/core";
 import { FormBuilder, FormGroup, Validators } from "@angular/forms";
 import { ActivatedRoute } from "@angular/router";
 import { MainService } from "../../services/main.service";
 import { ToolService } from "src/app/services/tool.service";
+import { OverlayScrollbarsComponent } from 'overlayscrollbars-ngx';
 
 @Component({
   selector: "app-sys-config",
@@ -29,7 +30,11 @@ export class SysConfigComponent implements OnInit {
     private route: ActivatedRoute,
     private tool: ToolService
   ) {}
-
+  @ViewChild("osComponentRef1", {
+    read: OverlayScrollbarsComponent,
+    static: false,
+  })
+  osComponentRef1: OverlayScrollbarsComponent;
   ngOnInit() {
     this.validateForm = this.fb.group({
       defaultPwd: [null, [Validators.required]],