调度台修改备注

proxy.conf.json

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

src/app/components/edit-work-order-remark/edit-work-order-remark.component.html

@@ -0,0 +1,55 @@
+<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)="cancel()"></i>
+    </div>
+    <div class="contentBody">
+      <div class="body modalBody_box">
+        <div class="modalBody_left" *ngIf="!nLoading">
+          <overlay-scrollbars #osComponentRef2 class="modalBody_left_box">
+            <div class="modalBody_left_box">
+              <div style="flex:1 1 auto; display: flex; flex-direction: column; justify-content: center; align-items: center;">
+                <!-- 工单备注： -->
+                <div class="w100" *ngIf="buildMsg.remarksSwitch == 1">
+                  <div nz-row class="tabRow">
+                    <div nz-col [nzSpan]="6">
+                      <p>工单备注：</p>
+                    </div>
+                    <div nz-col [nzSpan]="14">
+                      <textarea nz-input [placeholder]="workOrderRemarkTips" [nzAutosize]="{minRows: 3, maxRows: 5}" maxlength="100" [(ngModel)]="workOrderRemark" #remarksEle></textarea>
+                    </div>
+                  </div>
+
+                  <div nz-row class="tabRow" *ngIf="customRemarks.length">
+                    <div nz-col [nzSpan]="6">
+                      <p>快捷输入：</p>
+                    </div>
+                    <div nz-col [nzSpan]="14">
+                      <span class="addRemarks" *ngFor="let item of customRemarks" (click)="addRemarks(item)">【{{ item }}】</span>
+                    </div>
+                  </div>
+
+                  <div nz-row class="tabRow" *ngIf="historyCustomRemarks.length">
+                    <div nz-col [nzSpan]="6">
+                      <p>历史输入：</p>
+                    </div>
+                    <div nz-col [nzSpan]="14">
+                      <span class="addRemarks" *ngFor="let item of historyCustomRemarks" (click)="addRemarks(item)">【{{item }}】</span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </overlay-scrollbars>
+        </div>
+        <div class="modalBody_left nLoading" *ngIf="nLoading">
+          <img src="../../../assets/images/loading.gif" alt="" />
+          <div>加载中...</div>
+        </div>
+      </div>
+    </div>
+    <div class="display_flex justify-content_flex-center btns">
+      <button class="mr8" nzType="default" nz-button (click)="cancel()">取消</button>
+      <button nzType="primary" nz-button (click)="confirm()" [nzLoading]="loading5">确认</button>
+    </div>
+  </div>
+</div>

src/app/components/edit-work-order-remark/edit-work-order-remark.component.less

@@ -0,0 +1,157 @@
+@import "../../../../src/theme.less";
+.save {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 99;
+
+  .modalBody {
+    width: 700px;
+    height: 400px;
+    background: #fff;
+    border-radius: 4px;
+    padding: 14px 24px 10px 24px;
+    color: #333;
+
+    .title {
+      width: 100%;
+      text-align: center;
+      font-size: 16px;
+      position: relative;
+
+      i {
+        position: absolute;
+        right: 0;
+        top: 0;
+        font-size: 16px;
+        color: #666;
+        cursor: pointer;
+      }
+    }
+
+    .contentBody {
+      width: 100%;
+      height: 296px;
+      margin-top: 14px;
+      background: #F9FAFB;
+      border-radius: 4px;
+      border: 1px solid rgba(0,0,0,0.25);
+      display: flex;
+      overflow: hidden;
+      .nav{
+        width: 182px;
+        height: 100%;
+        flex-shrink: 1;
+        border-right: 1px solid #CCCCCC;
+        .navItem{
+          height: 48px;
+          line-height: 48px;
+          font-size: 14px;
+          padding: 0 16px;
+          cursor: pointer;
+          &.active{
+            background: #F0F6ED;
+            color: @primary-color;
+          }
+        }
+      }
+      .body{
+        flex: 1;
+        height: 100%;
+        .addRemarks {
+          color: @primary-color;
+          cursor: pointer;
+        }
+
+        .modalBody_left_box {
+          height: 100%;
+          box-sizing: border-box;
+          padding: 8px;
+          display: flex;
+          flex-direction: column;
+          justify-content: space-between;
+        }
+      }
+    }
+  }
+  .btns{
+    margin-top: 10px;
+  }
+  .modalBody_box {
+    width: 100%;
+    min-width: 0;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+
+    .content {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+
+      & > div {
+        width: 100%;
+      }
+
+      .shortcutForm {
+        width: 100%;
+
+        .ant-form-item-label {
+          text-align: right;
+        }
+      }
+    }
+
+    .btns {
+      padding-bottom: 16px;
+      padding-top: 16px;
+    }
+  }
+  .defeat{
+    text-align: center;
+    margin-bottom: 16px;
+  }
+  .tabRow{
+    margin-bottom: 24px;
+    word-break: break-all;
+    &:first-of-type{
+      margin-top: 24px;
+    }
+    p{
+      text-align: right;
+      margin-bottom: 0;
+    }
+  }
+}
+.modalBody_left {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+
+  &.nLoading,
+  &.noData {
+    justify-content: center;
+    align-items: center;
+
+    img {
+      width: 24px;
+    }
+
+    div {
+      display: inline-block;
+    }
+  }
+}
+:host .readonly{
+  ::ng-deep .ant-form-item-label,::ng-deep .ant-form-item-control{
+    line-height: normal!important;
+  }
+}

src/app/components/edit-work-order-remark/edit-work-order-remark.component.ts

@@ -0,0 +1,87 @@
+import { Component, OnInit, Output, Input, ViewChild, ElementRef } from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { OverlayScrollbarsComponent } from 'overlayscrollbars-ngx';
+import { FormGroup, FormBuilder, FormControl } from '@angular/forms';
+import { MainService } from 'src/app/services/main.service';
+import { ToolService } from 'src/app/services/tool.service';
+import { Subject } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+
+@Component({
+  selector: 'app-edit-work-order-remark',
+  templateUrl: './edit-work-order-remark.component.html',
+  styleUrls: ['./edit-work-order-remark.component.less']
+})
+export class EditWorkOrderRemarkComponent implements OnInit {
+  @ViewChild("osComponentRef1", {
+    read: OverlayScrollbarsComponent,
+    static: false,
+  })
+  osComponentRef1: OverlayScrollbarsComponent;
+  @ViewChild("remarksEle", { static: false }) remarksEle: ElementRef;
+  @Output() cancelModal = new EventEmitter();
+  @Output() confirmModal = new EventEmitter();
+  @Input() buildQuickConfirmData: any = {};//数据
+  @Input() loading5: boolean = false;//loading
+  hosLoading: boolean = false;//确定按钮的loading
+  constructor(
+    private mainService: MainService,
+    private fb: FormBuilder,
+    public tool: ToolService,
+  ) { }
+
+  ngOnInit() {
+    console.log(this.buildQuickConfirmData);
+    this.workOrderRemark = this.buildQuickConfirmData.workOrderRemark || "";
+    this.newShortcutOrder(this.buildQuickConfirmData.taskType);
+  }
+
+  // 建单条件
+  workOrderRemark = ""; //备注
+  customRemarks = []; //备注快速输入
+  buildMsg: any = {}; //一键发起返回信息
+  historyCustomRemarks = []; //历史快捷输入
+  workOrderRemarkTips = ""; //备注提示
+  nLoading = false;
+  newShortcutOrder(taskType) {
+    console.log(taskType);
+    this.nLoading = true;
+    this.buildMsg = taskType;
+    if (taskType.remarksSwitch == 1) {
+      if (taskType.customRemarks === null || taskType.customRemarks === "") {
+        this.customRemarks = [];
+      } else {
+        this.customRemarks = taskType.customRemarks.split("$");
+      }
+      this.workOrderRemarkTips = taskType.remarksPrompts || "请填写工单备注,不超过100个字符";
+      let user = JSON.parse(localStorage.getItem("user"));
+      this.mainService.postCustom("nurse", "workOrder/recentRemarks", {
+          deptId: user.user.dept.id,
+          taskTypeId: taskType.id,
+        })
+        .subscribe((result) => {
+          this.nLoading = false;
+          if (result.state == 200) {
+            this.historyCustomRemarks = result.data;
+          }
+        });
+    } else {
+      this.nLoading = false;
+    }
+  }
+
+  // 添加备注
+  addRemarks(item) {
+    this.remarksEle.nativeElement.focus();
+    this.workOrderRemark += item;
+  }
+
+  // 取消
+  cancel() {
+    this.cancelModal.emit(false)
+  }
+  // 确认
+  confirm() {
+    this.confirmModal.emit({workOrderRemark: this.workOrderRemark})
+  }
+}

src/app/views/fuwutai/fuwutai.component.html

@@ -189,6 +189,7 @@
                 <div class="right_bots display_flex col-flex align-items_center justify-content_flex-center">
                   <input type="button" *ngIf="data.data.gdState.value == 2" class="top_bot" value="派单" (click)="allotWorker(data.data.id, data.data.gdState.id)" />
                   <input type="button" *ngIf="!data.data.worker && data.data.gdState.value != 2" class="top_bot" value="派单" (click)="allotWorker(data.data.id, data.data.gdState.id, 1)" />
+                  <input type="button" *ngIf="(data.data.gdState.value == 2 || data.data.gdState.value == 3 || data.data.gdState.value == 4) && data.data.taskType.remarksSwitch == 1" class="top_bot" value="修改备注" (click)="buildQuick(data.data)" />
                   <input type="button" *ngIf="data.data.gdState.value == 2 || ((data.data.gdState.value == 3 || data.data.gdState.value == 4) && data.data.worker)" class="btm_bot" value="删除" (click)="openDelModal(data.data.id, 'hsms')" />
                 </div>
                 <div *ngIf="data.data.timeOut != true" class="slider sgreen" [ngStyle]="{ width: data.data.percent + '%' }"></div>
@@ -369,7 +370,8 @@
                 </div>
                 <div class="right_bots display_flex col-flex align-items_center justify-content_space-around">
                   <input type="button" *ngIf="data.data.gdState.value == 2" class="top_bot" value="派单" (click)="allotWorker(data.data.id, data.data.gdState.id)" />
-                  <input type="button" *ngIf="data.data.gdState.value == 3 || data.data.gdState.value == 4" class="mid_bot" value="撤回" (click)="openRecallModal(data.data.id)" />
+                  <input type="button" *ngIf="data.data.gdState.value == 3 || data.data.gdState.value == 4" class="top_bot" value="撤回" (click)="openRecallModal(data.data.id)" />
+                  <input type="button" *ngIf="(data.data.gdState.value == 2 || data.data.gdState.value == 3 || data.data.gdState.value == 4) && data.data.taskType.remarksSwitch == 1" class="top_bot" value="修改备注" (click)="buildQuick(data.data)" />
                   <input type="button" *ngIf="data.data.gdState.value == 2 || data.data.gdState.value == 3 || data.data.gdState.value == 4" class="btm_bot" value="删除" (click)="openDelModal(data.data.id, 'hsms')" />
                 </div>
                 <div *ngIf="data.data.timeOut != true" class="slider sgreen" [ngStyle]="{ width: data.data.percent + '%' }"></div>
@@ -1893,3 +1895,6 @@
 
 <!-- 通话列表 -->
 <app-incident-ser-call [itsmData]="itsmData" [hsmsData]="hsmsData" *ngIf="callShow" (closeModelHs)="closeCall($event)"></app-incident-ser-call>
+
+<!-- 修改备注弹窗 -->
+<app-edit-work-order-remark *ngIf="isShowBuildQuickConfirm" [buildQuickConfirmData]="buildQuickConfirmData" (cancelModal)="cancelBuildQuickConfirm($event)" (confirmModal)="confirmBuildQuickConfirm($event)" [loading5]="loadingQuick"></app-edit-work-order-remark>

src/app/views/fuwutai/fuwutai.component.ts

@@ -5809,4 +5809,40 @@ export class FuwutaiComponent implements OnInit {
       }
     });
   }
+
+  // 修改备注
+  isShowBuildQuickConfirm:boolean = false;
+  buildQuickConfirmData:any = {};
+  buildQuick(data){
+    this.buildQuickConfirmData = data || {};
+    this.isShowBuildQuickConfirm = true;
+  }
+  cancelBuildQuickConfirm(e){
+    this.isShowBuildQuickConfirm = false;
+  }
+  loadingQuick:boolean = false;
+  confirmBuildQuickConfirm(options){
+    let { workOrderRemark} = options;
+    this.maskFlag = this.msg.loading("正在加载中..", {
+      nzDuration: 0,
+    }).messageId;
+
+    let postData:any = {
+      orderId: this.buildQuickConfirmData.id,
+      workOrderRemark,
+    };
+
+    this.mainService.coopWorkerOrder("editOrder", postData)
+      .subscribe((result) => {
+        this.msg.remove(this.maskFlag);
+        this.maskFlag = false;
+
+        if (result.state == 200) {
+          this.isShowBuildQuickConfirm = false;
+          this.showPromptModal("修改备注", true, "");
+        } else {
+          this.showPromptModal("修改备注", false, result.msg || '');
+        }
+      });
+  }
 }

src/app/views/fuwutai/fuwutai.module.ts

@@ -3,6 +3,7 @@ import { CommonModule } from '@angular/common';
 
 import { FuwutaiRoutingModule } from './fuwutai-routing.module';
 import { FuwutaiComponent } from './fuwutai.component';
+import { EditWorkOrderRemarkComponent } from 'src/app/components/edit-work-order-remark/edit-work-order-remark.component'
 import { ShareModule } from 'src/app/share/share.module';
 
 import { NgxPrintModule } from 'ngx-print';
@@ -23,7 +24,8 @@ import { DisplayFormModule } from 'src/app/components/display-form/display-form.
 
 @NgModule({
   declarations: [
-    FuwutaiComponent
+    FuwutaiComponent,
+    EditWorkOrderRemarkComponent,
   ],
   imports: [
     CommonModule,