院区配置

src/app/components/configurationCenter/configuration-hospital/configuration-hospital.component.html

@@ -0,0 +1,25 @@
+<div class="content priority">
+  <div class="contentInner">
+    <div class="addressAssign">
+      <overlay-scrollbars #osComponentRef2 class="contentBody2">
+        <div class="contentBody">
+          <div class="classList" *ngFor="let item of hospitalList">
+            <span>{{ item.desc }}：</span>
+            <nz-radio-group [(ngModel)]="item.value">
+              <label nz-radio nzValue="1">是</label>
+              <label nz-radio nzValue="0">否</label>
+            </nz-radio-group>
+          </div>
+        </div>
+      </overlay-scrollbars>
+      <div class="contentBtns">
+        <button nz-button nzType="primary" (click)="submitMessageForm()">确定</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo">
+</app-prompt-modal>

src/app/components/configurationCenter/configuration-hospital/configuration-hospital.component.less

@@ -0,0 +1,146 @@
+@import "../../../../../src/theme.less";
+:host {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  background-color: #F0F2F5;
+  .list-template__nzTable,
+  .list-template__bottom{
+    padding: 0!important;
+    border: none!important;
+    background: #fff!important;
+  }
+  .list-template{
+    width: 100%!important;
+    height: 100%!important;
+  }
+  .content{
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    border: 1px solid #EEF3F9;
+    &.priority{
+      margin: 24px 275px 0;
+      background-color: #fff;
+      .contentInner{
+        padding: 90px 158px 72px;
+        border: 1px solid #E8EBEF;
+        .addressAssign{
+          width: 100%;
+          border: none;
+        }
+        .contentBody{
+          flex: 1;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          padding: 0 16px;
+          gap: 32px;
+        }
+        .hospital{
+          width: 100%;
+          text-align: left;
+        }
+        .classList{
+          .select{
+            width: 313px;
+          }
+          span{
+            display: inline-block;
+            width: 11em;
+          }
+        }
+      }
+    }
+    .contentItem{
+      padding: 4px 16px;
+      cursor: pointer;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      &.active{
+        color: @primary-color;
+        background-color: #F0F6ED;
+        border-radius: 4px;
+      }
+    }
+    .contentInner{
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      padding: 0 16px;
+      gap: 32px;
+      .contentHead{
+        height: 45px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        gap: 16px;
+        padding: 0 16px;
+        font-size: 16px;
+        font-weight: bold;
+        border-bottom: 1px solid #D9D9D9;
+        .title{
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+        .btns{
+          flex-shrink: 0;
+        }
+      }
+      .contentBody{
+        padding: 0 8px 16px;
+        margin: 4px 0;
+        flex: 1;
+      }
+      .contentBody2{
+        flex: 1;
+      }
+      .address{
+        flex: 1;
+        height: 100%;
+        background: #FFFFFF;
+        border: 1px solid #E8EBEF;
+        display: flex;
+        flex-direction: column;
+        width: 0;
+      }
+      .addressAssign{
+        flex: 3;
+        height: 100%;
+        background: #FFFFFF;
+        border: 1px solid #E8EBEF;
+        display: flex;
+        flex-direction: column;
+        width: 0;
+      }
+      .list-template__searchItem {
+        margin-bottom: 16px;
+        .label {
+          color: #333;
+          display: inline-block;
+          width: 70px;
+          text-align-last: justify;
+          text-align: justify;
+          &.label--big {
+            width: 100px;
+          }
+        }
+        .formItem {
+          width: 135px;
+        }
+      }
+    }
+    .contentBtns{
+      margin-bottom: 16px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+}

src/app/components/configurationCenter/configuration-hospital/configuration-hospital.component.ts

@@ -0,0 +1,91 @@
+import { Component, OnInit } from "@angular/core";
+import { ActivatedRoute } from "@angular/router";
+import { MainService } from "../../../services/main.service";
+import { ToolService } from 'src/app/services/tool.service';
+import { NzMessageService } from 'ng-zorro-antd';
+
+@Component({
+  selector: "app-configuration-hospital",
+  templateUrl: "./configuration-hospital.component.html",
+  styleUrls: ["./configuration-hospital.component.less"],
+})
+export class ConfigurationHospitalComponent implements OnInit {
+  constructor(
+    private route: ActivatedRoute,
+    private mainService: MainService,
+    private tool: ToolService,
+    private message: NzMessageService,
+  ) {}
+
+  coopData: any = {}; //当前操作列
+  currentHospital; //当前院区
+
+  ngOnInit() {
+    this.currentHospital = this.tool.getCurrentHospital();
+    this.getList();
+  }
+
+  // 新增/编辑表单提交
+  btnLoading: boolean = false; //提交按钮loading状态
+  submitMessageForm(): void {
+    this.btnLoading = true;
+    let postData:any = {
+      hosId: this.currentHospital.id,
+      // workdayClassId: this.dataInfo.workdayClassId,
+      // holidayClassId: this.dataInfo.holidayClassId,
+    };
+    // postData = { ...this.dataInfo, ...postData };
+    this.mainService
+      .simplePost("addData", "hospitalConfig", postData)
+      .subscribe((result) => {
+        this.btnLoading = false;
+        let msg = "保存";
+        if (result.status == 200) {
+          this.showPromptModal(msg, true, '');
+        } else {
+          this.showPromptModal(msg, false, result.msg);
+        }
+      });
+  }
+
+  // 获取列表
+  loading1:boolean = false;
+  hospitalList:any[] = [];
+  getList() {
+    let data = {
+      idx: 0,
+      sum: 9999,
+      hospitalConfig: {
+        hosId: this.currentHospital.id,
+        model: 'itsm',
+      },
+    };
+    this.loading1 = true;
+    this.mainService
+      .getFetchDataList("simple/data", "hospitalConfig", data)
+      .subscribe((data) => {
+        this.loading1 = false;
+        if (data.status == 200) {
+          this.hospitalList = data.list || [];
+        }else{
+          this.message.error(data.msg || "请求数据失败");
+        }
+      });
+  }
+
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  promptContent: string; //操作提示框提示信息
+  ifSuccess: boolean; //操作成功/失败
+  promptInfo: string; //操作结果提示信息
+  promptModalShow: boolean; //操作提示框是否展示
+  showPromptModal(con, success, promptInfo?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+    this.getList();
+  }
+}

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

@@ -24,6 +24,10 @@
   <ng-container *ngIf="activeTagId === 4">
     <app-configuration-message></app-configuration-message>
   </ng-container>
+  <!-- 院区配置 -->
+  <ng-container *ngIf="activeTagId === 5">
+    <app-configuration-hospital></app-configuration-hospital>
+  </ng-container>
 </div>
 
 

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

@@ -17,6 +17,7 @@ export class IncidentConfigComponent implements OnInit, AfterViewInit {
     { id: 2, name: '优先级',},
     { id: 3, name: '数据字典',},
     { id: 4, name: '消息通知',},
+    { id: 5, name: '院区配置',},
   ];
 
   ngOnInit(): void {}

src/app/views/incident-config/incident-config.module.ts

@@ -8,6 +8,7 @@ import { ConfigurationCategoryComponent } from 'src/app/components/configuration
 import { ConfigurationPriorityComponent } from 'src/app/components/configurationCenter/configuration-priority/configuration-priority.component';
 import { ConfigurationDictionaryComponent } from 'src/app/components/configurationCenter/configuration-dictionary/configuration-dictionary.component';
 import { ConfigurationMessageComponent } from 'src/app/components/configurationCenter/configuration-message/configuration-message.component';
+import { ConfigurationHospitalComponent } from 'src/app/components/configurationCenter/configuration-hospital/configuration-hospital.component';
 
 
 @NgModule({
@@ -17,6 +18,7 @@ import { ConfigurationMessageComponent } from 'src/app/components/configurationC
     ConfigurationPriorityComponent,
     ConfigurationDictionaryComponent,
     ConfigurationMessageComponent,
+    ConfigurationHospitalComponent,
   ],
   imports: [
     CommonModule,