故障实时播报

src/app/app-routing.module.ts

@@ -26,6 +26,8 @@ import { PageConfigGuard } from './guard/PageConfig.guard';
 import { NurseConfigGuard } from './guard/nurseConfig.guard';
 //系统配置查看权限
 import { SystemConfigGuard } from './guard/SystemConfig.guard';
+// 故障实时播报权限
+import { RealtimeBroadcastGuard } from './guard/realtimeBroadcast.guard';
 const routes: Routes = [
   // 默认
   {
@@ -172,6 +174,12 @@ const routes: Routes = [
 	  path: 'repositoryManageAdd/:id',
 	  loadChildren: () => import('./views/repository-manage-add/repository-manage-add.module').then(m => m.RepositoryManageAddModule),
 	},
+  // 故障实时播报
+  {
+    path: 'realtimeBroadcast',
+    loadChildren: () => import('./views/realtime-broadcast/realtime-broadcast.module').then(m => m.RealtimeBroadcastModule),
+    canActivate: [RealtimeBroadcastGuard]
+  },
   // 管理端首页
   {
     path: '**',

src/app/components/incidentManagement/incident-ser-visit/incident-ser-visit.component.ts

@@ -353,6 +353,7 @@ export class IncidentSerVisitComponent implements OnInit {
   }
 
   // 回访-弹窗
+  coopData: any = {}; //当前操作列
   visitModalShow = false; //弹窗开关
   visit(e, data) {
     e.stopPropagation();

src/app/guard/realtimeBroadcast.guard.ts

@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { CanActivate, Router } from '@angular/router';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class RealtimeBroadcastGuard implements CanActivate  {
+  constructor(public router: Router) { }
+
+  canActivate(): boolean {
+    const menus = JSON.parse(localStorage.getItem('menu'));
+    let can = false;
+    if (menus) {
+      can = menus.some(e => e.link == 'realtimeBroadcast');
+    }
+    if (!can) {
+      this.router.navigate(['login']);
+      return false
+    }
+    return true;
+  }
+}

src/app/views/main/main.component.html

@@ -49,6 +49,7 @@
 							<div class="dropdownItem" *ngIf="sampling" (click)="toSampling()">门诊病理采样端</div>
 							<div class="dropdownItem" *ngIf="communicationBook" (click)="toCommunicationBook()">病理交接本</div>
 							<div class="dropdownItem" *ngIf="disinfectionSupplyRole" (click)="toDisinfectionSupply()">全局业务查看</div>
+							<div class="dropdownItem" *ngIf="realtimeBroadcastRole" (click)="toRealtimeBroadcast()">故障实时播报</div>
             </div>
           </div>
         </div>

src/app/views/main/main.component.ts

@@ -34,6 +34,7 @@ export class MainComponent implements OnInit {
 	sampling: boolean = false; //门诊病理采样端权限
 	communicationBook: boolean = false; //病理交接本权限
   disinfectionSupplyRole: boolean = false; //全局业务查看权限
+  realtimeBroadcastRole: boolean = false; //全局业务查看权限
   incidentConfigRole: boolean = false; //事件配置权限
   otherConfigRole: boolean = false; //三方配置权限
   pageConfigRole: boolean = false; //业务页面控制权限
@@ -316,6 +317,10 @@ export class MainComponent implements OnInit {
         this.disinfectionSupplyRole = true;
         console.log("全局业务查看权限");
       }
+      if (e.link == "realtimeBroadcast") {
+        this.realtimeBroadcastRole = true;
+        console.log("故障实时播报权限");
+      }
       if (e.link == "incidentConfig") {
         this.incidentConfigRole = true;
         console.log("事件配置权限");
@@ -463,6 +468,10 @@ export class MainComponent implements OnInit {
   toDisinfectionSupply(): void {
     this.router.navigateByUrl("disinfectionSupply");
   }
+  // 故障实时播报
+  toRealtimeBroadcast(): void {
+    this.router.navigateByUrl("realtimeBroadcast");
+  }
   // 配置中心
   toConfigurationCenter(): void {
     this.iShowMenuModal = true;

src/app/views/realtime-broadcast/realtime-broadcast-routing.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { RealtimeBroadcastComponent } from './realtime-broadcast.component';
+
+
+const routes: Routes = [
+  {
+    path: '',
+    component: RealtimeBroadcastComponent,
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class RealtimeBroadcastRoutingModule { }
+

src/app/views/realtime-broadcast/realtime-broadcast.component.html

@@ -0,0 +1,81 @@
+<div class="mask" *ngIf="isMask">
+  <div class="save add display_flex align-items_center justify-content_flex-center">
+    <div class="modalBody">
+      <div class="title">工单范围<i class="icon_transport transport-guanbi" (click)="hideModal()"></i>
+      </div>
+      <overlay-scrollbars #osComponentRef1 class="content">
+        <form nz-form [formGroup]="validateForm" class="addForm" (ngSubmit)="submitForm()">
+          <nz-form-item>
+            <nz-form-label [nzSpan]="6" nzRequired nzFor="deptIds">维修科室</nz-form-label>
+            <nz-form-control [nzSpan]="18" nzErrorTip="请选择维修科室!">
+              <nz-select nzMode="multiple" nzServerSearch [nzDropdownMatchSelectWidth]="false" nzAllowClear formControlName="deptIds" nzPlaceHolder="请选择维修科室" (ngModelChange)="changeHospital($event)">
+                <ng-container *ngFor="let option of hospitalList">
+                  <nz-option *ngIf="!isLoading" [nzLabel]="option.hosName" [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]="6" nzFor="groupIds">运维分组</nz-form-label>
+            <nz-form-control [nzSpan]="18" nzErrorTip="请选择运维分组!">
+              <nz-select nzMode="multiple" (nzOnSearch)="changeCompanyInp(hosId,'add',$event)" [nzDropdownMatchSelectWidth]="false"
+                nzServerSearch nzShowSearch nzAllowClear formControlName="groupIds" nzPlaceHolder="请选择运维分组">
+                <ng-container *ngFor="let option of groupList">
+                  <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]="10" nzRequired nzFor="showOvertime">是否单独显示延期处理</nz-form-label>
+            <nz-form-control [nzSpan]="14" nzErrorTip="请选择是否单独显示延期处理!">
+              <nz-radio-group formControlName="showOvertime">
+                <label nz-radio [nzValue]="1">是</label>
+                <label nz-radio [nzValue]="0">否</label>
+              </nz-radio-group>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label [nzSpan]="6" nzRequired nzFor="refreshSeconds">数据刷新</nz-form-label>
+            <nz-form-control [nzSpan]="18" nzErrorTip="请选择数据刷新!">
+              <nz-input-group nzAddOnAfter="秒">
+                <nz-input-number class="w100" formControlName="refreshSeconds" nzPlaceHolder="请输入数据刷新时间" [nzMin]="30" [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="rollingSeconds">滚动频率</nz-form-label>
+            <nz-form-control [nzSpan]="18" nzErrorTip="请选择滚动频率!">
+              <nz-input-group nzAddOnAfter="秒">
+                <nz-input-number class="w100" formControlName="rollingSeconds" nzPlaceHolder="请输入滚动频率时间" [nzMin]="3" [nzStep]="1" [nzPrecision]="0"></nz-input-number>
+              </nz-input-group>
+            </nz-form-control>
+          </nz-form-item>
+        </form>
+      </overlay-scrollbars>
+      <div class="display_flex justify-content_flex-center">
+        <button nzType="primary" nz-button (click)="submitForm()" [nzLoading]="btnLoading">确认</button>
+        <button class="btn cancel" nz-button nzType="default" (click)="hideModal()">取消</button>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="incidentConfig" *ngIf="isMask">
+  <div class="tagsAndTemplete">
+    <div class="tags">
+      <div><i class="icon_transport transport-peizhizhongxin"></i>配置中心&emsp;&gt;&emsp;事件配置</div>
+      <div class="tagList">
+        <span *ngFor="let tag of tagList" [ngClass]="{ active: activeTagLink === tag.link }" (click)="clickTag(tag)">{{ tag.title }}</span>
+      </div>
+      <button nz-button class="btn default" (click)="goBack()">返回</button>
+    </div>
+  </div>
+</div>
+
+

src/app/views/realtime-broadcast/realtime-broadcast.component.less

@@ -0,0 +1,177 @@
+@import "../../../../src/theme.less";
+:host {
+  width: 100%;
+  .save {
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.4);
+    z-index: 99;
+
+    .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: 100%;
+        height: 117px;
+        background: #f9fafb;
+        border: 1px solid #e5e9ed;
+        border-radius: 5px;
+        overflow: hidden;
+        margin-top: 12px;
+
+        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: 18px;
+          }
+
+          &:nth-child(3) {
+            font-size: 14px;
+            color: #666;
+          }
+        }
+      }
+
+      button {
+        margin-top: 10px;
+
+        &.btn {
+          margin-left: 8px;
+        }
+      }
+    }
+
+    // 新增
+    &.add {
+      .modalBody {
+        width: 480px;
+        height: auto;
+
+        .content {
+          width: 100%;
+          height: auto;
+          padding: 19px 14px 0 14px;
+          max-height: 500px;
+          overflow-y: auto;
+
+          .addForm {
+            .ant-form-item {
+              margin-bottom: 8px;
+
+              .ant-form-item-label {
+                text-align: left;
+              }
+            }
+          }
+
+          .editForm {
+            .ant-form-item {
+              margin-bottom: 14px;
+            }
+          }
+        }
+
+        button:nth-child(1) {
+          margin-right: 20px;
+        }
+      }
+    }
+  }
+  .incidentConfig{
+    padding-bottom: 24px;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    background-color: #F0F2F5;
+    .tagsAndTemplete{
+      height: 64px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .tags{
+        height: 100%;
+        background: #fff;
+        flex: 1;
+        padding: 16px 24px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        position: relative;
+        .transport-peizhizhongxin{
+          color: @primary-color;
+          font-size: 20px;
+          margin-right: 8px;;
+        }
+        .tagList{
+          width: 100%;
+          height: 100%;
+          position: absolute;
+          left: 0;
+          top: 50%;
+          transform: translateY(-50%);
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          span{
+            height: 100%;
+            display: inline-block;
+            padding: 0 24px;
+            cursor: pointer;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            &.active{
+              color: @primary-color;
+              background: #F0F6ED;
+            }
+          }
+        }
+      }
+    }
+  }
+}

src/app/views/realtime-broadcast/realtime-broadcast.component.ts

@@ -0,0 +1,103 @@
+import { Component, OnInit } from "@angular/core";
+import { Validators, FormGroup, FormBuilder } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+import { MainService } from 'src/app/services/main.service';
+import { ToolService } from 'src/app/services/tool.service';
+
+@Component({
+  selector: "app-realtime-broadcast",
+  templateUrl: "./realtime-broadcast.component.html",
+  styleUrls: ["./realtime-broadcast.component.less"],
+})
+export class RealtimeBroadcastComponent implements OnInit {
+  constructor(
+    private fb: FormBuilder,
+    private mainService: MainService,
+    private tool: ToolService,
+  ){}
+  validateForm: FormGroup; //表单
+  isMask:boolean = false; //遮罩
+  changeInpSubject = new Subject(); //防抖
+
+  ngOnInit(): void {
+    //防抖
+    this.changeInpSubject.pipe(debounceTime(500)).subscribe(({type, searchText}) => {
+      // this.getHospitalList(type, searchText);
+    });
+    this.isMask = true;
+    this.initForm();
+    this.getHospitalType();
+  }
+
+  // 初始化form表单
+  initForm() {
+    this.validateForm = this.fb.group({
+      deptIds: [[], [Validators.required]],
+      groupIds: [[]],
+      showOvertime: [undefined, [Validators.required]],
+      refreshSeconds: [30, [Validators.required]],
+      rollingSeconds: [3, [Validators.required]],
+    });
+  }
+
+  // 关闭遮罩
+  hideModal(){
+    this.isMask = false;
+  }
+
+  // 边输边搜节流阀
+  isLoading = false;
+  changeInp(type, searchText) {
+    this.isLoading = true;
+    this.changeInpSubject.next({type, searchText});
+  }
+
+  // 获取院区类型
+  hospitalTypes:any[] = [];
+  getHospitalType() {
+    this.mainService.getDictionary("list", "hospital_type").subscribe((result) => {
+      this.hospitalTypes = result || [];
+      this.getHospitalList();
+    });
+  }
+
+  // 获取维修科室
+  hospitalList:any[] = [];
+  getHospitalList() {
+    let type = this.hospitalTypes.find(v => v.value == 6);
+    let data = {
+      hospital: {
+        type: type || undefined,
+      },
+      idx: 0,
+      sum: 99999,
+    };
+    this.mainService
+      .getFetchDataList("data", "hospital", data)
+      .subscribe((result) => {
+        this.hospitalList = result.list || [];
+      });
+  }
+
+  // 获取运维分组
+  groupList:any[] = [];
+  getGourpList() {
+    if(!this.validateForm.value.deptIds.length){
+      return;
+    }
+    let data = {
+      group2: {
+        hospitalIds: this.validateForm.value.deptIds.toString(),
+        typeIds: 3,
+      },
+      idx: 0,
+      sum: 20,
+    };
+    this.mainService
+      .getFetchDataList("data", "group2", data)
+      .subscribe((result) => {
+        this.groupList = result.list || [];
+      });
+  }
+}

src/app/views/realtime-broadcast/realtime-broadcast.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { RealtimeBroadcastRoutingModule } from './realtime-broadcast-routing.module';
+import { RealtimeBroadcastComponent } from './realtime-broadcast.component';
+import { ShareModule } from 'src/app/share/share.module';
+
+
+@NgModule({
+  declarations: [
+    RealtimeBroadcastComponent,
+  ],
+  imports: [
+    CommonModule,
+    RealtimeBroadcastRoutingModule,
+    ShareModule,
+  ]
+})
+export class RealtimeBroadcastModule { }