浏览代码

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

seimin 1 年之前
父节点
当前提交
b03d2bb9b0

+ 57 - 1
src/app/views/task-type-management/task-type-management.component.html

@@ -239,7 +239,7 @@
239 239
             <label nz-radio nzValue='0'>否</label>
240 240
           </nz-radio-group>
241 241
         </div>
242
-        
242
+
243 243
         <div class="mb8 w100" *ngIf="association.value == 'other'">
244 244
           <nz-form-label class="label" nzRequired>是否预定工单</nz-form-label>
245 245
           <nz-radio-group class="handlerType" [(ngModel)]="reserveSwitch">
@@ -747,6 +747,26 @@
747 747
           <div class="turnoff" *ngIf="carryingCourses[indexs].actionsSwitch">
748 748
             <label nz-checkbox [(ngModel)]="carryingCourses[indexs].actionPhotoSwitch">拍照动作</label>
749 749
           </div>
750
+          <!-- 运送过程备注 -->
751
+          <div class="mb8 w100" *ngIf="currentChoice.associationType.value == 'other' && indexs==1">
752
+            <label nz-checkbox [(ngModel)]="carryingCourses[indexs].logSwitch" (ngModelChange)="changeLogSwitch($event)">是否开通备注填写</label>
753
+          </div>
754
+          <div class="mb8 w100" *ngIf="carryingCourses[indexs].logSwitch == 1">
755
+            <nz-form-label class="label">备注信息提示用语</nz-form-label>
756
+            <input nz-input class="handlerType" [(ngModel)]="carryingCourses[indexs].logPrompts" placeholder="请填写备注信息提示用语" nzSize="default" />
757
+          </div>
758
+          <div class="mb8 w100" *ngIf="carryingCourses[indexs].logSwitch == 1">
759
+            <nz-form-label class="label">备注快捷输入</nz-form-label>
760
+            <button nz-button nzType="dashed" (click)="addLogRemarks()" *ngIf="!carryingCourses[indexs].logRemarks">
761
+              <i nz-icon nzType="plus"></i>
762
+              添加
763
+            </button>
764
+            <span class="mr8" *ngIf="carryingCourses[indexs].logRemarks">{{carryingCourses[indexs].logRemarks.split('$').join(',')}}</span>
765
+            <button *ngIf="carryingCourses[indexs].logRemarks" nz-button nzType="dashed" (click)="editLogRemarks()">
766
+              <i nz-icon nzType="plus"></i>
767
+              编辑
768
+            </button>
769
+          </div>
750 770
           <!-- 静配自动建单 -->
751 771
           <div class="turnoff" *ngIf="currentChoice.associationType.value == 'jPBag'&&indexs==0">
752 772
             <label nz-checkbox [(ngModel)]="bagOrderSwitch">根据对接数据自动建单</label>
@@ -1238,6 +1258,42 @@
1238 1258
   </div>
1239 1259
 </div>
1240 1260
 
1261
+<!-- 新增/编辑运输过程------备注快捷输入模态框 -->
1262
+<div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="logRemarksModal">
1263
+  <div class="modalBody">
1264
+    <div class="title">{{logRemarksAdd?"新增":"编辑"}}备注快捷输入<i class="icon_transport transport-guanbi"
1265
+        (click)="hideLogRemarksModal()"></i>
1266
+    </div>
1267
+    <div class="content">
1268
+      <form nz-form [formGroup]="validateLogRemarksForm" class="addForm">
1269
+        <nz-form-item>
1270
+          <nz-form-label style="line-height: normal;" [nzSm]="6" [nzXs]="24" nzFor="logRemarks">备注快捷输入</nz-form-label>
1271
+          <nz-form-control nzErrorTip="请输入备注快捷输入!">
1272
+            <nz-input-group>
1273
+              <input (ngModelChange)="lRemarksChange()" nz-input formControlName="logRemarks"
1274
+                placeholder="请填写备注快捷输入" />
1275
+            </nz-input-group>
1276
+            <nz-input-group *ngFor="let logRemark of logRemarkses;let index = index" class="dynamic">
1277
+              <input nz-input [ngModel]="logRemark.content" [ngModelOptions]="{standalone: true}"
1278
+                placeholder="请填写备注快捷输入" (ngModelChange)="lRemarksChange($event,logRemark)" />
1279
+              <i nz-icon nzType="minus-circle-o" (click)="removeLRemarks(index, $event)"></i>
1280
+            </nz-input-group>
1281
+            <button nz-button nzType="dashed" [disabled]="isAddLRemarks" *ngIf="logRemarkses.length < 4"
1282
+              class="add-button" (click)="addLRemarks($event)">
1283
+              <i nz-icon nzType="plus"></i>
1284
+              添加备注快捷输入
1285
+            </button>
1286
+          </nz-form-control>
1287
+        </nz-form-item>
1288
+      </form>
1289
+    </div>
1290
+    <div class=" display_flex justify-content_flex-center">
1291
+      <button nzType="primary" nz-button (click)="submitFormLogRemarks()">保存</button>
1292
+      <button class="btn cancel" nz-button nzType="default" (click)="hideLogRemarksModal()">取消</button>
1293
+    </div>
1294
+  </div>
1295
+</div>
1296
+
1241 1297
 <!-- 新增/编辑动作模态框 -->
1242 1298
 <div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="actionsModal">
1243 1299
   <div class="modalBody">

+ 99 - 0
src/app/views/task-type-management/task-type-management.component.ts

@@ -120,12 +120,14 @@ export class TaskTypeManagementComponent implements OnInit {
120 120
   isRemarks: any = "0"; //是否需要备注信息(其他类型)
121 121
   remarks = ""; //备注信息提示用语(其他类型)
122 122
   quickRemarks = ""; //工单备注快捷选择输入所有(其他类型)
123
+
123 124
   quickRemarkses = []; //工单备注快捷选择输入第二条-第N条(其他类型)
124 125
   quickRemarksModal = false; //备注快捷选择输入弹窗
125 126
   quickRemarksAdd = false; //备注快捷选择输入弹窗新增还是编辑
126 127
   validateForm: FormGroup; //新增/编辑备注快捷选择输入
127 128
   isAddQRemarks = true; //添加新的备注快捷选择输入是否禁用
128 129
   qRemarksId = 1; //备注快捷选择输入自增id
130
+
129 131
   leadTime: any = 20; //提前生效时间,默认20分钟
130 132
 
131 133
   actionsModal = false; //动作弹窗
@@ -135,6 +137,13 @@ export class TaskTypeManagementComponent implements OnInit {
135 137
   isAddActions = true; //添加新的动作是否禁用
136 138
   actionsId = 1; //动作自增id
137 139
 
140
+  logRemarkses = []; //工单备注快捷选择输入第二条-第N条(其他类型)
141
+  logRemarksModal = false; //备注快捷选择输入弹窗
142
+  logRemarksAdd = false; //备注快捷选择输入弹窗新增还是编辑
143
+  validateLogRemarksForm: FormGroup; //新增/编辑备注快捷选择输入
144
+  isAddLRemarks = true; //添加新的备注快捷选择输入是否禁用
145
+  lRemarksId = 1; //备注快捷选择输入自增id
146
+
138 147
   formatterDollar = (value) => Number(value);
139 148
   // 护士端是否允许预约建单,选中
140 149
   appointmentBuildClick() {
@@ -371,6 +380,7 @@ export class TaskTypeManagementComponent implements OnInit {
371 380
   hideQuickRemarksModal() {
372 381
     this.quickRemarksModal = false;
373 382
   }
383
+
374 384
   // 初始化新增form表单
375 385
   initForm() {
376 386
     this.validateForm = this.fb.group({
@@ -413,6 +423,95 @@ export class TaskTypeManagementComponent implements OnInit {
413 423
   }
414 424
   // 备注快速选择输入---------------------------------------------------------------------
415 425
 
426
+  // 运输过程---备注快速选择输入------------------------------------------------------------------
427
+  // 新添加备注快速选择输入
428
+  addLRemarks(e: MouseEvent) {
429
+    e.preventDefault();
430
+    this.logRemarkses.push({ id: ++this.lRemarksId, content: "" });
431
+    this.lRemarksChange();
432
+  }
433
+  // 删除新添加备注快速选择输入
434
+  removeLRemarks(index: number, e: MouseEvent) {
435
+    e.preventDefault();
436
+    this.logRemarkses.splice(index, 1);
437
+    this.lRemarksChange();
438
+  }
439
+  //监听备注快速选择输入输入事件
440
+  lRemarksChange(e?, logRemark?) {
441
+    if (e !== undefined && logRemark !== undefined) {
442
+      logRemark.content = e;
443
+    }
444
+    // -------------判断添加按钮是否禁用 start
445
+    this.isAddLRemarks = !this.validateLogRemarksForm.value.logRemarks;
446
+    if (!this.isAddLRemarks) {
447
+      //如果没禁用
448
+      this.isAddLRemarks = this.logRemarkses.some(
449
+        (item) => item.content === ""
450
+      );
451
+    }
452
+    // -------------判断添加按钮是否禁用 end
453
+  }
454
+  //备注快速选择输入-新增
455
+  addLogRemarks() {
456
+    this.logRemarksAdd = true;
457
+    this.logRemarksModal = true;
458
+    this.logRemarkses = [];
459
+    this.initLogRemarksForm();
460
+  }
461
+  hideLogRemarksModal() {
462
+    this.logRemarksModal = false;
463
+  }
464
+
465
+  // 初始化新增form表单
466
+  initLogRemarksForm() {
467
+    this.validateLogRemarksForm = this.fb.group({
468
+      logRemarks: [null],
469
+    });
470
+  }
471
+
472
+  // 新增/编辑表单提交
473
+  submitFormLogRemarks(): void {
474
+    for (const i in this.validateLogRemarksForm.controls) {
475
+      this.validateLogRemarksForm.controls[i].markAsDirty();
476
+      this.validateLogRemarksForm.controls[i].updateValueAndValidity();
477
+    }
478
+    if (this.validateLogRemarksForm.invalid) {
479
+      return;
480
+    }
481
+    this.hideLogRemarksModal();
482
+    let arr = this.logRemarkses.map((item) => item.content);
483
+    if (this.validateLogRemarksForm.value.logRemarks) {
484
+      arr.unshift(this.validateLogRemarksForm.value.logRemarks);
485
+    }
486
+    this.carryingCourses[this.indexs].logRemarks = arr.join("$");
487
+  }
488
+
489
+  // 修改是否开通备注填写
490
+  changeLogSwitch(e){
491
+    if(!e){
492
+      this.carryingCourses[this.indexs].logPrompts = '';
493
+      this.carryingCourses[this.indexs].logRemarks = '';
494
+    }
495
+  }
496
+
497
+  // 编辑
498
+  editLogRemarks() {
499
+    this.initLogRemarksForm();
500
+    this.isAddLRemarks = false;
501
+    this.logRemarksAdd = false;
502
+    this.logRemarksModal = true;
503
+    let arr = this.carryingCourses[this.indexs].logRemarks.split("$");
504
+    if (arr.length === 1) {
505
+      this.validateForm.controls.logRemarks.setValue(arr[0]);
506
+    } else {
507
+      this.validateForm.controls.logRemarks.setValue(arr[0]);
508
+      this.logRemarkses = arr.slice(1).map((item) => {
509
+        return { id: ++this.lRemarksId, content: item };
510
+      });
511
+    }
512
+  }
513
+  // 运输过程---备注快速选择输入---------------------------------------------------------------------
514
+
416 515
   // 动作------------------------------------------------------------------start
417 516
   // 新添加动作快速选择输入
418 517
   addAction(e: MouseEvent) {