拆分配置中心组件

proxy.conf.json

@@ -1,6 +1,6 @@
 {
   "/service": {
-		"target": "http://192.168.3.108",
+		"target": "http://192.168.4.105",
     "logLevel": "debug",
     "changeOrigin": true,
     "pathRewrite": {

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

@@ -0,0 +1,212 @@
+<div class="hospitalConfig">
+  <nz-radio-group [(ngModel)]="hospitalConfig" (ngModelChange)="changeHospitalConfig($event)">
+    <label nz-radio [nzValue]="item.id" *ngFor="let item of hospitalConfigList">{{ item.name }}</label>
+  </nz-radio-group>
+</div>
+
+<div class="content">
+  <div class="contentInner">
+    <div class="address">
+      <div class="contentHead">一级故障现象<button nz-button nzType="primary" nzSize="small" (click)="addCategoryModal(1)">新增</button></div>
+      <overlay-scrollbars #osComponentRef1 class="contentBody">
+        <nz-spin nzSimple [nzSpinning]="categoryLoading1" class="mt8 text_align_center"></nz-spin>
+        <div [hidden]="categoryLoading1" class="contentItem" [title]="item.category" [ngClass]="{ active: item.id === activeCategory1.id }" (click)="clickCategory(item, 1)" *ngFor="let item of categoryList1">{{ item.category }}</div>
+      </overlay-scrollbars>
+    </div>
+    <div class="address">
+      <div class="contentHead">二级故障现象<button nz-button nzType="primary" nzSize="small" *ngIf="activeCategory1.id" (click)="addCategoryModal(2)">新增</button></div>
+      <overlay-scrollbars #osComponentRef2 class="contentBody">
+        <nz-spin nzSimple [nzSpinning]="categoryLoading2" class="mt8 text_align_center"></nz-spin>
+        <div [hidden]="categoryLoading2" class="contentItem" [title]="item.category" [ngClass]="{ active: item.id === activeCategory2.id }" (click)="clickCategory(item, 2)" *ngFor="let item of categoryList2">{{ item.category }}</div>
+      </overlay-scrollbars>
+    </div>
+    <div class="address">
+      <div class="contentHead">三级故障现象<button nz-button nzType="primary" nzSize="small" *ngIf="activeCategory2.id" (click)="addCategoryModal(3)">新增</button></div>
+      <overlay-scrollbars #osComponentRef3 class="contentBody">
+        <nz-spin nzSimple [nzSpinning]="categoryLoading3" class="mt8 text_align_center"></nz-spin>
+        <div [hidden]="categoryLoading3" class="contentItem" [title]="item.category" [ngClass]="{ active: item.id === activeCategory3.id }" (click)="clickCategory(item, 3)" *ngFor="let item of categoryList3">{{ item.category }}</div>
+      </overlay-scrollbars>
+    </div>
+    <div class="addressAssign">
+      <div class="contentHead">
+        <div class="title" title="{{activeCategory1.category}}{{activeCategory2.category ? ' - ' + activeCategory2.category : ''}}{{activeCategory3.category ? ' - ' + activeCategory3.category : ''}}">{{activeCategory1.category}}{{activeCategory2.category ? ' - ' + activeCategory2.category : ''}}{{activeCategory3.category ? ' - ' + activeCategory3.category : ''}}</div>
+        <div class="btns" *ngIf="activeCategory1.id || activeCategory2.id || activeCategory3.id">
+          <button nz-button nzType="primary" nzSize="small" (click)="showDelModal(data, hospitalConfig === 1 ? '您确认向下复制您的配置信息吗？' : '您确认向下复制您的配置吗？将会移除各科室的配置，使用当前配置进行覆盖。','向下复制','copy')" *ngIf="currentChildrenCategoryList">向下复制</button>
+          <button nz-button nzType="primary" nzSize="small" class="ml8" *ngIf="hospitalConfig === 2" (click)="addConfigModal()">新增</button>
+        </div>
+      </div>
+      <div class="contentBody" id="categoryTable">
+        <div class="list-template">
+          <div class="list-template__content">
+            <div class="list-template__bottom">
+              <nz-table class="list-template__nzTable" [nzData]="categoryConfigList" nzSize="middle" [nzShowPagination]="false"
+                [nzLoading]="loading1" [nzScroll]="{ y: tableCategoryHeight + 'px' }">
+                <thead>
+                  <tr class="thead">
+                    <th nzWidth="16%">院区</th>
+                    <th nzWidth="16%">责任部门</th>
+                    <th nzWidth="16%">优先级</th>
+                    <th nzWidth="16%">积分</th>
+                    <th nzWidth="16%">维修人|组</th>
+                    <th nzWidth="20%">操作</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr *ngFor="let data of categoryConfigList;let i = index">
+                    <td>{{data.hospitalDTO?.hosName}}</td>
+                    <td>{{data.dutyDTO?.hosName}}</td>
+                    <td>{{data.priorityDTO?.name}}</td>
+                    <td>{{data.score?.value}}</td>
+                    <td>{{data.userGroup === 1 ? data.userDTO?.name : (data.userGroup === 2 ? data.groupDTO?.groupName : '')}}</td>
+                    <td>
+                      <div class="coop">
+                        <span (click)="showDelModal(data,'您确认要删除吗？','删除','delConfig')">删除</span>
+                        <span (click)="editConfig(data)">编辑</span>
+                      </div>
+                    </td>
+                  </tr>
+                </tbody>
+              </nz-table>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- 新增/编辑关联模态框 -->
+<div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="modalConfig">
+  <div class="modalBody">
+    <div class="title">{{modelName}}<i class="icon_transport transport-guanbi" (click)="hideConfigModal()"></i></div>
+    <div class="content">
+      <form nz-form [formGroup]="validateConfigForm" class="addForm">
+        <nz-form-item>
+          <nz-form-label [nzSpan]="5" nzRequired nzFor="hosId">院区</nz-form-label>
+          <nz-form-control [nzSpan]="19" nzErrorTip="请选择院区!">
+            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="hosId" nzShowSearch
+              nzPlaceHolder="请选择院区" nzServerSearch (ngModelChange)="changeHospital($event)" [nzDisabled]="!add">
+              <ng-container *ngFor="let data of hospitalList">
+                <nz-option *ngIf="!isLoading" [nzLabel]="data.hosName" [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 [nzSpan]="5" nzRequired nzFor="dutyId">责任部门</nz-form-label>
+          <nz-form-control [nzSpan]="19" nzErrorTip="请选择责任部门!">
+            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="dutyId" nzShowSearch
+              nzPlaceHolder="请选择责任部门" nzServerSearch (ngModelChange)="changeDuty($event)" [nzDisabled]="!add">
+              <ng-container *ngFor="let data of dutyList">
+                <nz-option *ngIf="!isLoading" [nzLabel]="data.hosName" [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 [nzSpan]="5" nzRequired nzFor="priority">优先级</nz-form-label>
+          <nz-form-control [nzSpan]="19" nzErrorTip="请选择优先级!">
+            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="priority" nzShowSearch
+            nzPlaceHolder="请选择优先级" nzServerSearch>
+              <ng-container *ngFor="let option of priority_c_List">
+                <nz-option *ngIf="!isLoading" [nzLabel]="option.name" [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 [nzSpan]="5" nzRequired nzFor="score">积分</nz-form-label>
+          <nz-form-control [nzSpan]="19" nzErrorTip="请选择积分!">
+            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="score" nzShowSearch
+              nzPlaceHolder="请选择积分" nzServerSearch>
+              <ng-container *ngFor="let data of scoreList">
+                <nz-option *ngIf="!isLoading" [nzLabel]="data.name" [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 [nzSpan]="5" nzRequired nzFor="userGroup">分配方式</nz-form-label>
+          <nz-form-control [nzSpan]="19" nzErrorTip="请选择积分!">
+            <nz-radio-group formControlName="userGroup" (ngModelChange)="changeUserGroup($event)">
+              <label nz-radio [nzValue]="1">人</label>
+              <label nz-radio [nzValue]="2">组</label>
+            </nz-radio-group>
+          </nz-form-control>
+        </nz-form-item>
+        <nz-form-item>
+          <nz-form-label [nzSpan]="5" nzRequired nzFor="groupId">维修组</nz-form-label>
+          <nz-form-control [nzSpan]="19" nzErrorTip="请选择维修组!">
+            <nz-select (nzOnSearch)="changeInp('group', $event)" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch nzAllowClear formControlName="groupId" nzPlaceHolder="请选择维修组" (ngModelChange)="changeGroup($event)">
+              <ng-container *ngFor="let option of groupList">
+                <nz-option *ngIf="!isLoading" [nzLabel]="option.groupName" [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 *ngIf="validateConfigForm.value.userGroup === 1">
+          <nz-form-label [nzSpan]="5" nzRequired nzFor="userId">维修人</nz-form-label>
+          <nz-form-control [nzSpan]="19" nzErrorTip="请选择维修人!">
+            <nz-select (nzOnSearch)="changeInp('user', $event)" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch nzAllowClear formControlName="userId" nzPlaceHolder="请选择维修人">
+              <ng-container *ngFor="let option of userList">
+                <nz-option *ngIf="!isLoading" [nzLabel]="option.name" [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>
+      </form>
+    </div>
+    <div class=" display_flex justify-content_flex-center">
+      <button nzType="primary" nz-button (click)="submitConfigForm()" [nzLoading]="btnLoading">确认</button>
+      <button class="btn cancel" nz-button nzType="default" (click)="hideConfigModal()">取消</button>
+    </div>
+  </div>
+</div>
+
+<!-- 新增/编辑故障现象模态框 -->
+<div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="modalCategory">
+  <div class="modalBody">
+    <div class="title">{{modelName}}<i class="icon_transport transport-guanbi" (click)="hideCategoryModal()"></i></div>
+    <div class="content">
+      <div class="tips" *ngIf="coopType === 1">您将添加一级故障现象，请输入故障现象</div>
+      <div class="tips" *ngIf="coopType === 2">您将在“<span class="red">{{activeCategory1.category}}</span>”下新增故障现象，请输入故障现象</div>
+      <div class="tips" *ngIf="coopType === 3">您将在“<span class="red">{{activeCategory1.category}}{{activeCategory2.category ? ' - ' + activeCategory2.category : ''}}</span>”下新增故障现象，请输入故障现象</div>
+      <form nz-form [formGroup]="validateCategoryForm" class="addForm">
+        <nz-form-item>
+          <nz-form-control [nzSpan]="24" nzErrorTip="请输入故障现象名称!">
+            <nz-input-group>
+              <textarea formControlName="name" nz-input placeholder="请输入故障现象名称" [nzAutosize]="{minRows: 3}"></textarea>
+            </nz-input-group>
+          </nz-form-control>
+        </nz-form-item>
+      </form>
+    </div>
+    <div class=" display_flex justify-content_flex-center">
+      <button nzType="primary" nz-button (click)="submitCategoryForm()" [nzLoading]="btnLoading">确认</button>
+      <button class="btn cancel" nz-button nzType="default" (click)="hideCategoryModal()">取消</button>
+    </div>
+  </div>
+</div>
+
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo">
+</app-prompt-modal>

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

@@ -0,0 +1,297 @@
+@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;
+  }
+
+  .hospitalConfig{
+    height: 60px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 72px;
+  }
+  .content{
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    border: 1px solid #EEF3F9;
+    &.priority{
+      margin: 24px 118px 0;
+      background-color: #fff;
+      .contentInner{
+        padding: 48px 206px;
+        border: 1px solid #E8EBEF;
+      }
+    }
+    .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;
+      justify-content: space-between;
+      align-items: center;
+      padding: 0 16px;
+      gap: 16px;
+      .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;
+        margin: 4px 0;
+        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;
+    }
+  }
+
+  .save {
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.4);
+    z-index: 99;
+
+    .tips{
+      margin-bottom: 16px!important;
+    }
+
+    .modalBody {
+      width: 350px;
+      background: #fff;
+      border-radius: 5px;
+      padding: 10px 20px;
+      color: #333;
+
+      .title {
+        width: 100%;
+        text-align: center;
+        font-size: 18px;
+        position: relative;
+
+        i {
+          position: absolute;
+          right: 0;
+          top: 0;
+          font-size: 20px;
+          color: #666;
+          cursor: pointer;
+          padding: 0 5px;
+        }
+      }
+
+      .content {
+        width: 310px;
+        background: #f9fafb;
+        border: 1px solid #e5e9ed;
+        border-radius: 5px;
+        overflow: hidden;
+        margin-top: 12px;
+        padding: 16px 0;
+
+        .busyList{
+          display: flex;
+          margin-bottom: 8px;
+          .busyContent{
+            margin-right: 8px;
+            flex: 1;
+          }
+        }
+
+        & > div {
+          text-align: center;
+          margin: 0;
+
+          &.icon {
+            // margin-top: 17px;
+
+            i {
+              color: #34b349;
+              font-size: 30px !important;
+
+              &.transport-wenhao {
+                color: #f5a523;
+              }
+
+              &.transport-shibai {
+                color: #ff3a52;
+              }
+            }
+          }
+
+          &.defeat {
+            color: #333;
+            font-size: 14px;
+          }
+
+          &:nth-child(3) {
+            font-size: 14px;
+            color: #666;
+          }
+        }
+        .workAssignmentTips {
+          font-size: 12px;
+        }
+      }
+
+      button {
+        margin-top: 10px;
+
+        &.btn {
+          margin-left: 8px;
+        }
+      }
+    }
+
+    // 新增
+    &.add {
+      .modalBody {
+        width: 480px;
+        height: auto;
+
+        .content {
+          width: 100%;
+          height: auto;
+          padding: 16px;
+          max-height: 497px;
+          overflow-y: auto;
+
+          .addForm {
+            .ant-form-item {
+              margin-bottom: 0;
+
+              .ant-form-item-label {
+                text-align: left;
+              }
+
+              .desc {
+                margin-top: 5px;
+              }
+            }
+
+            .datesControl {
+              margin-top: -16px;
+
+              .ant-form-item-label {
+                line-height: 40px;
+              }
+            }
+
+            .timer {
+              .ant-form-item-label {
+                width: 100%;
+                text-align: left;
+              }
+
+              .numInp {
+                margin-right: 5px;
+              }
+
+              .line {
+                margin-right: 5px;
+              }
+            }
+
+            .timer2 {
+              .ant-form-item-label {
+                line-height: 20px;
+              }
+            }
+          }
+
+          .editForm {
+            .ant-form-item {
+              margin-bottom: 15px;
+
+              .ant-form-item-label {
+                line-height: 14px;
+                text-align: left;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,721 @@
+import { Component, OnInit, ViewChild } from "@angular/core";
+import { ActivatedRoute } from "@angular/router";
+import { Subject } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+import { MainService } from "../../../services/main.service";
+import { Validators, FormGroup, FormBuilder } from '@angular/forms';
+import { ToolService } from 'src/app/services/tool.service';
+import { OverlayScrollbarsComponent } from 'overlayscrollbars-ngx';
+
+@Component({
+  selector: "app-configuration-category",
+  templateUrl: "./configuration-category.component.html",
+  styleUrls: ["./configuration-category.component.less"],
+})
+export class ConfigurationCategoryComponent implements OnInit {
+  constructor(
+    private route: ActivatedRoute,
+    private mainService: MainService,
+    private fb: FormBuilder,
+    private tool: ToolService,
+  ) {}
+
+  @ViewChild("osComponentRef1", {
+    read: OverlayScrollbarsComponent,
+    static: false,
+  })
+  osComponentRef1: OverlayScrollbarsComponent;
+  @ViewChild("osComponentRef2", {
+    read: OverlayScrollbarsComponent,
+    static: false,
+  })
+  osComponentRef2: OverlayScrollbarsComponent;
+  @ViewChild("osComponentRef3", {
+    read: OverlayScrollbarsComponent,
+    static: false,
+  })
+  osComponentRef3: OverlayScrollbarsComponent;
+
+  coopData: any = {}; //当前操作列
+  currentHospital; //当前院区
+  // 部门设置、全院设置
+  hospitalConfig:any = 2;
+  hospitalConfigList:any = [
+    // { id: 1, name: '部门设置',},
+    { id: 2, name: '全院设置',},
+  ];
+
+  changeInpSubject = new Subject(); //防抖
+  debounceSubject = new Subject(); //防抖
+
+  ngOnInit() {
+    //防抖
+    this.changeInpSubject.pipe(debounceTime(500)).subscribe((v) => {
+      if(v[0] === 'user'){
+        this.getUsers(v[1]);
+      } else if(v[0] === 'group'){
+        this.getGroups(v[1]);
+      }
+    });
+
+    this.debounceSubject.pipe(debounceTime(500)).subscribe((v) => {
+      if(v[0]){
+        this.getCategoryList(v[0], v[1].id);
+      }
+      this.getCategoryConfigList(v[1].id);
+    });
+
+    this.currentHospital = this.tool.getCurrentHospital();
+    // 故障现象
+    setTimeout(() => {
+      this.tableCategoryHeight = document.querySelector('#categoryTable').clientHeight - 8 - document.querySelector('#categoryTable .thead').clientHeight;
+    }, 0)
+    if(this.currentHospital.type && this.currentHospital.type.value === '6'){
+      // 是责任部门
+      let flag = this.hospitalConfigList.some(v => v.id === 1);
+      !flag && this.hospitalConfigList.unshift({ id: 1, name: '部门设置',});
+    }
+    this.getCategoryList(1);
+    this.getHospitals(1);
+    this.getPrioritys();
+    this.getScores();
+  }
+
+  // 获取优先级
+  priority_c_List: any = [];
+  getPrioritys() {
+    let postData = {
+      priority: {},
+      idx: 0,
+      sum: 9999,
+    };
+    this.mainService
+      .getFetchDataList("simple/data", "priority", postData)
+      .subscribe((data) => {
+        this.isLoading = false;
+        this.priority_c_List = data.list || [];
+      });
+  }
+
+  // 获取积分
+  scoreList: any = [];
+  getScores() {
+    let postData = {
+      dictionary: {
+        key: "incident_category_score"
+      },
+      idx: 0,
+      sum: 10,
+    };
+    this.mainService
+      .getFetchDataList("simple/data", "dictionary", postData)
+      .subscribe((data) => {
+        this.isLoading = false;
+        this.scoreList = data.list || [];
+      });
+  }
+
+  // 边输边搜节流阀
+  isLoading = false;
+  changeInp(model, e) {
+    this.isLoading = true;
+    this.changeInpSubject.next([model, e]);
+  }
+
+  // 搜索
+  // 获取用户
+  userList: any = [];
+  getUsers(keyword = '', isShowValue = false) {
+    if((!this.validateConfigForm.value.groupId && this.validateConfigForm.value.userGroup === 1) || this.validateConfigForm.value.userGroup === 2){
+      this.userList = [];
+      return;
+    }
+    let postData = {
+      user: {
+        hospital: { id: this.validateConfigForm.value.dutyId },
+        name: keyword,
+        simpleQuery: true,
+        groupdata: { id: this.validateConfigForm.value.groupId },
+      },
+      idx: 0,
+      sum: 10,
+    };
+    this.mainService
+      .getFetchDataList("data", "user", postData)
+      .subscribe((data) => {
+        this.isLoading = false;
+        let userList = data.list || [];
+        if(isShowValue && this.coopData && this.coopData.userId){
+          userList = userList.filter(v => v.id !== this.coopData.userId)
+          userList.unshift(this.coopData.userDTO);
+        }
+        this.userList = userList;
+      });
+  }
+
+  // 获取组
+  groupList: any = []; //所有所属科室(搜索)
+  getGroups(keyword = '', isShowValue = false) {
+    if(!this.validateConfigForm.value.dutyId){
+      this.groupList = [];
+      return;
+    }
+    let postData = {
+      group2: {
+        groupName: keyword,
+        hospitals: this.validateConfigForm.value.dutyId,
+        type: 1,
+      },
+      idx: 0,
+      sum: 10,
+    };
+    this.mainService
+      .getFetchDataList("data", "group2", postData)
+      .subscribe((data) => {
+        this.isLoading = false;
+        let groupList = data.list || [];
+        if(isShowValue && this.coopData && this.coopData.groupId){
+          groupList = groupList.filter(v => v.id !== this.coopData.groupId)
+          groupList.unshift(this.coopData.groupDTO);
+        }
+        this.groupList = groupList;
+      });
+  }
+
+  // 点击故障现象
+  activeCategory1:any = {};
+  activeCategory2:any = {};
+  activeCategory3:any = {};
+  clickCategory(item, type:number){
+    this.categoryConfigList = [];
+    switch(type){
+      case 1:
+        this.categoryList2 = [];
+        this.categoryList3 = [];
+        this.activeCategory2 = {};
+        this.activeCategory3 = {};
+        break;
+      case 2:
+        this.categoryList3 = [];
+        this.activeCategory3 = {};
+        break;
+    }
+    this['activeCategory' + type] = item;
+    console.log(this['activeCategory' + type])
+    switch(type){
+      case 1:
+        this.categoryLoading2 = true;
+        this.loading1 = true;
+        this.debounceSubject.next([2, item]);
+        break;
+      case 2:
+        this.categoryLoading3 = true;
+        this.loading1 = true;
+        this.debounceSubject.next([3, item]);
+        break;
+      case 3:
+        this.loading1 = true;
+        this.debounceSubject.next([0, item]);
+        break;
+    }
+  }
+
+  // 选择部门设置或全院设置
+  changeHospitalConfig(e){
+    console.log(e);
+    this.getCategoryList(1);
+
+    this.categoryList2 = [];
+    this.categoryList3 = [];
+
+    this.activeCategory1 = {};
+    this.activeCategory2 = {};
+    this.activeCategory3 = {};
+
+    this.categoryConfigList = [];
+  }
+
+  // 获取当前选中的故障现象索引
+  get currentCategoryIndex(){
+    if(this.activeCategory3.id){
+      return 3;
+    }
+    if(this.activeCategory2.id){
+      return 2;
+    }
+    if(this.activeCategory1.id){
+      return 1;
+    }
+  }
+
+  // 获取当前选中的故障现象索引
+  get currentCategory(){
+    if(this.activeCategory3.id){
+      return this.activeCategory3;
+    }
+    if(this.activeCategory2.id){
+      return this.activeCategory2;
+    }
+    if(this.activeCategory1.id){
+      return this.activeCategory1;
+    }
+  }
+
+  // 获取当前选中的故障现象有没有子故障现象
+  get currentChildrenCategoryList(){
+    return this.currentCategoryIndex && this.currentCategoryIndex < 3 && this['categoryList' + (this.currentCategoryIndex + 1)].length;
+  }
+  categoryConfigList:any[] = [];
+  getCategoryConfigList(parentId = 0) {
+    this.loading1 = true;
+    let postData = {
+      idx: 0,
+      sum: 9999,
+      incidentCategoryConfig: {
+        categoryId: parentId,
+        dutyId: this.hospitalConfig === 1 ? this.currentHospital.id  : undefined,
+      },
+    };
+    this.mainService.getFetchDataList("simple/data", "incidentCategoryConfig", postData).subscribe(res => {
+      this.loading1 = false;
+      this.categoryConfigList = res.list || [];
+    })
+  }
+
+  // 修改院区
+  changeHospital(id){
+    this.validateConfigForm.controls.dutyId.setValue(null);
+    this.validateConfigForm.controls.userId.setValue(null);
+    this.validateConfigForm.controls.groupId.setValue(null);
+
+    this.dutyList = [];
+    this.userList = [];
+    this.groupList = [];
+    this.getHospitals(2, id);
+  }
+
+  // 获取院区
+  hospitalList: any = [];
+  dutyList: any = [];
+  getHospitals(type:number, parentId?) {
+    if(type === 1){
+      this.hospitalList = this.tool.getHospitalList().filter(v => !v.parent);
+      return;
+    }
+    if(type === 2 && !parentId){
+      this.dutyList = [];
+      return;
+    }
+    let postData = {
+      hospital: {
+        parent: { id: parentId },
+        type: { key: 'hospital_type', value: '6' },
+      },
+      idx: 0,
+      sum: 9999,
+    };
+    this.mainService
+      .getFetchDataList("data", "hospital", postData)
+      .subscribe((data) => {
+        this.isLoading = false;
+        this.dutyList = data.list || [];
+      });
+  }
+
+  // 修改责任部门
+  changeDuty(id){
+    this.validateConfigForm.controls.userId.setValue(null);
+    this.validateConfigForm.controls.groupId.setValue(null);
+
+    this.userList = [];
+    this.groupList = [];
+    this.getGroups();
+  }
+
+  // 一级故障现象
+  loading1:boolean = false;
+  tableCategoryHeight:number = 0;
+  categoryList1: any[] = [];
+  categoryList2: any[] = [];
+  categoryList3: any[] = [];
+  categoryLoading1:boolean = false;
+  categoryLoading2:boolean = false;
+  categoryLoading3:boolean = false;
+  getCategoryList(type:number, parentId = 0) {
+    setTimeout(() => {
+      this['categoryLoading' + type] = true;
+    }, 0)
+    let postData = {
+      category: {
+        hierarchy: type === 1 ? 1 : undefined,
+        dutyIds: this.hospitalConfig === 1 ? this.currentHospital.id.toString()  : undefined,
+        parent: type === 1 ? undefined : { id: parentId },
+      },
+    };
+    this.mainService.incidentPost("listIncidentCategory", postData).subscribe(res => {
+      this['categoryLoading' + type] = false;
+      this['categoryList' + type] = res.data || [];
+    })
+  }
+
+  // 新增故障现象弹框
+  modelName = ""; //模态框名称
+  add: boolean; //true:新增；false:编辑
+  modalCategory: boolean = false; //新增/编辑模态框
+  coopType: number = 0;
+  addCategoryModal(type:number) {
+    this.coopType = type;
+    this.modelName = "新增";
+    this.add = true; //新增
+    this.modalCategory = true;
+    this.initCategoryForm();
+  }
+  //关闭新增/编辑弹框
+  hideCategoryModal() {
+    this.modalCategory = false;
+  }
+
+  // 初始化新增form表单
+  validateCategoryForm: FormGroup; //新增/编辑表单
+  initCategoryForm() {
+    this.validateCategoryForm = this.fb.group({
+      name: [null, [Validators.required]],//名称
+    });
+    console.log(this.validateCategoryForm.controls)
+  }
+
+  // 编辑
+  // editCategory(data) {
+  //   console.log(data);
+  //   this.modelName = "编辑";
+  //   this.add = false;
+  //   this.modalCategory = true;
+  //   this.initCategoryForm();
+  //   this.coopData = data;
+  //   this.validateCategoryForm.controls.name.setValue(data.name);
+  // }
+
+  // 新增/编辑表单提交
+  btnLoading: boolean = false; //提交按钮loading状态
+  submitCategoryForm(): void {
+    for (const i in this.validateCategoryForm.controls) {
+      this.validateCategoryForm.controls[i].markAsDirty();
+      this.validateCategoryForm.controls[i].updateValueAndValidity();
+    }
+    if (this.validateCategoryForm.invalid) {
+      return;
+    }
+    console.log(this.validateCategoryForm.value);
+    this.btnLoading = true;
+    // -----------------------------------
+    let postData:any = {
+      category: {
+        hosId: this.currentHospital.id,
+        parent: this.coopType === 1 ? undefined : this['activeCategory' + (this.coopType - 1)],
+        category: this.validateCategoryForm.value.name,
+        hierarchy: this.coopType,
+        dutyIds: this.hospitalConfig === 1 ? this.currentHospital.id.toString() : undefined,
+      },
+    };
+    this.mainService
+      .incidentPost("checkIncidentCategory", postData)
+      .subscribe((result) => {
+        let msg = "";
+        if (this.add) {
+          msg = "新增";
+        } else {
+          msg = "修改";
+        }
+        if (result.status == 200) {
+          this.submitCategoryAddForm();
+        } else if(result.status == 502) {
+          this.btnLoading = false;
+          this.showDelModal(null, result.msg, '', 'relevance');
+        } else {
+          this.btnLoading = false;
+          this.showPromptModal(msg, false, result.msg);
+        }
+      });
+    // -----------------------------------
+  }
+
+  delModal: boolean = false; //删除模态框
+  tipsMsg1: string; //提示框信息
+  tipsMsg2: string; //操作后信息
+  confirmDelType: string; //确认的类型（启用/停用，删除）
+  showDelModal(
+    data,
+    tipsMsg1: string,
+    tipsMsg2: string,
+    type: string,
+  ) {
+    this.confirmDelType = type;
+    this.delModal = true;
+    this.coopData = data;
+    this.tipsMsg1 = tipsMsg1;
+    this.tipsMsg2 = tipsMsg2;
+  }
+  // 隐藏删除框
+  hideDelModal() {
+    this.delModal = false;
+  }
+  // 确认删除
+  confirmDel() {
+    this.btnLoading = true;
+    if (this.confirmDelType === "relevance") {
+      //新增故障现象-关联
+      this.btnLoading = false;
+      this.delModal = false;
+      this.submitCategoryAddForm();
+    } else if (this.confirmDelType === "delConfig") {
+      //删除-关联
+      this.mainService
+        .simplePost("rmvData", "incidentCategoryConfig", [this.coopData.id])
+        .subscribe((data) => {
+          this.btnLoading = false;
+          this.delModal = false;
+          if (data.status == 200) {
+            this.showPromptModal(this.tipsMsg2, true, "");
+          } else {
+            this.showPromptModal(this.tipsMsg2, false, data.msg);
+          }
+        });
+    } else if (this.confirmDelType === "copy") {
+      //向下复制-关联
+      let postData:any = {
+        type: this.hospitalConfig === 1 ? 'duty': 'hospital',
+        category: this.currentCategory,
+      };
+      postData.category.dutyIds = this.hospitalConfig === 1 ? this.currentHospital.id.toString() : undefined;
+      this.mainService
+        .incidentPost("copyIncidentCategoryConfig", postData)
+        .subscribe((data) => {
+          this.btnLoading = false;
+          this.delModal = false;
+          if (data.status == 200) {
+            this.showPromptModal(this.tipsMsg2, true, "");
+          } else {
+            this.showPromptModal(this.tipsMsg2, false, data.msg);
+          }
+        });
+    }
+  }
+
+  submitCategoryAddForm(): void {
+    let postData:any = {};
+    if (this.add) {
+      //增加
+      console.log(this['activeCategory' + this.coopType])
+      postData = {
+        category: {
+          hosId: this.currentHospital.id,
+          parent: this.coopType === 1 ? undefined : this['activeCategory' + (this.coopType - 1)],
+          category: this.validateCategoryForm.value.name,
+          hierarchy: this.coopType,
+          dutyIds: this.hospitalConfig === 1 ? this.currentHospital.id.toString() : undefined,
+        },
+      };
+    } else {
+      //编辑
+      // postData = {
+      //   category: {
+      //     hosId: this.currentHospital.id,
+      //     parent: this.coopType === 1 ? undefined : { id: this.coopData.id },
+      //     category: this.validateCategoryForm.value.name,
+      //     hierarchy: this.coopType,
+      //   },
+      // };
+    }
+    this.mainService
+      .incidentPost("addIncidentCategory", postData)
+      .subscribe((result) => {
+        this.btnLoading = false;
+        this.hideCategoryModal();
+        let msg = "";
+        if (this.add) {
+          msg = "新增";
+        } else {
+          msg = "修改";
+        }
+        if (result.status == 200) {
+          this.showPromptModal(msg, true, '');
+        } else {
+          this.showPromptModal(msg, false, result.msg);
+        }
+      });
+  }
+
+  // ------------------------------
+  // 新增故障现象-关联弹框
+  modalConfig: boolean = false; //新增/编辑模态框
+  addConfigModal() {
+    this.modelName = "新增";
+    this.add = true; //新增
+    this.modalConfig = true;
+    this.initConfigForm();
+    this.requiredConfigChange('userId', true);
+  }
+  //关闭新增/编辑弹框
+  hideConfigModal() {
+    this.modalConfig = false;
+  }
+
+  // 初始化新增form表单
+  validateConfigForm: FormGroup; //新增/编辑表单
+  initConfigForm() {
+    this.validateConfigForm = this.fb.group({
+      hosId: [null, [Validators.required]],//院区
+      dutyId: [null, [Validators.required]],//责任部门
+      priority: [null, [Validators.required]],//优先级
+      score: [null, [Validators.required]],//积分
+      userGroup: [1, [Validators.required]],//分配方式
+      userId: [null],//维修人
+      groupId: [null, [Validators.required]],//维修组
+    });
+    console.log(this.validateConfigForm.controls)
+  }
+
+  // 选择人|组
+  changeUserGroup(id){
+    this.validateConfigForm.controls.userId.setValue(null);
+    this.validateConfigForm.controls.groupId.setValue(null);
+    this.userList = [];
+    if(id === 1){
+      // 人
+      this.requiredConfigChange('userId', true);
+    }else if(id === 2){
+      // 组
+      this.requiredConfigChange('userId', false);
+    }
+  }
+
+  // 编辑
+  editConfig(data) {
+    console.log(data);
+    this.modelName = "编辑";
+    this.add = false;
+    this.modalConfig = true;
+    this.initConfigForm();
+    this.coopData = data;
+    this.validateConfigForm.controls.hosId.setValue(data.hosId);
+    this.validateConfigForm.controls.dutyId.setValue(data.dutyId);
+    this.validateConfigForm.controls.priority.setValue(data.priority);
+    this.validateConfigForm.controls.score.setValue(data.score ? data.score.id : null);
+    this.validateConfigForm.controls.userGroup.setValue(data.userGroup);
+    this.validateConfigForm.controls.userId.setValue(data.userId);
+    this.validateConfigForm.controls.groupId.setValue(data.groupId);
+    if(data.userGroup === 1){
+      this.requiredConfigChange('userId', true);
+    }else if(data.userGroup === 2){
+      this.requiredConfigChange('userId', false);
+    }
+    data.hosId && this.getHospitals(2, data.hosId);
+    data.dutyId && this.getUsers('', true);
+    data.dutyId && this.getGroups('', true);
+  }
+
+  // 修改组
+  changeGroup(id){
+    this.validateConfigForm.controls.userId.setValue(null);
+    this.getUsers();
+  }
+
+  // 新增/编辑表单提交
+  submitConfigForm(): void {
+    for (const i in this.validateConfigForm.controls) {
+      this.validateConfigForm.controls[i].markAsDirty();
+      this.validateConfigForm.controls[i].updateValueAndValidity();
+    }
+    if (this.validateConfigForm.invalid) {
+      return;
+    }
+    console.log(this.validateConfigForm.value);
+    this.btnLoading = true;
+    let postData:any = {};
+
+    let categoryId = this.activeCategory3.id || this.activeCategory2.id || this.activeCategory1.id;
+
+    if (this.add) {
+      //增加
+      postData = {
+        incidentCategoryConfig: {
+          categoryId,
+          priority: this.validateConfigForm.value.priority,
+          score: { id: this.validateConfigForm.value.score },
+          dutyId: this.validateConfigForm.value.dutyId,
+          userGroup: this.validateConfigForm.value.userGroup,
+          groupId: this.validateConfigForm.value.groupId || undefined,
+          userId: this.validateConfigForm.value.userGroup === 1 ? this.validateConfigForm.value.userId : undefined,
+          hosId: this.currentHospital.id,
+        }
+      };
+    } else {
+      //编辑
+      postData = {
+        incidentCategoryConfig: {
+          ...this.coopData,
+          ...{
+            categoryId,
+            priority: this.validateConfigForm.value.priority,
+            score: { id: this.validateConfigForm.value.score },
+            userGroup: this.validateConfigForm.value.userGroup,
+            groupId: this.validateConfigForm.value.groupId || undefined,
+            userId: this.validateConfigForm.value.userGroup === 1 ? this.validateConfigForm.value.userId : undefined,
+          }
+        }
+      };
+    }
+    console.log(postData);
+    this.mainService
+      .coopData("addData", "incidentCategoryConfig", postData)
+      .subscribe((result) => {
+        this.btnLoading = false;
+        this.hideConfigModal();
+        let msg = "";
+        if (this.add) {
+          msg = "新增";
+        } else {
+          msg = "修改";
+        }
+        if (result.status == 200) {
+          this.showPromptModal(msg, true, '');
+        } else {
+          this.showPromptModal(msg, false, result.msg);
+        }
+      });
+  }
+
+  requiredConfigChange(name: string, required: boolean): void {
+    if (!required) {
+      this.validateConfigForm.get(name)!.clearValidators();
+      this.validateConfigForm.get(name)!.markAsPristine();
+    } else {
+      this.validateConfigForm.get(name)!.setValidators(Validators.required);
+      this.validateConfigForm.get(name)!.markAsDirty();
+    }
+    this.validateConfigForm.get(name)!.updateValueAndValidity();
+  }
+
+  // 展示信息提示框（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);
+    if(this.coopType !== 0){
+      this.getCategoryList(this.coopType, this.coopType === 1 ? undefined : this['activeCategory' + (this.coopType - 1)].id);
+    }else{
+      this.getCategoryList(this.currentCategoryIndex, this.currentCategoryIndex === 1 ? undefined : this['activeCategory' + (this.currentCategoryIndex - 1)].id);
+    }
+    if(this.activeCategory3.id || this.activeCategory2.id || this.activeCategory1.id){
+      this.getCategoryConfigList(this.activeCategory3.id || this.activeCategory2.id || this.activeCategory1.id);
+    }
+  }
+}

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

@@ -0,0 +1,66 @@
+<div class="content" id="dictionary">
+  <div class="contentInner">
+    <div class="address">
+      <overlay-scrollbars #osComponentRef1 class="contentBody">
+        <div class="contentItem" [title]="item.name" [ngClass]="{ active: item.id === activeDictionaryKey.id }" (click)="clickDictionaryKey(item)" *ngFor="let item of dictionaryKeyList">{{ item.name }}</div>
+      </overlay-scrollbars>
+    </div>
+    <div class="addressAssign">
+      <div class="contentBody">
+        <div class="dictionaryRow">
+          <div class="orders">排序号</div>
+          <div class="name">键</div>
+          <div class="value">值</div>
+        </div>
+        <form nz-form [formGroup]="validateDictionaryForm" class="w100">
+          <div class="dictionaryRow" *ngFor="let data of dictionaryList;let i = index;">
+            <div class="orders">
+              <nz-form-item>
+                <nz-form-control [nzSpan]="24" nzErrorTip="请输入排序号!">
+                  <nz-input-group>
+                    <nz-input-number [formControlName]="'orders_' + data.id" class="ordersInput"></nz-input-number>
+                  </nz-input-group>
+                </nz-form-control>
+              </nz-form-item>
+            </div>
+            <div class="name">
+              <nz-form-item>
+                <nz-form-control [nzSpan]="24" nzErrorTip="请输入键!">
+                  <nz-input-group>
+                    <input [formControlName]="'name_' + data.id" nz-input class="nameInput">
+                  </nz-input-group>
+                </nz-form-control>
+              </nz-form-item>
+            </div>
+            <div class="value">
+              <nz-form-item>
+                <nz-form-control [nzSpan]="24" nzErrorTip="请输入值!">
+                  <nz-input-group>
+                    <input [formControlName]="'value_' + data.id" nz-input class="valueInput">
+                  </nz-input-group>
+                </nz-form-control>
+              </nz-form-item>
+              <i class="icon_transport transport-tag27fuben ml8" (click)="addField(i)"></i>
+              <i class="icon_transport transport-shanchu1 ml8" *ngIf="dictionaryList.length > 1 && !data.system" (click)="removeField(data, i)"></i>
+            </div>
+          </div>
+        </form>
+      </div>
+      <div class="contentBtns">
+        <button nz-button nzType="primary" class="ml8" (click)="saveDictionary()">保存</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo">
+</app-prompt-modal>
+
+<!-- 删除模态框 -->
+<app-dialog-delete [delModal]="delModal" (hideDelModalEvent)="hideDelModal()" [btnLoading]="btnLoading"
+(confirmDelEvent)="confirmDel()" [content]="tipsMsg1"></app-dialog-delete>
+
+<!-- 遮罩 -->
+<app-mask *ngIf="maskFlag"></app-mask>

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

@@ -0,0 +1,172 @@
+@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;
+  }
+  #dictionary{
+    margin: 24px 16px;
+    .addressAssign{
+      flex: 7;
+    }
+    .contentItem{
+      margin: 0 16px;
+      padding: 8px;
+      text-align: center;
+      &.active{
+        background-color: @primary-color;
+        color: #fff;
+        border-radius: 4px;
+      }
+    }
+    .contentBody{
+      padding: 16px;
+    }
+    ::ng-deep .ant-form-item{
+      margin-bottom: 0;
+    }
+    .dictionaryRow{
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 16px;
+      .orders{
+        flex: 1;
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+      }
+      .name{
+        width: 100px;
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+      }
+      .value{
+        flex: 3;
+        display: flex;
+        align-items: center;
+        .valueInput{
+          width: 600px;
+        }
+        .icon_transport{
+          font-size: 20px;
+          color: #8a8a8a;
+          cursor: pointer;
+        }
+      }
+
+    }
+  }
+  .content{
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    border: 1px solid #EEF3F9;
+    &.priority{
+      margin: 24px 118px 0;
+      background-color: #fff;
+      .contentInner{
+        padding: 48px 206px;
+        border: 1px solid #E8EBEF;
+      }
+    }
+    .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;
+      justify-content: space-between;
+      align-items: center;
+      padding: 0 16px;
+      gap: 16px;
+      .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;
+        margin: 4px 0;
+        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-dictionary/configuration-dictionary.component.ts

@@ -0,0 +1,249 @@
+import { Component, OnInit, ViewChild } from "@angular/core";
+import { ActivatedRoute } from "@angular/router";
+import { MainService } from "../../../services/main.service";
+import { Validators, FormGroup, FormBuilder, FormControl } from '@angular/forms';
+import { ToolService } from 'src/app/services/tool.service';
+import { OverlayScrollbarsComponent } from 'overlayscrollbars-ngx';
+import { NzMessageService } from 'ng-zorro-antd';
+import { v4 as uuidv4, validate as uuidValidate } from 'uuid';
+
+@Component({
+  selector: "app-configuration-dictionary",
+  templateUrl: "./configuration-dictionary.component.html",
+  styleUrls: ["./configuration-dictionary.component.less"],
+})
+export class ConfigurationDictionaryComponent implements OnInit {
+  constructor(
+    private route: ActivatedRoute,
+    private mainService: MainService,
+    private fb: FormBuilder,
+    private tool: ToolService,
+    private message: NzMessageService,
+  ) {}
+
+  @ViewChild("osComponentRef1", {
+    read: OverlayScrollbarsComponent,
+    static: false,
+  })
+  osComponentRef1: OverlayScrollbarsComponent;
+
+  ngOnInit() {
+    this.initDictionaryForm();
+    this.getDictionaryList();
+  }
+
+  // 数据字典key列表
+  dictionaryKeyList: any[] = [
+    { id: 1, name: '积分配置', key: "incident_category_score"},
+    { id: 2, name: '事件来源', key: "incident_source"},
+    { id: 3, name: '处理结果', key: "incident_closecode"},
+    { id: 4, name: '处理方式', key: "incident_handle_type"},
+    { id: 5, name: '状态', key: "incident_status"},
+    { id: 6, name: '维修记录', key: "repair_type"},
+    { id: 7, name: '满意度评价', key: "incident_degree"},
+  ];
+
+  // 点击数据字典key
+  activeDictionaryKey:any = this.dictionaryKeyList[0];
+  clickDictionaryKey(item){
+    this.activeDictionaryKey = item;
+    this.getDictionaryList();
+  }
+
+  btnLoading: boolean = false; //提交按钮loading状态
+  // ------------------------------
+
+  // 展示信息提示框（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.getDictionaryList();
+  }
+
+  coopData: any = {}; //当前操作列
+
+  delModal: boolean = false; //删除模态框
+  tipsMsg1: string; //提示框信息
+  tipsMsg2: string; //操作后信息
+  confirmDelType: string; //确认的类型（启用/停用，删除）
+  showDelModal(
+    data,
+    tipsMsg1: string,
+    tipsMsg2: string,
+    type: string,
+  ) {
+    this.confirmDelType = type;
+    this.delModal = true;
+    this.coopData = data;
+    this.tipsMsg1 = tipsMsg1;
+    this.tipsMsg2 = tipsMsg2;
+  }
+  // 隐藏删除框
+  hideDelModal() {
+    this.delModal = false;
+  }
+  // 确认删除
+  confirmDel() {
+    this.btnLoading = true;
+    if (this.confirmDelType === "delDictionary") {
+      //删除-数据字典
+      this.mainService
+        .simplePost("rmvData", "dictionary", [this.coopData.id])
+        .subscribe((data) => {
+          this.btnLoading = false;
+          this.delModal = false;
+          if (data.status == 200) {
+            this.showPromptModal(this.tipsMsg2, true, "");
+          } else {
+            this.showPromptModal(this.tipsMsg2, false, data.msg);
+          }
+        });
+    }
+  }
+
+  // 初始化数据字典新增form表单
+  validateDictionaryForm: FormGroup; //新增/编辑表单
+  dictionaryList: any = [];
+  initDictionaryForm() {
+    this.validateDictionaryForm = this.fb.group({
+      // name: [null, [Validators.required]],//键
+      // value: [null, [Validators.required]],//值
+      // orders: [null, [Validators.required]],//排序号
+    });
+    console.log(this.validateDictionaryForm.controls)
+  }
+
+  // 获取数据字典数据
+  maskFlag: any = false;
+  getDictionaryList() {
+    let postData = {
+      idx: 0,
+      sum: 9999,
+      dictionary: {
+        key: this.activeDictionaryKey.key,
+      }
+    }
+    this.maskFlag = this.message.loading("正在加载中..", {
+      nzDuration: 0,
+    }).messageId;
+    this.mainService.getFetchDataList('simple/data','dictionary',postData).subscribe(data => {
+      this.message.remove(this.maskFlag);
+      this.maskFlag = false;
+      let list = data.list || [];
+      if(list.length){
+        this.dictionaryList = list.map(v => {
+          return {
+            id: v.id,
+            name: v.name || null,
+            value: v.value || null,
+            orders: v.orders || null,
+            system: v.system || false,
+          }
+        });
+      }else{
+        this.dictionaryList = [
+          {
+            id: uuidv4(),
+            name: null,
+            value: null,
+            orders: null,
+            system: false,
+          }
+        ];
+      }
+
+      console.log(this.dictionaryList);
+      // 动态添加表单
+      this.dictionaryList.forEach((obj, i) => {
+        for (const key in obj) {
+          if(key !== 'id' && key !== 'system'){
+            this.validateDictionaryForm.addControl(key + '_' + obj.id, new FormControl({value: obj[key], disabled: key === 'value' ? obj.system : false}, [Validators.required]))
+          }
+        }
+      })
+    })
+  }
+
+  // 添加数据字典
+  addField(i:number): void{
+    let obj = {
+      id: uuidv4(),
+      name: null,
+      value: null,
+      orders: null,
+      system: false,
+    };
+
+    // 动态添加表单
+    for (const key in obj) {
+      console.log(key + '_' + obj.id)
+      if(key !== 'id' && key !== 'system'){
+        this.validateDictionaryForm.addControl(key + '_' + obj.id, new FormControl(null, [Validators.required]))
+      }
+    }
+
+    this.dictionaryList.splice(i + 1, 0, obj);
+  }
+
+  // 删除
+  removeField(obj, i:number): void {
+    if(uuidValidate(obj.id)){
+      this.dictionaryList.splice(i, 1);
+      this.dictionaryList = [...this.dictionaryList];
+      // 动态删除表单
+      for (const key in obj) {
+        this.validateDictionaryForm.removeControl(key + '_' + obj.id);
+      }
+    }else{
+      this.showDelModal(obj,'您确认要删除吗？','删除','delDictionary')
+    }
+  }
+
+  // 保存数据字典
+  saveDictionary(): void {
+    console.log(this.coopData)
+    for (const i in this.validateDictionaryForm.controls) {
+      this.validateDictionaryForm.controls[i].markAsDirty();
+      this.validateDictionaryForm.controls[i].updateValueAndValidity();
+    }
+    if (this.validateDictionaryForm.invalid) {
+      return;
+    }
+    console.log(this.validateDictionaryForm.value);
+    let postData:any = {};
+
+    //增加
+    postData = [];
+    for (let i = 0; i < this.dictionaryList.length; i++) {
+      postData.push({
+        id: uuidValidate(this.dictionaryList[i].id) ? undefined : this.dictionaryList[i].id,
+        name: this.validateDictionaryForm.value['name_' + this.dictionaryList[i].id],
+        value: this.validateDictionaryForm.value['value_' + this.dictionaryList[i].id],
+        orders: this.validateDictionaryForm.value['orders_' + this.dictionaryList[i].id],
+        system: uuidValidate(this.dictionaryList[i].id) ? false : this.dictionaryList[i].system,
+        key: this.activeDictionaryKey.key,
+      })
+    }
+    console.log(postData);
+    this.btnLoading = true;
+    this.mainService
+      .simplePost("addListData", "dictionary", postData)
+      .subscribe((result) => {
+        this.btnLoading = false;
+        if (result.status == 200) {
+          this.showPromptModal('保存', true, '');
+        } else {
+          this.showPromptModal('保存', false, result.msg || '');
+        }
+      });
+  }
+}

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

@@ -0,0 +1,97 @@
+<div class="content priority">
+  <div class="contentInner">
+    <div class="list-template" id="priorityTable">
+      <div class="list-template__content">
+        <div class="list-template__bottom">
+          <div class="list-template__top" nz-row>
+            <div nz-col nzLg="24" class="list-template__btns">
+              <button nz-button class="btn default" (click)="addPriorityModal()">新增</button>
+            </div>
+          </div>
+          <nz-table class="list-template__nzTable" [nzData]="priorityList" nzSize="middle" [nzShowPagination]="false"
+            [nzLoading]="loading1" [nzScroll]="{ y: tablePriorityHeight + 'px' }">
+            <thead>
+              <tr class="thead">
+                <th nzWidth="20%">优先级名称</th>
+                <th nzWidth="20%">排序</th>
+                <th nzWidth="20%">响应时间（分钟）</th>
+                <th nzWidth="20%">解决时间（分钟）</th>
+                <th nzWidth="20%">操作</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr *ngFor="let data of priorityList;let i = index">
+                <td>{{data.name}}</td>
+                <td>{{data.orders}}</td>
+                <td>{{data.responseTime}}</td>
+                <td>{{data.handleTime}}</td>
+                <td>
+                  <div class="coop">
+                    <span (click)="showDelModal(data,'您确认要删除吗？','删除','delPriority')">删除</span>
+                    <span (click)="editPriority(data)">编辑</span>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </nz-table>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo">
+</app-prompt-modal>
+
+<!-- 删除模态框 -->
+<app-dialog-delete [delModal]="delModal" (hideDelModalEvent)="hideDelModal()" [btnLoading]="btnLoading"
+(confirmDelEvent)="confirmDel()" [content]="tipsMsg1"></app-dialog-delete>
+
+<!-- 新增/编辑优先级模态框 -->
+<div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="modalPriority">
+  <div class="modalBody">
+    <div class="title">{{modelName}}优先级<i class="icon_transport transport-guanbi" (click)="hidePriorityModal()"></i></div>
+    <div class="content">
+      <form nz-form [formGroup]="validatePriorityForm" class="addForm">
+        <nz-form-item>
+          <nz-form-label [nzSpan]="6" nzRequired nzFor="name">优先级名称</nz-form-label>
+          <nz-form-control [nzSpan]="18" nzErrorTip="请输入优先级名称!">
+            <nz-input-group>
+              <input formControlName="name" nz-input placeholder="请输入优先级名称">
+            </nz-input-group>
+          </nz-form-control>
+        </nz-form-item>
+        <nz-form-item>
+          <nz-form-label [nzSpan]="6" nzRequired nzFor="orders">排&nbsp;&nbsp;&nbsp;序&nbsp;&nbsp;&nbsp;号</nz-form-label>
+          <nz-form-control [nzSpan]="18" nzErrorTip="请输入排序号!">
+            <nz-input-group>
+              <nz-input-number class="w100" formControlName="orders" nzPlaceHolder="请输入排序号" [nzMin]="0" [nzStep]="1" [nzPrecision]="0"></nz-input-number>
+            </nz-input-group>
+          </nz-form-control>
+        </nz-form-item>
+        <nz-form-item>
+          <nz-form-label [nzSpan]="6" nzRequired nzFor="responseTime">响&nbsp;应&nbsp;时&nbsp;间</nz-form-label>
+          <nz-form-control [nzSpan]="18" nzErrorTip="请输入响应时间（分钟）!">
+            <nz-input-group>
+              <nz-input-number class="w100" formControlName="responseTime" nzPlaceHolder="请输入响应时间（分钟）" [nzMin]="0" [nzStep]="1" [nzPrecision]="0" [nzFormatter]="formatterMinute" [nzParser]="parserMinute"></nz-input-number>
+            </nz-input-group>
+          </nz-form-control>
+        </nz-form-item>
+        <nz-form-item>
+          <nz-form-label [nzSpan]="6" nzRequired nzFor="handleTime">解&nbsp;决&nbsp;时&nbsp;间</nz-form-label>
+          <nz-form-control [nzSpan]="18" nzErrorTip="请输入解决时间（分钟）!">
+            <nz-input-group>
+              <nz-input-number class="w100" formControlName="handleTime" nzPlaceHolder="请输入解决时间（分钟）" [nzMin]="0" [nzStep]="1" [nzPrecision]="0" [nzFormatter]="formatterMinute" [nzParser]="parserMinute"></nz-input-number>
+            </nz-input-group>
+          </nz-form-control>
+        </nz-form-item>
+      </form>
+    </div>
+    <div class=" display_flex justify-content_flex-center">
+      <button nzType="primary" nz-button (click)="submitPriorityForm()" [nzLoading]="btnLoading">确认</button>
+      <button class="btn cancel" nz-button nzType="default" (click)="hidePriorityModal()">取消</button>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,289 @@
+@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 118px 0;
+      background-color: #fff;
+      .contentInner{
+        padding: 48px 206px;
+        border: 1px solid #E8EBEF;
+      }
+    }
+    .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;
+      justify-content: space-between;
+      align-items: center;
+      padding: 0 16px;
+      gap: 16px;
+      .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;
+        margin: 4px 0;
+        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;
+    }
+  }
+
+  .save {
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.4);
+    z-index: 99;
+
+    .tips{
+      margin-bottom: 16px!important;
+    }
+
+    .modalBody {
+      width: 350px;
+      background: #fff;
+      border-radius: 5px;
+      padding: 10px 20px;
+      color: #333;
+
+      .title {
+        width: 100%;
+        text-align: center;
+        font-size: 18px;
+        position: relative;
+
+        i {
+          position: absolute;
+          right: 0;
+          top: 0;
+          font-size: 20px;
+          color: #666;
+          cursor: pointer;
+          padding: 0 5px;
+        }
+      }
+
+      .content {
+        width: 310px;
+        background: #f9fafb;
+        border: 1px solid #e5e9ed;
+        border-radius: 5px;
+        overflow: hidden;
+        margin-top: 12px;
+        padding: 16px 0;
+
+        .busyList{
+          display: flex;
+          margin-bottom: 8px;
+          .busyContent{
+            margin-right: 8px;
+            flex: 1;
+          }
+        }
+
+        & > div {
+          text-align: center;
+          margin: 0;
+
+          &.icon {
+            // margin-top: 17px;
+
+            i {
+              color: #34b349;
+              font-size: 30px !important;
+
+              &.transport-wenhao {
+                color: #f5a523;
+              }
+
+              &.transport-shibai {
+                color: #ff3a52;
+              }
+            }
+          }
+
+          &.defeat {
+            color: #333;
+            font-size: 14px;
+          }
+
+          &:nth-child(3) {
+            font-size: 14px;
+            color: #666;
+          }
+        }
+        .workAssignmentTips {
+          font-size: 12px;
+        }
+      }
+
+      button {
+        margin-top: 10px;
+
+        &.btn {
+          margin-left: 8px;
+        }
+      }
+    }
+
+    // 新增
+    &.add {
+      .modalBody {
+        width: 480px;
+        height: auto;
+
+        .content {
+          width: 100%;
+          height: auto;
+          padding: 16px;
+          max-height: 497px;
+          overflow-y: auto;
+
+          .addForm {
+            .ant-form-item {
+              margin-bottom: 0;
+
+              .ant-form-item-label {
+                text-align: left;
+              }
+
+              .desc {
+                margin-top: 5px;
+              }
+            }
+
+            .datesControl {
+              margin-top: -16px;
+
+              .ant-form-item-label {
+                line-height: 40px;
+              }
+            }
+
+            .timer {
+              .ant-form-item-label {
+                width: 100%;
+                text-align: left;
+              }
+
+              .numInp {
+                margin-right: 5px;
+              }
+
+              .line {
+                margin-right: 5px;
+              }
+            }
+
+            .timer2 {
+              .ant-form-item-label {
+                line-height: 20px;
+              }
+            }
+          }
+
+          .editForm {
+            .ant-form-item {
+              margin-bottom: 15px;
+
+              .ant-form-item-label {
+                line-height: 14px;
+                text-align: left;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,212 @@
+import { Component, OnInit } from "@angular/core";
+import { ActivatedRoute } from "@angular/router";
+import { Subject } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+import { MainService } from "../../../services/main.service";
+import { Validators, FormGroup, FormBuilder } from '@angular/forms';
+import { ToolService } from 'src/app/services/tool.service';
+import { NzMessageService } from 'ng-zorro-antd';
+
+@Component({
+  selector: "app-configuration-priority",
+  templateUrl: "./configuration-priority.component.html",
+  styleUrls: ["./configuration-priority.component.less"],
+})
+export class ConfigurationPriorityComponent implements OnInit {
+  constructor(
+    private route: ActivatedRoute,
+    private mainService: MainService,
+    private fb: FormBuilder,
+    private tool: ToolService,
+    private message: NzMessageService,
+  ) {}
+
+  coopData: any = {}; //当前操作列
+
+  formatterMinute = (value: number) => `${value} 分钟`;
+  parserMinute = (value: string) => value.replace(' 分钟', '');
+
+  ngOnInit() {
+    // 优先级
+    setTimeout(() => {
+      this.tablePriorityHeight = document.querySelector('#priorityTable').clientHeight - document.querySelector('#priorityTable .list-template__top').clientHeight - 8 - document.querySelector('#priorityTable .thead').clientHeight;
+    }, 0)
+    this.getPriorityList();
+  }
+
+  // 新增优先级弹框
+  modelName = ""; //模态框名称
+  modalPriority: boolean = false; //新增/编辑模态框
+  add: boolean; //true:新增；false:编辑
+  addPriorityModal() {
+    this.modelName = "新增";
+    this.add = true; //新增
+    this.modalPriority = true;
+    this.initPriorityForm();
+  }
+  //关闭新增/编辑弹框
+  hidePriorityModal() {
+    this.modalPriority = false;
+  }
+
+  // 编辑
+  editPriority(data) {
+    console.log(data);
+    this.modelName = "编辑";
+    this.add = false;
+    this.modalPriority = true;
+    this.initPriorityForm();
+    this.coopData = data;
+    this.validatePriorityForm.controls.name.setValue(data.name);
+    this.validatePriorityForm.controls.orders.setValue(data.orders);
+    this.validatePriorityForm.controls.responseTime.setValue(data.responseTime);
+    this.validatePriorityForm.controls.handleTime.setValue(data.handleTime);
+  }
+
+  // 新增/编辑表单提交
+  btnLoading: boolean = false; //提交按钮loading状态
+  submitPriorityForm(): void {
+    for (const i in this.validatePriorityForm.controls) {
+      this.validatePriorityForm.controls[i].markAsDirty();
+      this.validatePriorityForm.controls[i].updateValueAndValidity();
+    }
+    if (this.validatePriorityForm.invalid) {
+      return;
+    }
+    console.log(this.validatePriorityForm.value);
+    this.btnLoading = true;
+    let postData:any = {};
+
+    if (this.add) {
+      //增加
+      postData = {
+        // priority: {
+          name: this.validatePriorityForm.value.name,
+          orders: this.validatePriorityForm.value.orders,
+          responseTime: this.validatePriorityForm.value.responseTime,
+          handleTime: this.validatePriorityForm.value.handleTime,
+        // }
+      };
+    } else {
+      //编辑
+      postData = {
+        // priority: {
+          ...this.coopData,
+          ...{
+            name: this.validatePriorityForm.value.name,
+            orders: this.validatePriorityForm.value.orders,
+            responseTime: this.validatePriorityForm.value.responseTime,
+            handleTime: this.validatePriorityForm.value.handleTime,
+          }
+        // }
+      };
+    }
+    this.mainService
+      .simplePost("addData", "priority", postData)
+      .subscribe((result) => {
+        this.btnLoading = false;
+        this.hidePriorityModal();
+        let msg = "";
+        if (this.add) {
+          msg = "新增";
+        } else {
+          msg = "修改";
+        }
+        if (result.status == 200) {
+          this.showPromptModal(msg, true, '');
+        } else {
+          this.showPromptModal(msg, false, result.msg);
+        }
+      });
+  }
+
+  // 初始化新增form表单
+  validatePriorityForm: FormGroup; //新增/编辑表单
+  initPriorityForm() {
+    this.validatePriorityForm = this.fb.group({
+      name: [null, [Validators.required]],//优先级名称
+      orders: [null, [Validators.required]],//排序号
+      responseTime: [0, [Validators.required]],//响应时间
+      handleTime: [0, [Validators.required]],//解决时间
+    });
+    console.log(this.validatePriorityForm.controls)
+  }
+
+  // 获取优先级列表
+  loading1:boolean = false;
+  priorityList: any[] = []; //表格数据
+  tablePriorityHeight:number = 0;
+  getPriorityList() {
+    let data = {
+      idx: 0,
+      sum: 9999,
+      priority: {},
+    };
+    this.loading1 = true;
+    this.mainService
+      .getFetchDataList("simple/data", "priority", data)
+      .subscribe((data) => {
+        this.loading1 = false;
+        if (data.status == 200) {
+          this.priorityList = data.list || [];
+        }else{
+          this.message.error(data.msg || "请求数据失败");
+        }
+      });
+  }
+
+  delModal: boolean = false; //删除模态框
+  tipsMsg1: string; //提示框信息
+  tipsMsg2: string; //操作后信息
+  confirmDelType: string; //确认的类型（启用/停用，删除）
+  showDelModal(
+    data,
+    tipsMsg1: string,
+    tipsMsg2: string,
+    type: string,
+  ) {
+    this.confirmDelType = type;
+    this.delModal = true;
+    this.coopData = data;
+    this.tipsMsg1 = tipsMsg1;
+    this.tipsMsg2 = tipsMsg2;
+  }
+  // 隐藏删除框
+  hideDelModal() {
+    this.delModal = false;
+  }
+  // 确认删除
+  confirmDel() {
+    this.btnLoading = true;
+    if (this.confirmDelType === "delPriority") {
+      //删除-优先级
+      this.mainService
+        .simplePost("rmvData", "priority", [this.coopData.id])
+        .subscribe((data) => {
+          this.btnLoading = false;
+          this.delModal = false;
+          if (data.status == 200) {
+            this.showPromptModal(this.tipsMsg2, true, "");
+          } else {
+            this.showPromptModal(this.tipsMsg2, false, 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.getPriorityList();
+  }
+}

src/app/share/allocation-worker copy/allocation-worker.component.html

@@ -0,0 +1,63 @@
+<div class="detail">
+  <div class="title">分配配送人员<i class="icon_transport transport-guanbi" (click)="close()"></i></div>
+  <div class="content">
+    <div nz-row class="select">
+      <div nz-col nzSpan="6">
+        <div class="label">人员姓名：</div>
+        <input [disabled]="nameMask" nz-input placeholder="请输入人员姓名" [(ngModel)]="searchName" nzSize="default"
+          (ngModelChange)="searchInp('worker')" />
+      </div>
+      <div nz-col nzSpan="6" class="ml8">
+        <div class="label">人员分组：</div>
+        <nz-select nzAllowClear [nzDisabled]="groupMask" style="width: 220px;" [nzDropdownMatchSelectWidth]="false"
+          [(ngModel)]="checkedGroup" (ngModelChange)="searchInp('group')" nzPlaceHolder="请选择人员分组">
+          <nz-option *ngFor="let optionData of groupList" [nzLabel]="optionData.groupName" [nzValue]="optionData.id">
+          </nz-option>
+        </nz-select>
+      </div>
+    </div>
+    <div class="table">
+      <div class="box">
+        <nz-table class="allotWorkerTable" [nzShowPagination]="false" #rowSelectionTable [nzData]="workerList"
+          nzSize="small" [nzScroll]="{ y: '270px' }" [nzLoading]="loading1">
+          <thead>
+            <tr class="thead">
+              <th nzWidth="30px" style="text-align: center"></th>
+              <th style="text-align: center">姓名</th>
+              <th nzWidth="202px" style="text-align: center" *ngIf="workerDispatchUserList === 'dynamic'">分组名称</th>
+              <th nzWidth="202px" style="text-align: center" *ngIf="workerDispatchUserList === 'dynamic'">工单数</th>
+              <th nzWidth="202px" style="text-align: center" *ngIf="workerDispatchUserList === 'dynamic'">空闲时间</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr *ngFor="let data of rowSelectionTable.data" (click)="checkAllotWorker(data.id,true)">
+              <td nzShowCheckbox [(nzChecked)]="mapOfCheckedId[data.id]" (nzCheckedChange)="checkAllotWorker(data.id)">
+              </td>
+              <td nzAlign="center">{{ data.name }}</td>
+              <td nzAlign="center" *ngIf="workerDispatchUserList === 'dynamic'">{{ data.groupDTO?.groupName }}</td>
+              <td nzAlign="center" *ngIf="workerDispatchUserList === 'dynamic'">{{ data.totalCount }}</td>
+              <td nzAlign="center" *ngIf="workerDispatchUserList === 'dynamic'" [ngClass]="{red: data.workStateRemark ? true : !data.freetime, green: !data.workStateRemark && data.freetime}">{{ data.workStateRemark ? '示忙-' + data.workStateRemark : (data.freetime || '忙碌中') }}</td>
+            </tr>
+          </tbody>
+        </nz-table>
+        <div class="pagination">
+          <nz-pagination [(nzPageIndex)]="pageIndex" [(nzTotal)]="listLength" nzShowSizeChanger
+            [(nzPageSize)]="pageSize" (nzPageIndexChange)="getWorkerList()" (nzPageSizeChange)="getWorkerList()">
+          </nz-pagination>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="btns display_flex justify-content_flex-center">
+    <button nz-button nzType="primary" [nzLoading]="btnLoading" (click)="submit()"
+      *ngIf="mapOfCheckedId[worderId]">确认</button>
+    <button class=" btn cancel" nz-button nzType="default" (click)="close()">取消</button>
+  </div>
+</div>
+
+
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo" (closeModel)="close()">
+  <!-- 2.父组件调用子组件时绑定到这个事件属性，并在事件发生时作出回应。(closeModel)="close()" -->
+</app-prompt-modal>

src/app/share/allocation-worker copy/allocation-worker.component.less

@@ -0,0 +1,110 @@
+@import "../../../../src/theme.less";
+:host {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  left: 0;
+  top: 0;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 999;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.detail {
+  width: 1000px;
+  min-height: 580px;
+  border-radius: 5px;
+  background: #fff;
+  color: #333;
+  font-size: 14px;
+  padding: 12px 20px;
+  padding-bottom: 70px;
+  position: relative;
+
+  .title {
+    font-size: 18px;
+    text-align: center;
+    line-height: 24px;
+    margin: 0;
+    margin-bottom: 12px;
+    position: relative;
+
+    i {
+      position: absolute;
+      right: 0;
+      top: 0;
+      font-size: 20px;
+      color: #666;
+      cursor: pointer;
+      padding: 0 5px;
+    }
+  }
+
+  .content {
+    width: 960px;
+    overflow: hidden;
+
+    .select {
+      width: 100%;
+      background: #f9fafb;
+      border: 1px solid #e5e9ed;
+      border-radius: 5px;
+      padding: 13px 20px;
+
+      .label {
+        margin-bottom: 8px;
+      }
+    }
+
+    .table {
+      width: 100%;
+      margin-top: 15px;
+
+      .thead {
+        background-image: repeating-linear-gradient(
+          to right,
+          @bg-start,
+          @bg-end 100%
+        ) !important;
+
+        th {
+          color: #fff !important;
+          text-align: center;
+          font-size: 12px;
+          border: none;
+        }
+      }
+
+      .box {
+        min-height: 380px;
+        border-radius: 5px;
+        background: #f9fafb;
+        border: 1px solid #e5e9ed;
+        padding-bottom: 60px;
+        position: relative;
+
+        .pagination {
+          margin-top: 14px;
+          position: absolute;
+          bottom: 12px;
+          right: 5px;
+        }
+      }
+    }
+  }
+
+  .btns {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    bottom: 20px;
+
+    button {
+      margin: 9px;
+      margin-bottom: 0;
+    }
+  }
+}

src/app/share/allocation-worker copy/allocation-worker.component.ts

@@ -0,0 +1,168 @@
+import { Component, OnInit } from "@angular/core";
+import { ActivatedRoute } from "@angular/router";
+import { MainService } from "../../services/main.service";
+
+@Component({
+  selector: "app-allocation-worker",
+  templateUrl: "./allocation-worker.component.html",
+  styleUrls: ["./allocation-worker.component.less"],
+})
+export class AllocationWorkerComponent implements OnInit {
+  constructor(
+    private route: ActivatedRoute,
+    private mainService: MainService
+  ) {}
+
+  ngOnInit() {
+    this.groupList = JSON.parse(localStorage.getItem("user")).user.scope ? JSON.parse(localStorage.getItem("user")).user.scope.groupIds : [];
+    this.getWorkerList();
+  }
+  // 配送人员数据
+  workerList = [];
+
+  id; //工单id
+  stateId; //工单状态id
+  listOfDisplayData: any[] = [];
+  mapOfCheckedId: { [key: string]: boolean } = {};
+  searchName: string = ""; //搜索框内容
+  checkedGroup; //选中人员分组
+  pageIndex: number = 1; //表格当前页码
+  pageSize: number = 10; //表格每页展示条数
+  listLength: number = 10; //表格总数据量
+
+  promptContent: string; //操作提示框提示信息
+  ifSuccess: boolean; //操作成功/失败
+  promptInfo: string; //操作结果提示信息
+  promptModalShow: boolean; //是否展示提示框
+
+  btnLoading: boolean = false; //提交按钮loading状态
+
+  // 配送人员数据
+  groupList: Array<{ groupName: string; id: string }> = []; //分组下拉框
+  snum = 0;
+  loading1 = false;
+  nameMask = false; //是否禁用
+  groupMask = false; //是否禁用
+  workerDispatchUserList = '';
+  getWorkerList(pageIndex?) {
+    this.id = this.route.snapshot.paramMap.get("id");
+    this.stateId = this.route.snapshot.paramMap.get("stateId");
+    this.pageIndex = pageIndex ? pageIndex : this.pageIndex;
+
+    let groupsId = [];
+    JSON.parse(localStorage.getItem("user")).infoPermission.groups.forEach(
+      (e) => {
+        groupsId.push(e.id);
+      }
+    );
+
+    let postData: any = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      groupIds: "",
+      hosId: this.route.snapshot.paramMap.get("hosId"),
+    };
+    if (this.searchName) {
+      postData.name = this.searchName;
+    } else {
+      delete postData.name;
+    }
+    if (this.checkedGroup) {
+      postData.groupId = this.checkedGroup;
+    } else {
+      delete postData.groupId;
+    }
+    this.snum++;
+    this.loading1 = true;
+    this.mainService
+      .getSerInfo("getOnlineWorker", postData)
+      .subscribe((data) => {
+        this.snum--;
+        if (this.snum == 0) {
+          this.loading1 = false;
+        }
+        console.log(data);
+        this.workerDispatchUserList = data.type;
+        this.workerList = data.data;
+        this.listLength = data.totalNum;
+      });
+  }
+
+  // 输入用户信息搜索节流阀
+  time: any;
+  searchInp(type) {
+    this.getWorkerList(1);
+    console.log(type);
+    if (type == "worker") {
+      this.groupMask = Boolean(this.searchName);
+    } else if (type == "group") {
+      this.nameMask = Boolean(this.checkedGroup);
+    }
+  }
+
+  // 选择分配配送人员
+  worderId = 0; //配送人员id
+  checkAllotWorker(id, flag?): void {
+    this.mapOfCheckedId = {
+      [id]: flag ? !this.mapOfCheckedId[id] : this.mapOfCheckedId[id],
+    };
+    this.worderId = id;
+  }
+
+  // 分配
+  submit() {
+    let that = this;
+    that.btnLoading = true;
+    let flag: any = that.route.snapshot.paramMap.get("flag");
+
+    let postData: any = {};
+    let flags = "";
+    if (that.id.includes("_")) {
+      flags = "batchExcuteWorkOrder";
+      let ids_types = that.id.split("-");
+      let stateIds = that.stateId.split("-");
+      postData.workOrders = [];
+      stateIds.forEach((item, i) => {
+        postData.workOrders.push({
+          id: ids_types[i].split("_")[0],
+          type: ids_types[i].split("_")[1],
+          worker: { id: that.worderId },
+          gdState: { id: item },
+        });
+      });
+    } else {
+      flags = flag == 1 ? "excuteWorkOrder/reassign" : "excuteWorkOrder/assign";
+      postData = {
+        workOrder: {
+          id: that.id,
+          worker: { id: that.worderId },
+          gdState: { id: that.stateId },
+        },
+      };
+    }
+    that.mainService.assignWorker(postData, flags).subscribe((data) => {
+      that.btnLoading = false;
+      if (data.status == 200) {
+        that.showPromptModal("分配", true, "");
+      } else {
+        that.showPromptModal("分配", false, data.msg);
+      }
+    });
+  }
+
+  // 关闭弹框
+  close() {
+    history.go(-1);
+  }
+
+  // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+  showPromptModal(con, success, promptInfo?) {
+    this.promptModalShow = false;
+    this.promptContent = con;
+    this.ifSuccess = success;
+    this.promptInfo = promptInfo;
+    setTimeout(() => {
+      this.promptModalShow = true;
+    }, 100);
+  }
+}

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

@@ -10,372 +10,16 @@
   </div>
   <!-- 故障现象 -->
   <ng-container *ngIf="activeTagId === 1">
-    <div class="hospitalConfig">
-      <nz-radio-group [(ngModel)]="hospitalConfig" (ngModelChange)="changeHospitalConfig($event)">
-        <label nz-radio [nzValue]="item.id" *ngFor="let item of hospitalConfigList">{{ item.name }}</label>
-      </nz-radio-group>
-    </div>
-
-    <div class="content">
-      <div class="contentInner">
-        <div class="address">
-          <div class="contentHead">一级故障现象<button nz-button nzType="primary" nzSize="small" (click)="addCategoryModal(1)">新增</button></div>
-          <overlay-scrollbars #osComponentRef1 class="contentBody">
-            <nz-spin nzSimple [nzSpinning]="categoryLoading1" class="mt8 text_align_center"></nz-spin>
-            <div [hidden]="categoryLoading1" class="contentItem" [title]="item.category" [ngClass]="{ active: item.id === activeCategory1.id }" (click)="clickCategory(item, 1)" *ngFor="let item of categoryList1">{{ item.category }}</div>
-          </overlay-scrollbars>
-        </div>
-        <div class="address">
-          <div class="contentHead">二级故障现象<button nz-button nzType="primary" nzSize="small" *ngIf="activeCategory1.id" (click)="addCategoryModal(2)">新增</button></div>
-          <overlay-scrollbars #osComponentRef2 class="contentBody">
-            <nz-spin nzSimple [nzSpinning]="categoryLoading2" class="mt8 text_align_center"></nz-spin>
-            <div [hidden]="categoryLoading2" class="contentItem" [title]="item.category" [ngClass]="{ active: item.id === activeCategory2.id }" (click)="clickCategory(item, 2)" *ngFor="let item of categoryList2">{{ item.category }}</div>
-          </overlay-scrollbars>
-        </div>
-        <div class="address">
-          <div class="contentHead">三级故障现象<button nz-button nzType="primary" nzSize="small" *ngIf="activeCategory2.id" (click)="addCategoryModal(3)">新增</button></div>
-          <overlay-scrollbars #osComponentRef3 class="contentBody">
-            <nz-spin nzSimple [nzSpinning]="categoryLoading3" class="mt8 text_align_center"></nz-spin>
-            <div [hidden]="categoryLoading3" class="contentItem" [title]="item.category" [ngClass]="{ active: item.id === activeCategory3.id }" (click)="clickCategory(item, 3)" *ngFor="let item of categoryList3">{{ item.category }}</div>
-          </overlay-scrollbars>
-        </div>
-        <div class="addressAssign">
-          <div class="contentHead">
-            <div class="title" title="{{activeCategory1.category}}{{activeCategory2.category ? ' - ' + activeCategory2.category : ''}}{{activeCategory3.category ? ' - ' + activeCategory3.category : ''}}">{{activeCategory1.category}}{{activeCategory2.category ? ' - ' + activeCategory2.category : ''}}{{activeCategory3.category ? ' - ' + activeCategory3.category : ''}}</div>
-            <div class="btns" *ngIf="activeCategory1.id || activeCategory2.id || activeCategory3.id">
-              <button nz-button nzType="primary" nzSize="small" (click)="showDelModal(data, hospitalConfig === 1 ? '您确认向下复制您的配置信息吗？' : '您确认向下复制您的配置吗？将会移除各科室的配置，使用当前配置进行覆盖。','向下复制','copy')" *ngIf="currentChildrenCategoryList">向下复制</button>
-              <button nz-button nzType="primary" nzSize="small" class="ml8" *ngIf="hospitalConfig === 2" (click)="addConfigModal()">新增</button>
-            </div>
-          </div>
-          <div class="contentBody" id="categoryTable">
-            <div class="list-template">
-              <div class="list-template__content">
-                <div class="list-template__bottom">
-                  <nz-table class="list-template__nzTable" [nzData]="categoryConfigList" nzSize="middle" [nzShowPagination]="false"
-                    [nzLoading]="loading1" [nzScroll]="{ y: tableCategoryHeight + 'px' }">
-                    <thead>
-                      <tr class="thead">
-                        <th nzWidth="16%">院区</th>
-                        <th nzWidth="16%">责任部门</th>
-                        <th nzWidth="16%">优先级</th>
-                        <th nzWidth="16%">积分</th>
-                        <th nzWidth="16%">维修人|组</th>
-                        <th nzWidth="20%">操作</th>
-                      </tr>
-                    </thead>
-                    <tbody>
-                      <tr *ngFor="let data of categoryConfigList;let i = index">
-                        <td>{{data.hospitalDTO?.hosName}}</td>
-                        <td>{{data.dutyDTO?.hosName}}</td>
-                        <td>{{data.priorityDTO?.name}}</td>
-                        <td>{{data.score?.value}}</td>
-                        <td>{{data.userGroup === 1 ? data.userDTO?.name : (data.userGroup === 2 ? data.groupDTO?.groupName : '')}}</td>
-                        <td>
-                          <div class="coop">
-                            <span (click)="showDelModal(data,'您确认要删除吗？','删除','delConfig')">删除</span>
-                            <span (click)="editConfig(data)">编辑</span>
-                          </div>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </nz-table>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
+    <app-configuration-category></app-configuration-category>
   </ng-container>
   <!-- 优先级 -->
   <ng-container *ngIf="activeTagId === 2">
-    <div class="content priority">
-      <div class="contentInner">
-        <div class="list-template" id="priorityTable">
-          <div class="list-template__content">
-            <div class="list-template__bottom">
-              <div class="list-template__top" nz-row>
-                <div nz-col nzLg="24" class="list-template__btns">
-                  <button nz-button class="btn default" (click)="addPriorityModal()">新增</button>
-                </div>
-              </div>
-              <nz-table class="list-template__nzTable" [nzData]="priorityList" nzSize="middle" [nzShowPagination]="false"
-                [nzLoading]="loading1" [nzScroll]="{ y: tablePriorityHeight + 'px' }">
-                <thead>
-                  <tr class="thead">
-                    <th nzWidth="20%">优先级名称</th>
-                    <th nzWidth="20%">排序</th>
-                    <th nzWidth="20%">响应时间（分钟）</th>
-                    <th nzWidth="20%">解决时间（分钟）</th>
-                    <th nzWidth="20%">操作</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr *ngFor="let data of priorityList;let i = index">
-                    <td>{{data.name}}</td>
-                    <td>{{data.orders}}</td>
-                    <td>{{data.responseTime}}</td>
-                    <td>{{data.handleTime}}</td>
-                    <td>
-                      <div class="coop">
-                        <span (click)="showDelModal(data,'您确认要删除吗？','删除','delPriority')">删除</span>
-                        <span (click)="editPriority(data)">编辑</span>
-                      </div>
-                    </td>
-                  </tr>
-                </tbody>
-              </nz-table>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
+    <app-configuration-priority></app-configuration-priority>
   </ng-container>
   <!-- 数据字典 -->
   <ng-container *ngIf="activeTagId === 3">
-    <div class="content" id="dictionary">
-      <div class="contentInner">
-        <div class="address">
-          <overlay-scrollbars #osComponentRef5 class="contentBody">
-            <div class="contentItem" [title]="item.name" [ngClass]="{ active: item.id === activeDictionaryKey.id }" (click)="clickDictionaryKey(item)" *ngFor="let item of dictionaryKeyList">{{ item.name }}</div>
-          </overlay-scrollbars>
-        </div>
-        <div class="addressAssign">
-          <div class="contentBody">
-            <div class="dictionaryRow">
-              <div class="orders">排序号</div>
-              <div class="name">键</div>
-              <div class="value">值</div>
-            </div>
-            <form nz-form [formGroup]="validateDictionaryForm" class="w100">
-              <div class="dictionaryRow" *ngFor="let data of dictionaryList;let i = index;">
-                <div class="orders">
-                  <nz-form-item>
-                    <nz-form-control [nzSpan]="24" nzErrorTip="请输入排序号!">
-                      <nz-input-group>
-                        <nz-input-number [formControlName]="'orders_' + data.id" class="ordersInput"></nz-input-number>
-                      </nz-input-group>
-                    </nz-form-control>
-                  </nz-form-item>
-                </div>
-                <div class="name">
-                  <nz-form-item>
-                    <nz-form-control [nzSpan]="24" nzErrorTip="请输入键!">
-                      <nz-input-group>
-                        <input [formControlName]="'name_' + data.id" nz-input class="nameInput">
-                      </nz-input-group>
-                    </nz-form-control>
-                  </nz-form-item>
-                </div>
-                <div class="value">
-                  <nz-form-item>
-                    <nz-form-control [nzSpan]="24" nzErrorTip="请输入值!">
-                      <nz-input-group>
-                        <input [formControlName]="'value_' + data.id" nz-input class="valueInput">
-                      </nz-input-group>
-                    </nz-form-control>
-                  </nz-form-item>
-                  <i class="icon_transport transport-tag27fuben ml8" (click)="addField(i)"></i>
-                  <i class="icon_transport transport-shanchu1 ml8" *ngIf="dictionaryList.length > 1 && !data.system" (click)="removeField(data, i)"></i>
-                </div>
-              </div>
-            </form>
-          </div>
-          <div class="contentBtns">
-            <button nz-button nzType="primary" class="ml8" (click)="saveDictionary()">保存</button>
-          </div>
-        </div>
-      </div>
-    </div>
+    <app-configuration-dictionary></app-configuration-dictionary>
   </ng-container>
 </div>
 
-<!-- 操作成功/失败提示框 -->
-<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
-  [info]="promptInfo">
-</app-prompt-modal>
-
-<!-- 删除模态框 -->
-<app-dialog-delete [delModal]="delModal" (hideDelModalEvent)="hideDelModal()" [btnLoading]="btnLoading"
-(confirmDelEvent)="confirmDel()" [content]="tipsMsg1"></app-dialog-delete>
-
-<!-- 新增/编辑优先级模态框 -->
-<div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="modalPriority">
-  <div class="modalBody">
-    <div class="title">{{modelName}}优先级<i class="icon_transport transport-guanbi" (click)="hidePriorityModal()"></i></div>
-    <div class="content">
-      <form nz-form [formGroup]="validatePriorityForm" class="addForm">
-        <nz-form-item>
-          <nz-form-label [nzSpan]="6" nzRequired nzFor="name">优先级名称</nz-form-label>
-          <nz-form-control [nzSpan]="18" nzErrorTip="请输入优先级名称!">
-            <nz-input-group>
-              <input formControlName="name" nz-input placeholder="请输入优先级名称">
-            </nz-input-group>
-          </nz-form-control>
-        </nz-form-item>
-        <nz-form-item>
-          <nz-form-label [nzSpan]="6" nzRequired nzFor="orders">排&nbsp;&nbsp;&nbsp;序&nbsp;&nbsp;&nbsp;号</nz-form-label>
-          <nz-form-control [nzSpan]="18" nzErrorTip="请输入排序号!">
-            <nz-input-group>
-              <nz-input-number class="w100" formControlName="orders" nzPlaceHolder="请输入排序号" [nzMin]="0" [nzStep]="1" [nzPrecision]="0"></nz-input-number>
-            </nz-input-group>
-          </nz-form-control>
-        </nz-form-item>
-        <nz-form-item>
-          <nz-form-label [nzSpan]="6" nzRequired nzFor="responseTime">响&nbsp;应&nbsp;时&nbsp;间</nz-form-label>
-          <nz-form-control [nzSpan]="18" nzErrorTip="请输入响应时间（分钟）!">
-            <nz-input-group>
-              <nz-input-number class="w100" formControlName="responseTime" nzPlaceHolder="请输入响应时间（分钟）" [nzMin]="0" [nzStep]="1" [nzPrecision]="0" [nzFormatter]="formatterMinute" [nzParser]="parserMinute"></nz-input-number>
-            </nz-input-group>
-          </nz-form-control>
-        </nz-form-item>
-        <nz-form-item>
-          <nz-form-label [nzSpan]="6" nzRequired nzFor="handleTime">解&nbsp;决&nbsp;时&nbsp;间</nz-form-label>
-          <nz-form-control [nzSpan]="18" nzErrorTip="请输入解决时间（分钟）!">
-            <nz-input-group>
-              <nz-input-number class="w100" formControlName="handleTime" nzPlaceHolder="请输入解决时间（分钟）" [nzMin]="0" [nzStep]="1" [nzPrecision]="0" [nzFormatter]="formatterMinute" [nzParser]="parserMinute"></nz-input-number>
-            </nz-input-group>
-          </nz-form-control>
-        </nz-form-item>
-      </form>
-    </div>
-    <div class=" display_flex justify-content_flex-center">
-      <button nzType="primary" nz-button (click)="submitPriorityForm()" [nzLoading]="btnLoading">确认</button>
-      <button class="btn cancel" nz-button nzType="default" (click)="hidePriorityModal()">取消</button>
-    </div>
-  </div>
-</div>
-
-<!-- 新增/编辑故障现象模态框 -->
-<div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="modalCategory">
-  <div class="modalBody">
-    <div class="title">{{modelName}}<i class="icon_transport transport-guanbi" (click)="hideCategoryModal()"></i></div>
-    <div class="content">
-      <div class="tips" *ngIf="coopType === 1">您将添加一级故障现象，请输入故障现象</div>
-      <div class="tips" *ngIf="coopType === 2">您将在“<span class="red">{{activeCategory1.category}}</span>”下新增故障现象，请输入故障现象</div>
-      <div class="tips" *ngIf="coopType === 3">您将在“<span class="red">{{activeCategory1.category}}{{activeCategory2.category ? ' - ' + activeCategory2.category : ''}}</span>”下新增故障现象，请输入故障现象</div>
-      <form nz-form [formGroup]="validateCategoryForm" class="addForm">
-        <nz-form-item>
-          <nz-form-control [nzSpan]="24" nzErrorTip="请输入故障现象名称!">
-            <nz-input-group>
-              <textarea formControlName="name" nz-input placeholder="请输入故障现象名称" [nzAutosize]="{minRows: 3}"></textarea>
-            </nz-input-group>
-          </nz-form-control>
-        </nz-form-item>
-      </form>
-    </div>
-    <div class=" display_flex justify-content_flex-center">
-      <button nzType="primary" nz-button (click)="submitCategoryForm()" [nzLoading]="btnLoading">确认</button>
-      <button class="btn cancel" nz-button nzType="default" (click)="hideCategoryModal()">取消</button>
-    </div>
-  </div>
-</div>
-
-<!-- 新增/编辑关联模态框 -->
-<div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="modalConfig">
-  <div class="modalBody">
-    <div class="title">{{modelName}}<i class="icon_transport transport-guanbi" (click)="hideConfigModal()"></i></div>
-    <div class="content">
-      <form nz-form [formGroup]="validateConfigForm" class="addForm">
-        <nz-form-item>
-          <nz-form-label [nzSpan]="5" nzRequired nzFor="hosId">院区</nz-form-label>
-          <nz-form-control [nzSpan]="19" nzErrorTip="请选择院区!">
-            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="hosId" nzShowSearch
-              nzPlaceHolder="请选择院区" nzServerSearch (ngModelChange)="changeHospital($event)" [nzDisabled]="!add">
-              <ng-container *ngFor="let data of hospitalList">
-                <nz-option *ngIf="!isLoading" [nzLabel]="data.hosName" [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 [nzSpan]="5" nzRequired nzFor="dutyId">责任部门</nz-form-label>
-          <nz-form-control [nzSpan]="19" nzErrorTip="请选择责任部门!">
-            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="dutyId" nzShowSearch
-              nzPlaceHolder="请选择责任部门" nzServerSearch (ngModelChange)="changeDuty($event)" [nzDisabled]="!add">
-              <ng-container *ngFor="let data of dutyList">
-                <nz-option *ngIf="!isLoading" [nzLabel]="data.hosName" [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 [nzSpan]="5" nzRequired nzFor="priority">优先级</nz-form-label>
-          <nz-form-control [nzSpan]="19" nzErrorTip="请选择优先级!">
-            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="priority" nzShowSearch
-            nzPlaceHolder="请选择优先级" nzServerSearch>
-              <ng-container *ngFor="let option of priority_c_List">
-                <nz-option *ngIf="!isLoading" [nzLabel]="option.name" [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 [nzSpan]="5" nzRequired nzFor="score">积分</nz-form-label>
-          <nz-form-control [nzSpan]="19" nzErrorTip="请选择积分!">
-            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="score" nzShowSearch
-              nzPlaceHolder="请选择积分" nzServerSearch>
-              <ng-container *ngFor="let data of scoreList">
-                <nz-option *ngIf="!isLoading" [nzLabel]="data.name" [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 [nzSpan]="5" nzRequired nzFor="userGroup">分配方式</nz-form-label>
-          <nz-form-control [nzSpan]="19" nzErrorTip="请选择积分!">
-            <nz-radio-group formControlName="userGroup" (ngModelChange)="changeUserGroup($event)">
-              <label nz-radio [nzValue]="1">人</label>
-              <label nz-radio [nzValue]="2">组</label>
-            </nz-radio-group>
-          </nz-form-control>
-        </nz-form-item>
-        <nz-form-item>
-          <nz-form-label [nzSpan]="5" nzRequired nzFor="groupId">维修组</nz-form-label>
-          <nz-form-control [nzSpan]="19" nzErrorTip="请选择维修组!">
-            <nz-select (nzOnSearch)="changeInp('group', $event)" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch nzAllowClear formControlName="groupId" nzPlaceHolder="请选择维修组" (ngModelChange)="changeGroup($event)">
-              <ng-container *ngFor="let option of groupList">
-                <nz-option *ngIf="!isLoading" [nzLabel]="option.groupName" [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 *ngIf="validateConfigForm.value.userGroup === 1">
-          <nz-form-label [nzSpan]="5" nzRequired nzFor="userId">维修人</nz-form-label>
-          <nz-form-control [nzSpan]="19" nzErrorTip="请选择维修人!">
-            <nz-select (nzOnSearch)="changeInp('user', $event)" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch nzAllowClear formControlName="userId" nzPlaceHolder="请选择维修人">
-              <ng-container *ngFor="let option of userList">
-                <nz-option *ngIf="!isLoading" [nzLabel]="option.name" [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>
-      </form>
-    </div>
-    <div class=" display_flex justify-content_flex-center">
-      <button nzType="primary" nz-button (click)="submitConfigForm()" [nzLoading]="btnLoading">确认</button>
-      <button class="btn cancel" nz-button nzType="default" (click)="hideConfigModal()">取消</button>
-    </div>
-  </div>
-</div>
 
-<!-- 遮罩 -->
-<app-mask *ngIf="maskFlag"></app-mask>

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

@@ -1,70 +1,6 @@
 @import "../../../../src/theme.less";
 :host {
   width: 100%;
-  .list-template__nzTable,
-  .list-template__bottom{
-    padding: 0!important;
-    border: none!important;
-    background: #fff!important;
-  }
-  .list-template{
-    width: 100%!important;
-    height: 100%!important;
-  }
-  #dictionary{
-    margin: 24px 16px;
-    .addressAssign{
-      flex: 7;
-    }
-    .contentItem{
-      margin: 0 16px;
-      padding: 8px;
-      text-align: center;
-      &.active{
-        background-color: @primary-color;
-        color: #fff;
-        border-radius: 4px;
-      }
-    }
-    .contentBody{
-      padding: 16px;
-    }
-    ::ng-deep .ant-form-item{
-      margin-bottom: 0;
-    }
-    .dictionaryRow{
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      gap: 16px;
-      .orders{
-        flex: 1;
-        display: flex;
-        justify-content: flex-end;
-        align-items: center;
-      }
-      .name{
-        width: 100px;
-        display: flex;
-        justify-content: flex-end;
-        align-items: center;
-      }
-      .value{
-        flex: 3;
-        display: flex;
-        align-items: center;
-        .valueInput{
-          width: 600px;
-        }
-        .icon_transport{
-          font-size: 20px;
-          color: #8a8a8a;
-          cursor: pointer;
-        }
-      }
-
-    }
-  }
   .incidentConfig{
     padding-bottom: 24px;
     height: 100%;
@@ -110,283 +46,5 @@
         }
       }
     }
-    .hospitalConfig{
-      height: 60px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      gap: 72px;
-    }
-    .content{
-      flex: 1;
-      min-height: 0;
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      border: 1px solid #EEF3F9;
-      &.priority{
-        margin: 24px 118px 0;
-        background-color: #fff;
-        .contentInner{
-          padding: 48px 206px;
-          border: 1px solid #E8EBEF;
-        }
-      }
-      .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;
-        justify-content: space-between;
-        align-items: center;
-        padding: 0 16px;
-        gap: 16px;
-        .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;
-          margin: 4px 0;
-          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;
-      }
-    }
-  }
-
-  .save {
-    position: fixed;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    background: rgba(0, 0, 0, 0.4);
-    z-index: 99;
-
-    .tips{
-      margin-bottom: 16px!important;
-    }
-
-    .modalBody {
-      width: 350px;
-      background: #fff;
-      border-radius: 5px;
-      padding: 10px 20px;
-      color: #333;
-
-      .title {
-        width: 100%;
-        text-align: center;
-        font-size: 18px;
-        position: relative;
-
-        i {
-          position: absolute;
-          right: 0;
-          top: 0;
-          font-size: 20px;
-          color: #666;
-          cursor: pointer;
-          padding: 0 5px;
-        }
-      }
-
-      .content {
-        width: 310px;
-        background: #f9fafb;
-        border: 1px solid #e5e9ed;
-        border-radius: 5px;
-        overflow: hidden;
-        margin-top: 12px;
-        padding: 16px 0;
-
-        .busyList{
-          display: flex;
-          margin-bottom: 8px;
-          .busyContent{
-            margin-right: 8px;
-            flex: 1;
-          }
-        }
-
-        & > div {
-          text-align: center;
-          margin: 0;
-
-          &.icon {
-            // margin-top: 17px;
-
-            i {
-              color: #34b349;
-              font-size: 30px !important;
-
-              &.transport-wenhao {
-                color: #f5a523;
-              }
-
-              &.transport-shibai {
-                color: #ff3a52;
-              }
-            }
-          }
-
-          &.defeat {
-            color: #333;
-            font-size: 14px;
-          }
-
-          &:nth-child(3) {
-            font-size: 14px;
-            color: #666;
-          }
-        }
-        .workAssignmentTips {
-          font-size: 12px;
-        }
-      }
-
-      button {
-        margin-top: 10px;
-
-        &.btn {
-          margin-left: 8px;
-        }
-      }
-    }
-
-    // 新增
-    &.add {
-      .modalBody {
-        width: 480px;
-        height: auto;
-
-        .content {
-          width: 100%;
-          height: auto;
-          padding: 16px;
-          max-height: 497px;
-          overflow-y: auto;
-
-          .addForm {
-            .ant-form-item {
-              margin-bottom: 0;
-
-              .ant-form-item-label {
-                text-align: left;
-              }
-
-              .desc {
-                margin-top: 5px;
-              }
-            }
-
-            .datesControl {
-              margin-top: -16px;
-
-              .ant-form-item-label {
-                line-height: 40px;
-              }
-            }
-
-            .timer {
-              .ant-form-item-label {
-                width: 100%;
-                text-align: left;
-              }
-
-              .numInp {
-                margin-right: 5px;
-              }
-
-              .line {
-                margin-right: 5px;
-              }
-            }
-
-            .timer2 {
-              .ant-form-item-label {
-                line-height: 20px;
-              }
-            }
-          }
-
-          .editForm {
-            .ant-form-item {
-              margin-bottom: 15px;
-
-              .ant-form-item-label {
-                line-height: 14px;
-                text-align: left;
-              }
-            }
-          }
-        }
-      }
-    }
   }
 }

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

@@ -4,11 +4,17 @@ import { CommonModule } from '@angular/common';
 import { IncidentConfigRoutingModule } from './incident-config-routing.module';
 import { IncidentConfigComponent } from './incident-config.component';
 import { ShareModule } from 'src/app/share/share.module';
+import { ConfigurationCategoryComponent } from 'src/app/components/configurationCenter/configuration-category/configuration-category.component';
+import { ConfigurationPriorityComponent } from 'src/app/components/configurationCenter/configuration-priority/configuration-priority.component';
+import { ConfigurationDictionaryComponent } from 'src/app/components/configurationCenter/configuration-dictionary/configuration-dictionary.component';
 
 
 @NgModule({
   declarations: [
-    IncidentConfigComponent
+    IncidentConfigComponent,
+    ConfigurationCategoryComponent,
+    ConfigurationPriorityComponent,
+    ConfigurationDictionaryComponent,
   ],
   imports: [
     CommonModule,

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

@@ -1,4 +1,4 @@
-<div class="otherConfig">
+<div class="incidentConfig">
   <div class="tagsAndTemplete">
     <div class="tags">
       <div><i class="icon_transport transport-peizhizhongxin"></i>配置中心&emsp;&gt;&emsp;事件配置</div>
@@ -10,372 +10,16 @@
   </div>
   <!-- 故障现象 -->
   <ng-container *ngIf="activeTagId === 1">
-    <div class="hospitalConfig">
-      <nz-radio-group [(ngModel)]="hospitalConfig" (ngModelChange)="changeHospitalConfig($event)">
-        <label nz-radio [nzValue]="item.id" *ngFor="let item of hospitalConfigList">{{ item.name }}</label>
-      </nz-radio-group>
-    </div>
-
-    <div class="content">
-      <div class="contentInner">
-        <div class="address">
-          <div class="contentHead">一级故障现象<button nz-button nzType="primary" nzSize="small" (click)="addCategoryModal(1)">新增</button></div>
-          <overlay-scrollbars #osComponentRef1 class="contentBody">
-            <nz-spin nzSimple [nzSpinning]="categoryLoading1" class="mt8 text_align_center"></nz-spin>
-            <div [hidden]="categoryLoading1" class="contentItem" [title]="item.category" [ngClass]="{ active: item.id === activeCategory1.id }" (click)="clickCategory(item, 1)" *ngFor="let item of categoryList1">{{ item.category }}</div>
-          </overlay-scrollbars>
-        </div>
-        <div class="address">
-          <div class="contentHead">二级故障现象<button nz-button nzType="primary" nzSize="small" *ngIf="activeCategory1.id" (click)="addCategoryModal(2)">新增</button></div>
-          <overlay-scrollbars #osComponentRef2 class="contentBody">
-            <nz-spin nzSimple [nzSpinning]="categoryLoading2" class="mt8 text_align_center"></nz-spin>
-            <div [hidden]="categoryLoading2" class="contentItem" [title]="item.category" [ngClass]="{ active: item.id === activeCategory2.id }" (click)="clickCategory(item, 2)" *ngFor="let item of categoryList2">{{ item.category }}</div>
-          </overlay-scrollbars>
-        </div>
-        <div class="address">
-          <div class="contentHead">三级故障现象<button nz-button nzType="primary" nzSize="small" *ngIf="activeCategory2.id" (click)="addCategoryModal(3)">新增</button></div>
-          <overlay-scrollbars #osComponentRef3 class="contentBody">
-            <nz-spin nzSimple [nzSpinning]="categoryLoading3" class="mt8 text_align_center"></nz-spin>
-            <div [hidden]="categoryLoading3" class="contentItem" [title]="item.category" [ngClass]="{ active: item.id === activeCategory3.id }" (click)="clickCategory(item, 3)" *ngFor="let item of categoryList3">{{ item.category }}</div>
-          </overlay-scrollbars>
-        </div>
-        <div class="addressAssign">
-          <div class="contentHead">
-            <div class="title" title="{{activeCategory1.category}}{{activeCategory2.category ? ' - ' + activeCategory2.category : ''}}{{activeCategory3.category ? ' - ' + activeCategory3.category : ''}}">{{activeCategory1.category}}{{activeCategory2.category ? ' - ' + activeCategory2.category : ''}}{{activeCategory3.category ? ' - ' + activeCategory3.category : ''}}</div>
-            <div class="btns" *ngIf="activeCategory1.id || activeCategory2.id || activeCategory3.id">
-              <button nz-button nzType="primary" nzSize="small" (click)="showDelModal(data, hospitalConfig === 1 ? '您确认向下复制您的配置信息吗？' : '您确认向下复制您的配置吗？将会移除各科室的配置，使用当前配置进行覆盖。','向下复制','copy')" *ngIf="currentChildrenCategoryList">向下复制</button>
-              <button nz-button nzType="primary" nzSize="small" class="ml8" *ngIf="hospitalConfig === 2" (click)="addConfigModal()">新增</button>
-            </div>
-          </div>
-          <div class="contentBody" id="categoryTable">
-            <div class="list-template">
-              <div class="list-template__content">
-                <div class="list-template__bottom">
-                  <nz-table class="list-template__nzTable" [nzData]="categoryConfigList" nzSize="middle" [nzShowPagination]="false"
-                    [nzLoading]="loading1" [nzScroll]="{ y: tableCategoryHeight + 'px' }">
-                    <thead>
-                      <tr class="thead">
-                        <th nzWidth="16%">院区</th>
-                        <th nzWidth="16%">责任部门</th>
-                        <th nzWidth="16%">优先级</th>
-                        <th nzWidth="16%">积分</th>
-                        <th nzWidth="16%">维修人|组</th>
-                        <th nzWidth="20%">操作</th>
-                      </tr>
-                    </thead>
-                    <tbody>
-                      <tr *ngFor="let data of categoryConfigList;let i = index">
-                        <td>{{data.hospitalDTO?.hosName}}</td>
-                        <td>{{data.dutyDTO?.hosName}}</td>
-                        <td>{{data.priorityDTO?.name}}</td>
-                        <td>{{data.score?.value}}</td>
-                        <td>{{data.userGroup === 1 ? data.userDTO?.name : (data.userGroup === 2 ? data.groupDTO?.groupName : '')}}</td>
-                        <td>
-                          <div class="coop">
-                            <span (click)="showDelModal(data,'您确认要删除吗？','删除','delConfig')">删除</span>
-                            <span (click)="editConfig(data)">编辑</span>
-                          </div>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </nz-table>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
+    <app-configuration-category></app-configuration-category>
   </ng-container>
   <!-- 优先级 -->
   <ng-container *ngIf="activeTagId === 2">
-    <div class="content priority">
-      <div class="contentInner">
-        <div class="list-template" id="priorityTable">
-          <div class="list-template__content">
-            <div class="list-template__bottom">
-              <div class="list-template__top" nz-row>
-                <div nz-col nzLg="24" class="list-template__btns">
-                  <button nz-button class="btn default" (click)="addPriorityModal()">新增</button>
-                </div>
-              </div>
-              <nz-table class="list-template__nzTable" [nzData]="priorityList" nzSize="middle" [nzShowPagination]="false"
-                [nzLoading]="loading1" [nzScroll]="{ y: tablePriorityHeight + 'px' }">
-                <thead>
-                  <tr class="thead">
-                    <th nzWidth="20%">优先级名称</th>
-                    <th nzWidth="20%">排序</th>
-                    <th nzWidth="20%">响应时间（分钟）</th>
-                    <th nzWidth="20%">解决时间（分钟）</th>
-                    <th nzWidth="20%">操作</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr *ngFor="let data of priorityList;let i = index">
-                    <td>{{data.name}}</td>
-                    <td>{{data.orders}}</td>
-                    <td>{{data.responseTime}}</td>
-                    <td>{{data.handleTime}}</td>
-                    <td>
-                      <div class="coop">
-                        <span (click)="showDelModal(data,'您确认要删除吗？','删除','delPriority')">删除</span>
-                        <span (click)="editPriority(data)">编辑</span>
-                      </div>
-                    </td>
-                  </tr>
-                </tbody>
-              </nz-table>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
+    <app-configuration-priority></app-configuration-priority>
   </ng-container>
   <!-- 数据字典 -->
   <ng-container *ngIf="activeTagId === 3">
-    <div class="content" id="dictionary">
-      <div class="contentInner">
-        <div class="address">
-          <overlay-scrollbars #osComponentRef5 class="contentBody">
-            <div class="contentItem" [title]="item.name" [ngClass]="{ active: item.id === activeDictionaryKey.id }" (click)="clickDictionaryKey(item)" *ngFor="let item of dictionaryKeyList">{{ item.name }}</div>
-          </overlay-scrollbars>
-        </div>
-        <div class="addressAssign">
-          <div class="contentBody">
-            <div class="dictionaryRow">
-              <div class="orders">排序号</div>
-              <div class="name">键</div>
-              <div class="value">值</div>
-            </div>
-            <form nz-form [formGroup]="validateDictionaryForm" class="w100">
-              <div class="dictionaryRow" *ngFor="let data of dictionaryList;let i = index;">
-                <div class="orders">
-                  <nz-form-item>
-                    <nz-form-control [nzSpan]="24" nzErrorTip="请输入排序号!">
-                      <nz-input-group>
-                        <nz-input-number [formControlName]="'orders_' + data.id" class="ordersInput"></nz-input-number>
-                      </nz-input-group>
-                    </nz-form-control>
-                  </nz-form-item>
-                </div>
-                <div class="name">
-                  <nz-form-item>
-                    <nz-form-control [nzSpan]="24" nzErrorTip="请输入键!">
-                      <nz-input-group>
-                        <input [formControlName]="'name_' + data.id" nz-input class="nameInput">
-                      </nz-input-group>
-                    </nz-form-control>
-                  </nz-form-item>
-                </div>
-                <div class="value">
-                  <nz-form-item>
-                    <nz-form-control [nzSpan]="24" nzErrorTip="请输入值!">
-                      <nz-input-group>
-                        <input [formControlName]="'value_' + data.id" nz-input class="valueInput">
-                      </nz-input-group>
-                    </nz-form-control>
-                  </nz-form-item>
-                  <i class="icon_transport transport-tag27fuben ml8" (click)="addField(i)"></i>
-                  <i class="icon_transport transport-shanchu1 ml8" *ngIf="dictionaryList.length > 1 && !data.system" (click)="removeField(data, i)"></i>
-                </div>
-              </div>
-            </form>
-          </div>
-          <div class="contentBtns">
-            <button nz-button nzType="primary" class="ml8" (click)="saveDictionary()">保存</button>
-          </div>
-        </div>
-      </div>
-    </div>
+    <app-configuration-dictionary></app-configuration-dictionary>
   </ng-container>
 </div>
 
-<!-- 操作成功/失败提示框 -->
-<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
-  [info]="promptInfo">
-</app-prompt-modal>
-
-<!-- 删除模态框 -->
-<app-dialog-delete [delModal]="delModal" (hideDelModalEvent)="hideDelModal()" [btnLoading]="btnLoading"
-(confirmDelEvent)="confirmDel()" [content]="tipsMsg1"></app-dialog-delete>
-
-<!-- 新增/编辑优先级模态框 -->
-<div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="modalPriority">
-  <div class="modalBody">
-    <div class="title">{{modelName}}优先级<i class="icon_transport transport-guanbi" (click)="hidePriorityModal()"></i></div>
-    <div class="content">
-      <form nz-form [formGroup]="validatePriorityForm" class="addForm">
-        <nz-form-item>
-          <nz-form-label [nzSpan]="6" nzRequired nzFor="name">优先级名称</nz-form-label>
-          <nz-form-control [nzSpan]="18" nzErrorTip="请输入优先级名称!">
-            <nz-input-group>
-              <input formControlName="name" nz-input placeholder="请输入优先级名称">
-            </nz-input-group>
-          </nz-form-control>
-        </nz-form-item>
-        <nz-form-item>
-          <nz-form-label [nzSpan]="6" nzRequired nzFor="orders">排&nbsp;&nbsp;&nbsp;序&nbsp;&nbsp;&nbsp;号</nz-form-label>
-          <nz-form-control [nzSpan]="18" nzErrorTip="请输入排序号!">
-            <nz-input-group>
-              <nz-input-number class="w100" formControlName="orders" nzPlaceHolder="请输入排序号" [nzMin]="0" [nzStep]="1" [nzPrecision]="0"></nz-input-number>
-            </nz-input-group>
-          </nz-form-control>
-        </nz-form-item>
-        <nz-form-item>
-          <nz-form-label [nzSpan]="6" nzRequired nzFor="responseTime">响&nbsp;应&nbsp;时&nbsp;间</nz-form-label>
-          <nz-form-control [nzSpan]="18" nzErrorTip="请输入响应时间（分钟）!">
-            <nz-input-group>
-              <nz-input-number class="w100" formControlName="responseTime" nzPlaceHolder="请输入响应时间（分钟）" [nzMin]="0" [nzStep]="1" [nzPrecision]="0" [nzFormatter]="formatterMinute" [nzParser]="parserMinute"></nz-input-number>
-            </nz-input-group>
-          </nz-form-control>
-        </nz-form-item>
-        <nz-form-item>
-          <nz-form-label [nzSpan]="6" nzRequired nzFor="handleTime">解&nbsp;决&nbsp;时&nbsp;间</nz-form-label>
-          <nz-form-control [nzSpan]="18" nzErrorTip="请输入解决时间（分钟）!">
-            <nz-input-group>
-              <nz-input-number class="w100" formControlName="handleTime" nzPlaceHolder="请输入解决时间（分钟）" [nzMin]="0" [nzStep]="1" [nzPrecision]="0" [nzFormatter]="formatterMinute" [nzParser]="parserMinute"></nz-input-number>
-            </nz-input-group>
-          </nz-form-control>
-        </nz-form-item>
-      </form>
-    </div>
-    <div class=" display_flex justify-content_flex-center">
-      <button nzType="primary" nz-button (click)="submitPriorityForm()" [nzLoading]="btnLoading">确认</button>
-      <button class="btn cancel" nz-button nzType="default" (click)="hidePriorityModal()">取消</button>
-    </div>
-  </div>
-</div>
-
-<!-- 新增/编辑故障现象模态框 -->
-<div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="modalCategory">
-  <div class="modalBody">
-    <div class="title">{{modelName}}<i class="icon_transport transport-guanbi" (click)="hideCategoryModal()"></i></div>
-    <div class="content">
-      <div class="tips" *ngIf="coopType === 1">您将添加一级故障现象，请输入故障现象</div>
-      <div class="tips" *ngIf="coopType === 2">您将在“<span class="red">{{activeCategory1.category}}</span>”下新增故障现象，请输入故障现象</div>
-      <div class="tips" *ngIf="coopType === 3">您将在“<span class="red">{{activeCategory1.category}}{{activeCategory2.category ? ' - ' + activeCategory2.category : ''}}</span>”下新增故障现象，请输入故障现象</div>
-      <form nz-form [formGroup]="validateCategoryForm" class="addForm">
-        <nz-form-item>
-          <nz-form-control [nzSpan]="24" nzErrorTip="请输入故障现象名称!">
-            <nz-input-group>
-              <textarea formControlName="name" nz-input placeholder="请输入故障现象名称" [nzAutosize]="{minRows: 3}"></textarea>
-            </nz-input-group>
-          </nz-form-control>
-        </nz-form-item>
-      </form>
-    </div>
-    <div class=" display_flex justify-content_flex-center">
-      <button nzType="primary" nz-button (click)="submitCategoryForm()" [nzLoading]="btnLoading">确认</button>
-      <button class="btn cancel" nz-button nzType="default" (click)="hideCategoryModal()">取消</button>
-    </div>
-  </div>
-</div>
-
-<!-- 新增/编辑关联模态框 -->
-<div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="modalConfig">
-  <div class="modalBody">
-    <div class="title">{{modelName}}<i class="icon_transport transport-guanbi" (click)="hideConfigModal()"></i></div>
-    <div class="content">
-      <form nz-form [formGroup]="validateConfigForm" class="addForm">
-        <nz-form-item>
-          <nz-form-label [nzSpan]="5" nzRequired nzFor="hosId">院区</nz-form-label>
-          <nz-form-control [nzSpan]="19" nzErrorTip="请选择院区!">
-            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="hosId" nzShowSearch
-              nzPlaceHolder="请选择院区" nzServerSearch (ngModelChange)="changeHospital($event)" [nzDisabled]="!add">
-              <ng-container *ngFor="let data of hospitalList">
-                <nz-option *ngIf="!isLoading" [nzLabel]="data.hosName" [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 [nzSpan]="5" nzRequired nzFor="dutyId">责任部门</nz-form-label>
-          <nz-form-control [nzSpan]="19" nzErrorTip="请选择责任部门!">
-            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="dutyId" nzShowSearch
-              nzPlaceHolder="请选择责任部门" nzServerSearch (ngModelChange)="changeDuty($event)" [nzDisabled]="!add">
-              <ng-container *ngFor="let data of dutyList">
-                <nz-option *ngIf="!isLoading" [nzLabel]="data.hosName" [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 [nzSpan]="5" nzRequired nzFor="priority">优先级</nz-form-label>
-          <nz-form-control [nzSpan]="19" nzErrorTip="请选择优先级!">
-            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="priority" nzShowSearch
-            nzPlaceHolder="请选择优先级" nzServerSearch>
-              <ng-container *ngFor="let option of priority_c_List">
-                <nz-option *ngIf="!isLoading" [nzLabel]="option.name" [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 [nzSpan]="5" nzRequired nzFor="score">积分</nz-form-label>
-          <nz-form-control [nzSpan]="19" nzErrorTip="请选择积分!">
-            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="score" nzShowSearch
-              nzPlaceHolder="请选择积分" nzServerSearch>
-              <ng-container *ngFor="let data of scoreList">
-                <nz-option *ngIf="!isLoading" [nzLabel]="data.name" [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 [nzSpan]="5" nzRequired nzFor="userGroup">分配方式</nz-form-label>
-          <nz-form-control [nzSpan]="19" nzErrorTip="请选择积分!">
-            <nz-radio-group formControlName="userGroup" (ngModelChange)="changeUserGroup($event)">
-              <label nz-radio [nzValue]="1">人</label>
-              <label nz-radio [nzValue]="2">组</label>
-            </nz-radio-group>
-          </nz-form-control>
-        </nz-form-item>
-        <nz-form-item>
-          <nz-form-label [nzSpan]="5" nzRequired nzFor="groupId">维修组</nz-form-label>
-          <nz-form-control [nzSpan]="19" nzErrorTip="请选择维修组!">
-            <nz-select (nzOnSearch)="changeInp('group', $event)" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch nzAllowClear formControlName="groupId" nzPlaceHolder="请选择维修组" (ngModelChange)="changeGroup($event)">
-              <ng-container *ngFor="let option of groupList">
-                <nz-option *ngIf="!isLoading" [nzLabel]="option.groupName" [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 *ngIf="validateConfigForm.value.userGroup === 1">
-          <nz-form-label [nzSpan]="5" nzRequired nzFor="userId">维修人</nz-form-label>
-          <nz-form-control [nzSpan]="19" nzErrorTip="请选择维修人!">
-            <nz-select (nzOnSearch)="changeInp('user', $event)" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch nzAllowClear formControlName="userId" nzPlaceHolder="请选择维修人">
-              <ng-container *ngFor="let option of userList">
-                <nz-option *ngIf="!isLoading" [nzLabel]="option.name" [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>
-      </form>
-    </div>
-    <div class=" display_flex justify-content_flex-center">
-      <button nzType="primary" nz-button (click)="submitConfigForm()" [nzLoading]="btnLoading">确认</button>
-      <button class="btn cancel" nz-button nzType="default" (click)="hideConfigModal()">取消</button>
-    </div>
-  </div>
-</div>
 
-<!-- 遮罩 -->
-<app-mask *ngIf="maskFlag"></app-mask>

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

@@ -1,71 +1,7 @@
 @import "../../../../src/theme.less";
 :host {
   width: 100%;
-  .list-template__nzTable,
-  .list-template__bottom{
-    padding: 0!important;
-    border: none!important;
-    background: #fff!important;
-  }
-  .list-template{
-    width: 100%!important;
-    height: 100%!important;
-  }
-  #dictionary{
-    margin: 24px 16px;
-    .addressAssign{
-      flex: 7;
-    }
-    .contentItem{
-      margin: 0 16px;
-      padding: 8px;
-      text-align: center;
-      &.active{
-        background-color: @primary-color;
-        color: #fff;
-        border-radius: 4px;
-      }
-    }
-    .contentBody{
-      padding: 16px;
-    }
-    ::ng-deep .ant-form-item{
-      margin-bottom: 0;
-    }
-    .dictionaryRow{
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      gap: 16px;
-      .orders{
-        flex: 1;
-        display: flex;
-        justify-content: flex-end;
-        align-items: center;
-      }
-      .name{
-        width: 100px;
-        display: flex;
-        justify-content: flex-end;
-        align-items: center;
-      }
-      .value{
-        flex: 3;
-        display: flex;
-        align-items: center;
-        .valueInput{
-          width: 600px;
-        }
-        .icon_transport{
-          font-size: 20px;
-          color: #8a8a8a;
-          cursor: pointer;
-        }
-      }
-
-    }
-  }
-  .otherConfig{
+  .incidentConfig{
     padding-bottom: 24px;
     height: 100%;
     display: flex;
@@ -110,283 +46,5 @@
         }
       }
     }
-    .hospitalConfig{
-      height: 60px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      gap: 72px;
-    }
-    .content{
-      flex: 1;
-      min-height: 0;
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      border: 1px solid #EEF3F9;
-      &.priority{
-        margin: 24px 118px 0;
-        background-color: #fff;
-        .contentInner{
-          padding: 48px 206px;
-          border: 1px solid #E8EBEF;
-        }
-      }
-      .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;
-        justify-content: space-between;
-        align-items: center;
-        padding: 0 16px;
-        gap: 16px;
-        .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;
-          margin: 4px 0;
-          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;
-      }
-    }
-  }
-
-  .save {
-    position: fixed;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    background: rgba(0, 0, 0, 0.4);
-    z-index: 99;
-
-    .tips{
-      margin-bottom: 16px!important;
-    }
-
-    .modalBody {
-      width: 350px;
-      background: #fff;
-      border-radius: 5px;
-      padding: 10px 20px;
-      color: #333;
-
-      .title {
-        width: 100%;
-        text-align: center;
-        font-size: 18px;
-        position: relative;
-
-        i {
-          position: absolute;
-          right: 0;
-          top: 0;
-          font-size: 20px;
-          color: #666;
-          cursor: pointer;
-          padding: 0 5px;
-        }
-      }
-
-      .content {
-        width: 310px;
-        background: #f9fafb;
-        border: 1px solid #e5e9ed;
-        border-radius: 5px;
-        overflow: hidden;
-        margin-top: 12px;
-        padding: 16px 0;
-
-        .busyList{
-          display: flex;
-          margin-bottom: 8px;
-          .busyContent{
-            margin-right: 8px;
-            flex: 1;
-          }
-        }
-
-        & > div {
-          text-align: center;
-          margin: 0;
-
-          &.icon {
-            // margin-top: 17px;
-
-            i {
-              color: #34b349;
-              font-size: 30px !important;
-
-              &.transport-wenhao {
-                color: #f5a523;
-              }
-
-              &.transport-shibai {
-                color: #ff3a52;
-              }
-            }
-          }
-
-          &.defeat {
-            color: #333;
-            font-size: 14px;
-          }
-
-          &:nth-child(3) {
-            font-size: 14px;
-            color: #666;
-          }
-        }
-        .workAssignmentTips {
-          font-size: 12px;
-        }
-      }
-
-      button {
-        margin-top: 10px;
-
-        &.btn {
-          margin-left: 8px;
-        }
-      }
-    }
-
-    // 新增
-    &.add {
-      .modalBody {
-        width: 480px;
-        height: auto;
-
-        .content {
-          width: 100%;
-          height: auto;
-          padding: 16px;
-          max-height: 497px;
-          overflow-y: auto;
-
-          .addForm {
-            .ant-form-item {
-              margin-bottom: 0;
-
-              .ant-form-item-label {
-                text-align: left;
-              }
-
-              .desc {
-                margin-top: 5px;
-              }
-            }
-
-            .datesControl {
-              margin-top: -16px;
-
-              .ant-form-item-label {
-                line-height: 40px;
-              }
-            }
-
-            .timer {
-              .ant-form-item-label {
-                width: 100%;
-                text-align: left;
-              }
-
-              .numInp {
-                margin-right: 5px;
-              }
-
-              .line {
-                margin-right: 5px;
-              }
-            }
-
-            .timer2 {
-              .ant-form-item-label {
-                line-height: 20px;
-              }
-            }
-          }
-
-          .editForm {
-            .ant-form-item {
-              margin-bottom: 15px;
-
-              .ant-form-item-label {
-                line-height: 14px;
-                text-align: left;
-              }
-            }
-          }
-        }
-      }
-    }
   }
 }

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

@@ -4,11 +4,17 @@ import { CommonModule } from '@angular/common';
 import { OtherConfigRoutingModule } from './other-config-routing.module';
 import { OtherConfigComponent } from './other-config.component';
 import { ShareModule } from 'src/app/share/share.module';
+import { ConfigurationCategoryComponent } from 'src/app/components/configurationCenter/configuration-category/configuration-category.component';
+import { ConfigurationPriorityComponent } from 'src/app/components/configurationCenter/configuration-priority/configuration-priority.component';
+import { ConfigurationDictionaryComponent } from 'src/app/components/configurationCenter/configuration-dictionary/configuration-dictionary.component';
 
 
 @NgModule({
   declarations: [
-    OtherConfigComponent
+    OtherConfigComponent,
+    ConfigurationCategoryComponent,
+    ConfigurationPriorityComponent,
+    ConfigurationDictionaryComponent,
   ],
   imports: [
     CommonModule,