呼叫中心

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

@@ -0,0 +1,43 @@
+<div class="content priority">
+  <div class="contentInner">
+    <div class="addressAssign">
+      <overlay-scrollbars #osComponentRef2 class="contentBody2">
+        <div class="contentBody">
+          <div class="hospital">{{currentHospital.hosName}}</div>
+          <div class="classList">
+            节假日班次：
+            <nz-select class="select" [nzDropdownMatchSelectWidth]="false" nzAllowClear [(ngModel)]="dataInfo.holidayClassId"
+              nzPlaceHolder="请选择节假日班次" nzServerSearch>
+              <ng-container *ngFor="let data of classList1">
+                <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>
+          </div>
+          <div class="classList">
+            工作日班次：
+            <nz-select class="select" [nzDropdownMatchSelectWidth]="false" nzAllowClear [(ngModel)]="dataInfo.workdayClassId"
+              nzPlaceHolder="请选择工作日班次" nzServerSearch>
+              <ng-container *ngFor="let data of classList2">
+                <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>
+          </div>
+        </div>
+      </overlay-scrollbars>
+      <div class="contentBtns">
+        <button nz-button nzType="primary" (click)="submitMessageForm()">确定</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo">
+</app-prompt-modal>

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

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

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

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

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

@@ -12,39 +12,41 @@
           <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>
+        <overlay-scrollbars #osComponentRef2 class="contentBody2">
+          <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>
-            <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>
+          </form>
+        </overlay-scrollbars>
       </div>
       <div class="contentBtns">
         <button nz-button nzType="primary" class="ml8" (click)="saveDictionary()">保存</button>
@@ -63,4 +65,4 @@
 (confirmDelEvent)="confirmDel()" [content]="tipsMsg1"></app-dialog-delete>
 
 <!-- 遮罩 -->
-<app-mask *ngIf="maskFlag"></app-mask>
+<app-mask *ngIf="maskFlag"></app-mask>

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

@@ -32,6 +32,12 @@
     }
     .contentBody{
       padding: 16px;
+      min-height: 0;
+      display: flex;
+      flex-direction: column;
+    }
+    .contentBody2{
+      flex: 1;
     }
     ::ng-deep .ant-form-item{
       margin-bottom: 0;

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

@@ -26,6 +26,11 @@ export class ConfigurationDictionaryComponent implements OnInit {
     static: false,
   })
   osComponentRef1: OverlayScrollbarsComponent;
+  @ViewChild("osComponentRef2", {
+    read: OverlayScrollbarsComponent,
+    static: false,
+  })
+  osComponentRef2: OverlayScrollbarsComponent;
 
   ngOnInit() {
     this.initDictionaryForm();

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

@@ -8,13 +8,13 @@
       <button nz-button class="btn default" (click)="goBack()">返回</button>
     </div>
   </div>
-  <!-- 微信配置 -->
+  <!-- 呼叫中心 -->
   <ng-container *ngIf="activeTagId === 1">
-    <app-configuration-wechat></app-configuration-wechat>
+    <app-configuration-callcenter></app-configuration-callcenter>
   </ng-container>
-  <!-- 优先级 -->
+  <!-- 微信配置 -->
   <ng-container *ngIf="activeTagId === 2">
-    <!-- <app-configuration-priority></app-configuration-priority> -->
+    <app-configuration-wechat></app-configuration-wechat>
   </ng-container>
   <!-- 数据字典 -->
   <ng-container *ngIf="activeTagId === 3">

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

@@ -13,8 +13,8 @@ export class OtherConfigComponent implements OnInit, AfterViewInit {
 
   // tab
   tagList:any = [
-    { id: 1, name: '微信配置',},
-    // { id: 2, name: '优先级',},
+    { id: 1, name: '呼叫中心',},
+    { id: 2, name: '微信配置',},
     // { id: 3, name: '数据字典',},
   ];
 

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

@@ -5,12 +5,14 @@ import { OtherConfigRoutingModule } from './other-config-routing.module';
 import { OtherConfigComponent } from './other-config.component';
 import { ShareModule } from 'src/app/share/share.module';
 import { ConfigurationWechatComponent } from 'src/app/components/configurationCenter/configuration-wechat/configuration-wechat.component';
+import { ConfigurationCallcenterComponent } from 'src/app/components/configurationCenter/configuration-callcenter/configuration-callcenter.component';
 
 
 @NgModule({
   declarations: [
     OtherConfigComponent,
     ConfigurationWechatComponent,
+    ConfigurationCallcenterComponent,
   ],
   imports: [
     CommonModule,