其他临床服务-运输过程-终点科室加备注

src/app/views/task-type-management/task-type-management.component.html

@@ -239,7 +239,7 @@
             <label nz-radio nzValue='0'>否</label>
           </nz-radio-group>
         </div>
-        
+
         <div class="mb8 w100" *ngIf="association.value == 'other'">
           <nz-form-label class="label" nzRequired>是否预定工单</nz-form-label>
           <nz-radio-group class="handlerType" [(ngModel)]="reserveSwitch">
@@ -747,6 +747,26 @@
           <div class="turnoff" *ngIf="carryingCourses[indexs].actionsSwitch">
             <label nz-checkbox [(ngModel)]="carryingCourses[indexs].actionPhotoSwitch">拍照动作</label>
           </div>
+          <!-- 运送过程备注 -->
+          <div class="mb8 w100" *ngIf="currentChoice.associationType.value == 'other' && indexs==1">
+            <label nz-checkbox [(ngModel)]="carryingCourses[indexs].logSwitch" (ngModelChange)="changeLogSwitch($event)">是否开通备注填写</label>
+          </div>
+          <div class="mb8 w100" *ngIf="carryingCourses[indexs].logSwitch == 1">
+            <nz-form-label class="label">备注信息提示用语</nz-form-label>
+            <input nz-input class="handlerType" [(ngModel)]="carryingCourses[indexs].logPrompts" placeholder="请填写备注信息提示用语" nzSize="default" />
+          </div>
+          <div class="mb8 w100" *ngIf="carryingCourses[indexs].logSwitch == 1">
+            <nz-form-label class="label">备注快捷输入</nz-form-label>
+            <button nz-button nzType="dashed" (click)="addLogRemarks()" *ngIf="!carryingCourses[indexs].logRemarks">
+              <i nz-icon nzType="plus"></i>
+              添加
+            </button>
+            <span class="mr8" *ngIf="carryingCourses[indexs].logRemarks">{{carryingCourses[indexs].logRemarks.split('$').join(',')}}</span>
+            <button *ngIf="carryingCourses[indexs].logRemarks" nz-button nzType="dashed" (click)="editLogRemarks()">
+              <i nz-icon nzType="plus"></i>
+              编辑
+            </button>
+          </div>
           <!-- 静配自动建单 -->
           <div class="turnoff" *ngIf="currentChoice.associationType.value == 'jPBag'&&indexs==0">
             <label nz-checkbox [(ngModel)]="bagOrderSwitch">根据对接数据自动建单</label>
@@ -1238,6 +1258,42 @@
   </div>
 </div>
 
+<!-- 新增/编辑运输过程------备注快捷输入模态框 -->
+<div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="logRemarksModal">
+  <div class="modalBody">
+    <div class="title">{{logRemarksAdd?"新增":"编辑"}}备注快捷输入<i class="icon_transport transport-guanbi"
+        (click)="hideLogRemarksModal()"></i>
+    </div>
+    <div class="content">
+      <form nz-form [formGroup]="validateLogRemarksForm" class="addForm">
+        <nz-form-item>
+          <nz-form-label style="line-height: normal;" [nzSm]="6" [nzXs]="24" nzFor="logRemarks">备注快捷输入</nz-form-label>
+          <nz-form-control nzErrorTip="请输入备注快捷输入!">
+            <nz-input-group>
+              <input (ngModelChange)="lRemarksChange()" nz-input formControlName="logRemarks"
+                placeholder="请填写备注快捷输入" />
+            </nz-input-group>
+            <nz-input-group *ngFor="let logRemark of logRemarkses;let index = index" class="dynamic">
+              <input nz-input [ngModel]="logRemark.content" [ngModelOptions]="{standalone: true}"
+                placeholder="请填写备注快捷输入" (ngModelChange)="lRemarksChange($event,logRemark)" />
+              <i nz-icon nzType="minus-circle-o" (click)="removeLRemarks(index, $event)"></i>
+            </nz-input-group>
+            <button nz-button nzType="dashed" [disabled]="isAddLRemarks" *ngIf="logRemarkses.length < 4"
+              class="add-button" (click)="addLRemarks($event)">
+              <i nz-icon nzType="plus"></i>
+              添加备注快捷输入
+            </button>
+          </nz-form-control>
+        </nz-form-item>
+      </form>
+    </div>
+    <div class=" display_flex justify-content_flex-center">
+      <button nzType="primary" nz-button (click)="submitFormLogRemarks()">保存</button>
+      <button class="btn cancel" nz-button nzType="default" (click)="hideLogRemarksModal()">取消</button>
+    </div>
+  </div>
+</div>
+
 <!-- 新增/编辑动作模态框 -->
 <div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="actionsModal">
   <div class="modalBody">

src/app/views/task-type-management/task-type-management.component.ts

@@ -120,12 +120,14 @@ export class TaskTypeManagementComponent implements OnInit {
   isRemarks: any = "0"; //是否需要备注信息(其他类型)
   remarks = ""; //备注信息提示用语(其他类型)
   quickRemarks = ""; //工单备注快捷选择输入所有(其他类型)
+
   quickRemarkses = []; //工单备注快捷选择输入第二条-第N条(其他类型)
   quickRemarksModal = false; //备注快捷选择输入弹窗
   quickRemarksAdd = false; //备注快捷选择输入弹窗新增还是编辑
   validateForm: FormGroup; //新增/编辑备注快捷选择输入
   isAddQRemarks = true; //添加新的备注快捷选择输入是否禁用
   qRemarksId = 1; //备注快捷选择输入自增id
+
   leadTime: any = 20; //提前生效时间，默认20分钟
 
   actionsModal = false; //动作弹窗
@@ -135,6 +137,13 @@ export class TaskTypeManagementComponent implements OnInit {
   isAddActions = true; //添加新的动作是否禁用
   actionsId = 1; //动作自增id
 
+  logRemarkses = []; //工单备注快捷选择输入第二条-第N条(其他类型)
+  logRemarksModal = false; //备注快捷选择输入弹窗
+  logRemarksAdd = false; //备注快捷选择输入弹窗新增还是编辑
+  validateLogRemarksForm: FormGroup; //新增/编辑备注快捷选择输入
+  isAddLRemarks = true; //添加新的备注快捷选择输入是否禁用
+  lRemarksId = 1; //备注快捷选择输入自增id
+
   formatterDollar = (value) => Number(value);
   // 护士端是否允许预约建单，选中
   appointmentBuildClick() {
@@ -371,6 +380,7 @@ export class TaskTypeManagementComponent implements OnInit {
   hideQuickRemarksModal() {
     this.quickRemarksModal = false;
   }
+
   // 初始化新增form表单
   initForm() {
     this.validateForm = this.fb.group({
@@ -413,6 +423,95 @@ export class TaskTypeManagementComponent implements OnInit {
   }
   // 备注快速选择输入---------------------------------------------------------------------
 
+  // 运输过程---备注快速选择输入------------------------------------------------------------------
+  // 新添加备注快速选择输入
+  addLRemarks(e: MouseEvent) {
+    e.preventDefault();
+    this.logRemarkses.push({ id: ++this.lRemarksId, content: "" });
+    this.lRemarksChange();
+  }
+  // 删除新添加备注快速选择输入
+  removeLRemarks(index: number, e: MouseEvent) {
+    e.preventDefault();
+    this.logRemarkses.splice(index, 1);
+    this.lRemarksChange();
+  }
+  //监听备注快速选择输入输入事件
+  lRemarksChange(e?, logRemark?) {
+    if (e !== undefined && logRemark !== undefined) {
+      logRemark.content = e;
+    }
+    // -------------判断添加按钮是否禁用 start
+    this.isAddLRemarks = !this.validateLogRemarksForm.value.logRemarks;
+    if (!this.isAddLRemarks) {
+      //如果没禁用
+      this.isAddLRemarks = this.logRemarkses.some(
+        (item) => item.content === ""
+      );
+    }
+    // -------------判断添加按钮是否禁用 end
+  }
+  //备注快速选择输入-新增
+  addLogRemarks() {
+    this.logRemarksAdd = true;
+    this.logRemarksModal = true;
+    this.logRemarkses = [];
+    this.initLogRemarksForm();
+  }
+  hideLogRemarksModal() {
+    this.logRemarksModal = false;
+  }
+
+  // 初始化新增form表单
+  initLogRemarksForm() {
+    this.validateLogRemarksForm = this.fb.group({
+      logRemarks: [null],
+    });
+  }
+
+  // 新增/编辑表单提交
+  submitFormLogRemarks(): void {
+    for (const i in this.validateLogRemarksForm.controls) {
+      this.validateLogRemarksForm.controls[i].markAsDirty();
+      this.validateLogRemarksForm.controls[i].updateValueAndValidity();
+    }
+    if (this.validateLogRemarksForm.invalid) {
+      return;
+    }
+    this.hideLogRemarksModal();
+    let arr = this.logRemarkses.map((item) => item.content);
+    if (this.validateLogRemarksForm.value.logRemarks) {
+      arr.unshift(this.validateLogRemarksForm.value.logRemarks);
+    }
+    this.carryingCourses[this.indexs].logRemarks = arr.join("$");
+  }
+
+  // 修改是否开通备注填写
+  changeLogSwitch(e){
+    if(!e){
+      this.carryingCourses[this.indexs].logPrompts = '';
+      this.carryingCourses[this.indexs].logRemarks = '';
+    }
+  }
+
+  // 编辑
+  editLogRemarks() {
+    this.initLogRemarksForm();
+    this.isAddLRemarks = false;
+    this.logRemarksAdd = false;
+    this.logRemarksModal = true;
+    let arr = this.carryingCourses[this.indexs].logRemarks.split("$");
+    if (arr.length === 1) {
+      this.validateForm.controls.logRemarks.setValue(arr[0]);
+    } else {
+      this.validateForm.controls.logRemarks.setValue(arr[0]);
+      this.logRemarkses = arr.slice(1).map((item) => {
+        return { id: ++this.lRemarksId, content: item };
+      });
+    }
+  }
+  // 运输过程---备注快速选择输入---------------------------------------------------------------------
+
   // 动作------------------------------------------------------------------start
   // 新添加动作快速选择输入
   addAction(e: MouseEvent) {