院区设置增加配置项

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

@@ -3,130 +3,354 @@
     <h2>院区系统配置</h2>
     <form nz-form [formGroup]="validateForm" class="forms">
       <div class="form">
-        <nz-form-item class="formItem" *ngFor="let config of hospitalConfigList">
+        <nz-form-item
+          class="formItem"
+          *ngFor="let config of hospitalConfigList"
+        >
           <ng-container [ngSwitch]="config.key">
             <ng-container *ngSwitchCase="'autoCreateUserRoleId'">
-              <nz-form-label [nzSpan]="24" [nzFor]="config.key" nzRequired class="label">{{config.desc}}</nz-form-label>
-              <nz-form-control [nzSpan]="24" [nzErrorTip]="'请选择'+config.desc+'!'">
-                <nz-select [formControlName]="config.key" [nzPlaceHolder]="'请选择'+config.desc" nzShowSearch
-                  nzServerSearch>
+              <nz-form-label
+                [nzSpan]="24"
+                [nzFor]="config.key"
+                nzRequired
+                class="label"
+                >{{ config.desc }}</nz-form-label
+              >
+              <nz-form-control
+                [nzSpan]="24"
+                [nzErrorTip]="'请选择' + config.desc + '!'"
+              >
+                <nz-select
+                  [formControlName]="config.key"
+                  [nzPlaceHolder]="'请选择' + config.desc"
+                  nzShowSearch
+                  nzServerSearch
+                >
                   <ng-container *ngFor="let o of roleList">
-                    <nz-option *ngIf="true" [nzValue]="o.id" [nzLabel]="o.role"></nz-option>
+                    <nz-option
+                      *ngIf="true"
+                      [nzValue]="o.id"
+                      [nzLabel]="o.role"
+                    ></nz-option>
                   </ng-container>
                   <nz-option *ngIf="false" nzDisabled nzCustomContent>
-                    <i nz-icon nzType="loading" class="loading-icon"></i> 正在加载中...
+                    <i nz-icon nzType="loading" class="loading-icon"></i>
+                    正在加载中...
                   </nz-option>
                 </nz-select>
               </nz-form-control>
             </ng-container>
             <ng-container *ngSwitchCase="'autoCreateUserDeptId'">
-              <nz-form-label [nzSpan]="24" [nzFor]="config.key" nzRequired class="label">{{config.desc}}</nz-form-label>
-              <nz-form-control [nzSpan]="24" [nzErrorTip]="'请选择'+config.desc+'!'">
-                <nz-select [formControlName]="config.key" [nzPlaceHolder]="'请选择'+config.desc" nzShowSearch
-                  nzServerSearch (nzOnSearch)="onSearch($event)">
+              <nz-form-label
+                [nzSpan]="24"
+                [nzFor]="config.key"
+                nzRequired
+                class="label"
+                >{{ config.desc }}</nz-form-label
+              >
+              <nz-form-control
+                [nzSpan]="24"
+                [nzErrorTip]="'请选择' + config.desc + '!'"
+              >
+                <nz-select
+                  [formControlName]="config.key"
+                  [nzPlaceHolder]="'请选择' + config.desc"
+                  nzShowSearch
+                  nzServerSearch
+                  (nzOnSearch)="onSearch($event)"
+                >
                   <ng-container *ngFor="let o of deptList">
-                    <nz-option *ngIf="!searchLoading" [nzValue]="o.id" [nzLabel]="o.dept"></nz-option>
+                    <nz-option
+                      *ngIf="!searchLoading"
+                      [nzValue]="o.id"
+                      [nzLabel]="o.dept"
+                    ></nz-option>
                   </ng-container>
                   <nz-option *ngIf="searchLoading" nzDisabled nzCustomContent>
-                    <i nz-icon nzType="loading" class="loading-icon"></i> 正在加载中...
+                    <i nz-icon nzType="loading" class="loading-icon"></i>
+                    正在加载中...
                   </nz-option>
                 </nz-select>
               </nz-form-control>
             </ng-container>
             <ng-container *ngSwitchCase="'autoCreateUserGroupId'">
-              <nz-form-label [nzSpan]="24" [nzFor]="config.key" nzRequired class="label">{{config.desc}}</nz-form-label>
-              <nz-form-control [nzSpan]="24" [nzErrorTip]="'请选择'+config.desc+'!'">
-                <nz-select [formControlName]="config.key" [nzPlaceHolder]="'请选择'+config.desc" nzShowSearch
-                  nzServerSearch>
+              <nz-form-label
+                [nzSpan]="24"
+                [nzFor]="config.key"
+                nzRequired
+                class="label"
+                >{{ config.desc }}</nz-form-label
+              >
+              <nz-form-control
+                [nzSpan]="24"
+                [nzErrorTip]="'请选择' + config.desc + '!'"
+              >
+                <nz-select
+                  [formControlName]="config.key"
+                  [nzPlaceHolder]="'请选择' + config.desc"
+                  nzShowSearch
+                  nzServerSearch
+                >
                   <ng-container *ngFor="let o of groupList">
-                    <nz-option *ngIf="true" [nzValue]="o.id" [nzLabel]="o.groupName"></nz-option>
+                    <nz-option
+                      *ngIf="true"
+                      [nzValue]="o.id"
+                      [nzLabel]="o.groupName"
+                    ></nz-option>
                   </ng-container>
                   <nz-option *ngIf="false" nzDisabled nzCustomContent>
-                    <i nz-icon nzType="loading" class="loading-icon"></i> 正在加载中...
+                    <i nz-icon nzType="loading" class="loading-icon"></i>
+                    正在加载中...
                   </nz-option>
                 </nz-select>
               </nz-form-control>
             </ng-container>
             <ng-container *ngSwitchCase="'phone_num_port'">
               <nz-form-label [nzSpan]="24" [nzFor]="config.key" class="label">
-                {{config.desc}}</nz-form-label>
-              <nz-form-control [nzSpan]="24" [nzErrorTip]="'请选择'+config.desc+'!'">
+                {{ config.desc }}</nz-form-label
+              >
+              <nz-form-control
+                [nzSpan]="24"
+                [nzErrorTip]="'请选择' + config.desc + '!'"
+              >
                 <div class="phone">
-                  <input [formControlName]="config.key" nz-input [placeholder]="'请选择'+config.desc" />
+                  <input
+                    [formControlName]="config.key"
+                    nz-input
+                    [placeholder]="'请选择' + config.desc"
+                  />
                   <input nz-input [value]="config.value2" disabled />
                 </div>
               </nz-form-control>
             </ng-container>
             <ng-container *ngSwitchCase="'phone_num_port1'">
               <nz-form-label [nzSpan]="24" [nzFor]="config.key" class="label">
-                {{config.desc}}</nz-form-label>
-              <nz-form-control [nzSpan]="24" [nzErrorTip]="'请选择'+config.desc+'!'">
+                {{ config.desc }}</nz-form-label
+              >
+              <nz-form-control
+                [nzSpan]="24"
+                [nzErrorTip]="'请选择' + config.desc + '!'"
+              >
                 <div class="phone">
-                  <input [formControlName]="config.key" nz-input [placeholder]="'请选择'+config.desc" />
+                  <input
+                    [formControlName]="config.key"
+                    nz-input
+                    [placeholder]="'请选择' + config.desc"
+                  />
                   <input nz-input [value]="config.value2" disabled />
                 </div>
               </nz-form-control>
             </ng-container>
             <ng-container *ngSwitchCase="'phone_num_port2'">
               <nz-form-label [nzSpan]="24" [nzFor]="config.key" class="label">
-                {{config.desc}}</nz-form-label>
-              <nz-form-control [nzSpan]="24" [nzErrorTip]="'请选择'+config.desc+'!'">
+                {{ config.desc }}</nz-form-label
+              >
+              <nz-form-control
+                [nzSpan]="24"
+                [nzErrorTip]="'请选择' + config.desc + '!'"
+              >
                 <div class="phone">
-                  <input [formControlName]="config.key" nz-input [placeholder]="'请选择'+config.desc" />
+                  <input
+                    [formControlName]="config.key"
+                    nz-input
+                    [placeholder]="'请选择' + config.desc"
+                  />
                   <input nz-input [value]="config.value2" disabled />
                 </div>
               </nz-form-control>
             </ng-container>
             <ng-container *ngSwitchCase="'phone_num_port3'">
               <nz-form-label [nzSpan]="24" [nzFor]="config.key" class="label">
-                {{config.desc}}</nz-form-label>
-              <nz-form-control [nzSpan]="24" [nzErrorTip]="'请选择'+config.desc+'!'">
+                {{ config.desc }}</nz-form-label
+              >
+              <nz-form-control
+                [nzSpan]="24"
+                [nzErrorTip]="'请选择' + config.desc + '!'"
+              >
                 <div class="phone">
-                  <input [formControlName]="config.key" nz-input [placeholder]="'请选择'+config.desc" />
+                  <input
+                    [formControlName]="config.key"
+                    nz-input
+                    [placeholder]="'请选择' + config.desc"
+                  />
                   <input nz-input [value]="config.value2" disabled />
                 </div>
               </nz-form-control>
             </ng-container>
             <ng-container *ngSwitchCase="'rebackPatientTypeId'">
-              <nz-form-label [nzSpan]="24" [nzFor]="config.key" nzRequired class="label">{{config.desc}}</nz-form-label>
-              <nz-form-control [nzSpan]="24" [nzErrorTip]="'请选择'+config.desc+'!'">
-                <nz-select [formControlName]="config.key" [nzPlaceHolder]="'请选择'+config.desc" nzShowSearch
-                  nzServerSearch>
+              <nz-form-label
+                [nzSpan]="24"
+                [nzFor]="config.key"
+                nzRequired
+                class="label"
+                >{{ config.desc }}</nz-form-label
+              >
+              <nz-form-control
+                [nzSpan]="24"
+                [nzErrorTip]="'请选择' + config.desc + '!'"
+              >
+                <nz-select
+                  [formControlName]="config.key"
+                  [nzPlaceHolder]="'请选择' + config.desc"
+                  nzShowSearch
+                  nzServerSearch
+                >
                   <ng-container *ngFor="let o of taskTypeList">
-                    <nz-option *ngIf="true" [nzValue]="o.id" [nzLabel]="o.taskName"></nz-option>
+                    <nz-option
+                      *ngIf="true"
+                      [nzValue]="o.id"
+                      [nzLabel]="o.taskName"
+                    ></nz-option>
                   </ng-container>
                   <nz-option *ngIf="false" nzDisabled nzCustomContent>
-                    <i nz-icon nzType="loading" class="loading-icon"></i> 正在加载中...
+                    <i nz-icon nzType="loading" class="loading-icon"></i>
+                    正在加载中...
                   </nz-option>
                 </nz-select>
               </nz-form-control>
             </ng-container>
             <ng-container *ngSwitchCase="'transDeptTypeId'">
-              <nz-form-label [nzSpan]="24" [nzFor]="config.key" nzRequired class="label">{{config.desc}}</nz-form-label>
-              <nz-form-control [nzSpan]="24" [nzErrorTip]="'请选择'+config.desc+'!'">
-                <nz-select [formControlName]="config.key" [nzPlaceHolder]="'请选择'+config.desc" nzShowSearch
-                  nzServerSearch>
+              <nz-form-label
+                [nzSpan]="24"
+                [nzFor]="config.key"
+                nzRequired
+                class="label"
+                >{{ config.desc }}</nz-form-label
+              >
+              <nz-form-control
+                [nzSpan]="24"
+                [nzErrorTip]="'请选择' + config.desc + '!'"
+              >
+                <nz-select
+                  [formControlName]="config.key"
+                  [nzPlaceHolder]="'请选择' + config.desc"
+                  nzShowSearch
+                  nzServerSearch
+                >
                   <ng-container *ngFor="let o of taskTypeList">
-                    <nz-option *ngIf="true" [nzValue]="o.id" [nzLabel]="o.taskName"></nz-option>
+                    <nz-option
+                      *ngIf="true"
+                      [nzValue]="o.id"
+                      [nzLabel]="o.taskName"
+                    ></nz-option>
                   </ng-container>
                   <nz-option *ngIf="false" nzDisabled nzCustomContent>
-                    <i nz-icon nzType="loading" class="loading-icon"></i> 正在加载中...
+                    <i nz-icon nzType="loading" class="loading-icon"></i>
+                    正在加载中...
                   </nz-option>
                 </nz-select>
               </nz-form-control>
             </ng-container>
             <ng-container *ngSwitchCase="'rushNoticeShift'">
-              <nz-form-label [nzSpan]="24" [nzFor]="config.key" class="label">{{config.desc}}</nz-form-label>
-              <nz-form-control [nzSpan]="24" [nzErrorTip]="'请选择'+config.desc+'!'">
+              <nz-form-label [nzSpan]="24" [nzFor]="config.key" class="label">{{
+                config.desc
+              }}</nz-form-label>
+              <nz-form-control
+                [nzSpan]="24"
+                [nzErrorTip]="'请选择' + config.desc + '!'"
+              >
                 <nz-checkbox-group [formControlName]="config.key">
                 </nz-checkbox-group>
               </nz-form-control>
             </ng-container>
+            <ng-container *ngSwitchCase="'repairSpecimenStatus'">
+              <nz-form-label
+                [nzSpan]="24"
+                [nzFor]="config.key"
+                class="label"
+                [nzRequired]="config.required"
+                >是否执行标本验证机制</nz-form-label
+              >
+              <nz-form-control
+                [nzSpan]="24"
+                [nzErrorTip]="'请选择是否执行标本验证机制!'"
+              >
+                <nz-radio-group
+                  [formControlName]="config.key"
+                  (ngModelChange)="changeRepairSpecimenStatus($event)"
+                >
+                  <label nz-radio nzValue="1">是</label>
+                  <label nz-radio nzValue="0">否</label>
+                </nz-radio-group>
+              </nz-form-control>
+            </ng-container>
+            <ng-container *ngSwitchCase="'repairSpecimenStatusMinute'">
+              <ng-container *ngIf="config.show">
+                <nz-form-label
+                  [nzSpan]="24"
+                  [nzFor]="config.key"
+                  class="label"
+                  [nzRequired]="config.required"
+                  >验证时间</nz-form-label
+                >
+                <nz-form-control [nzSpan]="24" [nzErrorTip]="'请填写验证时间!'">
+                  <nz-input-number
+                    [formControlName]="config.key"
+                    [nzFormatter]="formatterDollar"
+                    [nzMin]="0"
+                    [nzStep]="1"
+                    [nzSize]="'small'"
+                  >
+                  </nz-input-number>
+                  分钟
+                </nz-form-control>
+              </ng-container>
+            </ng-container>
+            <ng-container *ngSwitchCase="'repairSpecimenStatusCheckDeptIds'">
+              <ng-container *ngIf="config.show">
+                <nz-form-label
+                  [nzSpan]="24"
+                  [nzFor]="config.key"
+                  class="label"
+                  [nzRequired]="config.required"
+                  >验证检验科室范围</nz-form-label
+                >
+                <nz-form-control
+                  [nzSpan]="24"
+                  [nzErrorTip]="'请选择验证检验科室范围!'"
+                >
+                  <nz-select
+                    nzMode="multiple"
+                    [nzDropdownMatchSelectWidth]="false"
+                    nzShowSearch
+                    nzAllowClear
+                    nzPlaceHolder="请选择验证检验科室范围"
+                    nzServerSearch
+                    [formControlName]="config.key"
+                  >
+                    <ng-container *ngFor="let o of deptList2">
+                      <nz-option
+                        *ngIf="!searchLoading"
+                        [nzLabel]="o.dept"
+                        [nzValue]="o.id"
+                      ></nz-option>
+                    </ng-container>
+                    <nz-option *ngIf="searchLoading" nzDisabled nzCustomContent>
+                      <i nz-icon nzType="loading" class="loading-icon"></i>
+                      搜索中...
+                    </nz-option>
+                  </nz-select>
+                </nz-form-control>
+              </ng-container>
+            </ng-container>
             <ng-container *ngSwitchDefault>
-              <nz-form-label [nzSpan]="24" [nzFor]="config.key" [nzRequired]="config.required" class="label">
-                {{config.desc}}</nz-form-label>
-              <nz-form-control [nzSpan]="24" [nzErrorTip]="'请选择'+config.desc+'!'">
-                <input [formControlName]="config.key" nz-input [placeholder]="'请选择'+config.desc" />
+              <nz-form-label
+                [nzSpan]="24"
+                [nzFor]="config.key"
+                [nzRequired]="config.required"
+                class="label"
+              >
+                {{ config.desc }}</nz-form-label
+              >
+              <nz-form-control
+                [nzSpan]="24"
+                [nzErrorTip]="'请选择' + config.desc + '!'"
+              >
+                <input
+                  [formControlName]="config.key"
+                  nz-input
+                  [placeholder]="'请选择' + config.desc"
+                />
               </nz-form-control>
             </ng-container>
           </ng-container>
@@ -135,14 +359,24 @@
     </form>
   </div>
   <div class="submit">
-    <button [disabled]="!coopBtns.edit" nz-button nzType="primary" class="save" (click)="submitForm()"
-      [nzLoading]="saveLoading">保存</button>
+    <button
+      [disabled]="!coopBtns.edit"
+      nz-button
+      nzType="primary"
+      class="save"
+      (click)="submitForm()"
+      [nzLoading]="saveLoading"
+    >
+      保存
+    </button>
   </div>
 </div>
 <div class="hospitalConfig" *ngIf="isLoading">
-  <div class="loadingFull display_flex justify-content_flex-center align-items_center">
+  <div
+    class="loadingFull display_flex justify-content_flex-center align-items_center"
+  >
     <div class="loadingFullInner">
-      <img src="../../assets/images/loading.gif" alt="">
+      <img src="../../assets/images/loading.gif" alt="" />
       <div>加载中...</div>
     </div>
   </div>

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

@@ -1,5 +1,10 @@
 import { Component, OnInit } from "@angular/core";
-import { FormBuilder, FormGroup, Validators } from "@angular/forms";
+import {
+  FormBuilder,
+  FormGroup,
+  Validators,
+  FormControl,
+} from "@angular/forms";
 import { ActivatedRoute } from "@angular/router";
 import { NzMessageService } from "ng-zorro-antd";
 import { Subject } from "rxjs";
@@ -22,9 +27,14 @@ export class HospitalConfigComponent implements OnInit {
   roleList = []; //角色列表
   taskTypeList = []; //任务类型列表
   deptList = []; //科室列表
+  deptList2 = []; //科室列表
   groupList = []; //组列表
   onSearchSubject = new Subject(); //搜索防抖
-  coopBtns:any = {};
+  coopBtns: any = {};
+  repairSpecimenStatus = "0"; //是否执行标本验证机制
+  repairSpecimenStatusMinute = 0; //验证时间
+  repairSpecimenStatusCheckDeptIds = []; //验证检验科范围
+  formatterDollar = (value) => Number(value);
   constructor(
     private mainService: MainService,
     private fb: FormBuilder,
@@ -50,6 +60,46 @@ export class HospitalConfigComponent implements OnInit {
   getDeptById(id) {
     return this.mainService.getFetchData("data", "department", id);
   }
+  // 选择是否执行标本验证机制
+  changeRepairSpecimenStatus(e) {
+    if (e == 1) {
+      this.validateForm.addControl(
+        "repairSpecimenStatusMinute",
+        new FormControl(null, Validators.required)
+      );
+      this.validateForm.addControl(
+        "repairSpecimenStatusCheckDeptIds",
+        new FormControl(null, Validators.required)
+      );
+      //赋值
+      this.hospitalConfigList.forEach((config) => {
+        if (
+          config.key === "repairSpecimenStatusMinute" ||
+          config.key === "repairSpecimenStatusCheckDeptIds"
+        ) {
+          config.show = true;
+        }
+        if (config.key === "repairSpecimenStatusMinute") {
+          this.validateForm.controls[config.key].setValue(Number(config.value));
+        } else if (config.key === "repairSpecimenStatusCheckDeptIds") {
+          this.validateForm.controls[config.key].setValue(
+            config.value ? config.value.split(",").map(Number) : []
+          );
+        }
+      });
+    } else {
+      this.validateForm.removeControl("repairSpecimenStatusMinute");
+      this.validateForm.removeControl("repairSpecimenStatusCheckDeptIds");
+      this.hospitalConfigList.forEach((v) => {
+        if (
+          v.key === "repairSpecimenStatusMinute" ||
+          v.key === "repairSpecimenStatusCheckDeptIds"
+        ) {
+          v.show = false;
+        }
+      });
+    }
+  }
   //初始化请求数据
   getInit() {
     this.isLoading = true;
@@ -59,6 +109,7 @@ export class HospitalConfigComponent implements OnInit {
       this.getGroupList(this.hosId),
       this.getTaskTypeList([255]),
       this.getClassesList(),
+      this.getDeptList2(this.hosId),
     ])
       .then((result) => {
         if (result[0].status == 200) {
@@ -81,12 +132,31 @@ export class HospitalConfigComponent implements OnInit {
             checked: false,
           }));
         }
+        if (result[5].status == 200) {
+          this.deptList2 = result[5].list;
+        }
         this.getHospitalConfigList(this.hosId).subscribe((res) => {
           if (res.status == 200) {
             this.hospitalConfigList = res.list;
             //创建表单
             let fbGroup = {};
             this.hospitalConfigList.forEach((item) => {
+              if (
+                item.key === "repairSpecimenStatusMinute" ||
+                item.key === "repairSpecimenStatusCheckDeptIds"
+              ) {
+                if (
+                  this.hospitalConfigList.filter(
+                    (v) => v.key === "repairSpecimenStatus"
+                  )[0].value == 1
+                ) {
+                  item.show = true;
+                } else {
+                  item.show = false;
+                }
+              } else {
+                item.show = true;
+              }
               if (item.key.includes("phone_num_port")) {
                 //坐席号码
                 fbGroup[item.key] = [null];
@@ -96,8 +166,10 @@ export class HospitalConfigComponent implements OnInit {
                 fbGroup[item.key] = [];
                 item.required = false;
               } else {
-                fbGroup[item.key] = [null, [Validators.required]];
-                item.required = true;
+                if(item.show){
+                  fbGroup[item.key] = [null, [Validators.required]];
+                  item.required = true;
+                }
               }
             });
             this.validateForm = this.fb.group(fbGroup);
@@ -143,6 +215,10 @@ export class HospitalConfigComponent implements OnInit {
                 this.validateForm.controls[config.key].setValue(
                   this.classesList
                 );
+              } else if (config.key === "repairSpecimenStatusCheckDeptIds") {
+                this.validateForm.controls[config.key].setValue(
+                  config.value ? config.value.split(",").map(Number) : []
+                );
               } else {
                 this.validateForm.controls[config.key].setValue(config.value);
               }
@@ -223,6 +299,25 @@ export class HospitalConfigComponent implements OnInit {
       .toPromise();
   }
   /**
+   * 获取检验科室列表
+   * @param hosId 院区id
+   * @param dept 模糊搜索
+   * @returns
+   */
+  getDeptList2(hosId) {
+    let postData = {
+      idx: 0,
+      sum: 10,
+      department: {
+        hospital: { id: hosId },
+        type: { id: "282" },
+      },
+    };
+    return this.mainService
+      .getFetchDataList("data", "department", postData)
+      .toPromise();
+  }
+  /**
    * 获取组列表
    * @param hosId 院区id
    * @returns
@@ -250,13 +345,20 @@ export class HospitalConfigComponent implements OnInit {
       JSON.stringify(this.hospitalConfigList)
     );
     hospitalConfigList.forEach((config) => {
-      if (config.key === "rushNoticeShift") {
-        config.value = this.validateForm.controls[config.key].value
-          .filter((item) => item.checked)
-          .map((item) => item.value)
-          .toString();
+      if (config.show) {
+        if (config.key === "rushNoticeShift") {
+          config.value = this.validateForm.controls[config.key].value
+            .filter((item) => item.checked)
+            .map((item) => item.value)
+            .toString();
+        } else if (config.key === "repairSpecimenStatusCheckDeptIds") {
+          config.value =
+            this.validateForm.controls[config.key].value.toString();
+        } else {
+          config.value = this.validateForm.controls[config.key].value;
+        }
       } else {
-        config.value = this.validateForm.controls[config.key].value;
+        config.value = "";
       }
       delete config.required;
     });