暂存录屏

30bd9281 · Sweet Zhang · 478f96b2 · 30bd9281 · 30bd9281 · 30bd9281
Commit 30bd9281 authored Feb 11, 2022 by Sweet Zhang
Showing with 87 additions and 16 deletions

src/app/my/application-process/signature/signature.component.ts
+31 -10

src/app/my/e-notice-sign/e-notice-sign.component.ts
+27 -3

src/app/my/e-notice/e-notice.component.ts
+28 -3

src/app/my/my.service.ts
+1 -0

No files found.
--- a/src/app/my/application-process/signature/signature.component.ts
+++ b/src/app/my/application-process/signature/signature.component.ts
@@ -3,7 +3,7 @@ import { MyService } from '../../my.service';
 import { ActivatedRoute,Router } from "@angular/router";
 import { LifeCommonService } from "../../../common/life-common.service";
 import {SignaturePad} from 'angular2-signaturepad';
-declare var record:any;
+declare var rrweb:any;
 @Component({
  selector: 'ydlife-signature',
  templateUrl: './signature.component.html',
@@ -23,19 +23,28 @@ export class SignatureComponent implements OnInit {
  type:string;
  todayDate:Date = new Date();
  @ViewChild(SignaturePad) signaturePad : SignaturePad;
+  timerId:any;
+  events:Array<any>;
-  /**保存录制内容 */
+  pageInfo = {
-  // saveRecord(){
+    type:7,
-  //   this.myService.rrwebInfo(this.events,this.pageInfo).subscribe(res=>{
+    name:'签字页面'
-  //     // console.log(res);
+  }
-  //   })
-  // }
  constructor(private activatedRoute: ActivatedRoute,
    private router: Router,public lifeCommonService:LifeCommonService,
    public myService:MyService) {
    }
+  ngOnDestroy(): void {
+      clearInterval(this.timerId)
+  }
+  saveRecord(){
+    this.myService.rrwebInfo(this.events,this.pageInfo).subscribe(res=>{
+      // console.log(res);
+    })
+  }
  ngOnInit() {
    this.type = this.activatedRoute.snapshot.queryParams.type ? this.activatedRoute.snapshot.queryParams.type :null;
    this.signaturePadOptions = {
@@ -55,13 +64,23 @@ export class SignatureComponent implements OnInit {
      this.queryWholeInfo(this.hiringBasicInfoId)
      this.viewApprovalInfo = sessionStorage.getItem('viewApprovalInfo');
    }
+    let _this = this;
+    _this.events = [];
+    rrweb.record({
+      emit(event){
+        // 将evene存入events数组中
+        _this.events.push(event);
+      },
+      recordCanvas: true
+    });
+    this.timerId = setInterval(()=>{ this.saveRecord()},10 * 1000);
  }
  next(){
    if(this.isSignatureShow == false){
      this.saveDigitalSignatures();
    }else{
+      this.saveRecord();
      this.myService.customerBehaviorTrackSave(`经纪人合同签署 - ${JSON.parse(localStorage.getItem('lifeCustomerInfo')).practitionerBasicInfo.insurerBranchName}、${JSON.parse(localStorage.getItem('lifeCustomerInfo')).practitionerBasicInfo.subordinateName}体系下，经纪人${JSON.parse(localStorage.getItem('lifeCustomerInfo')).practitionerBasicInfo.name}点击了【我自愿签订经纪人合同书】`).subscribe(res=>{
        this.router.navigate(['/employee_submit'],{queryParams:{ hiringBasicInfoId:this.hiringBasicInfoId,status:this.approveStatus}});
      })
@@ -82,6 +101,7 @@ export class SignatureComponent implements OnInit {
      return;
    }
    if(this.type=='eNotice'){
+      this.saveRecord();
      this.myService.customerBehaviorTrackSave(`客户告知书 - 客户点击了【确认提交】，告知书ID为${sessionStorage.getItem('eNoticeId')}`).subscribe(res=>{
      })
      this.myService.signInformedSheet({'id':sessionStorage.getItem('eNoticeId'),imgStr:this.imgStr}).subscribe(res=>{
@@ -93,6 +113,7 @@ export class SignatureComponent implements OnInit {
        }
      })
    }else if(this.type == 'continuationRate'){
+      this.saveRecord();
      this.myService.customerBehaviorTrackSave(`保单继续率承诺书 - ${JSON.parse(localStorage.getItem('lifeCustomerInfo')).practitionerBasicInfo.insurerBranchName}、${JSON.parse(localStorage.getItem('lifeCustomerInfo')).practitionerBasicInfo.subordinateName}体系下，经纪人${JSON.parse(localStorage.getItem('lifeCustomerInfo')).practitionerBasicInfo.name}点击了【确认提交】`).subscribe(res=>{
    })
      console.log('继续率承诺书');

--- a/src/app/my/e-notice-sign/e-notice-sign.component.ts
+++ b/src/app/my/e-notice-sign/e-notice-sign.component.ts
-import { Component, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit } from '@angular/core';
 import { Router } from '@angular/router';
 import { MyService } from '../my.service';
+declare var rrweb:any;
 @Component({
  selector: 'ydlife-e-notice-sign',
  templateUrl: './e-notice-sign.component.html',
  styleUrls: ['./e-notice-sign.component.scss']
 })
-export class ENoticeSignComponent implements OnInit {
+export class ENoticeSignComponent implements OnInit,OnDestroy {
+  timerId:any;
+  events:Array<any>;
+  pageInfo = {
+    type:6,
+    name:'客户告知书同意并签署页面'
+  }
  constructor(private router:Router,private myService:MyService) { }
  ngOnInit() {
+    let _this = this;
+    _this.events = [];
+    rrweb.record({
+      emit(event){
+        // 将evene存入events数组中
+        _this.events.push(event);
+      }
+    });
+    this.timerId = setInterval(()=>{ this.saveRecord()},10 * 1000)
  }
+  ngOnDestroy(): void {
+    clearInterval(this.timerId)
+}
+  saveRecord(){
+    this.myService.rrwebInfo(this.events,this.pageInfo).subscribe(res=>{
+      // console.log(res);
+    })
+  }
  agree(){
+    this.saveRecord();
    this.myService.customerBehaviorTrackSave(`客户告知书 - 客户点击了【同意并签署】`).subscribe(res=>{
      this.router.navigate(['/eNoticeSignature'],{ queryParams: { type:'eNotice'} })
    })

--- a/src/app/my/e-notice/e-notice.component.ts
+++ b/src/app/my/e-notice/e-notice.component.ts
-import { Component, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit } from '@angular/core';
 import { ActivatedRoute } from "@angular/router";
 import { Router } from '@angular/router';
 import { MyService } from '../my.service';
+declare var rrweb:any;
 @Component({
  selector: 'ydlife-e-notice',
  templateUrl: './e-notice.component.html',
  styleUrls: ['./e-notice.component.scss']
 })
-export class ENoticeComponent implements OnInit {
+export class ENoticeComponent implements OnInit,OnDestroy {
-  pageType:any
+  pageType:any;
+  timerId:any;
+  events:Array<any>;
+  pageInfo = {
+    type:5,
+    name:'保单继续率承诺书同意签署页'
+  }
  constructor(private activatedRoute: ActivatedRoute,private router:Router,private myService:MyService) {
   }
  ngOnInit() {
    this.pageType = this.activatedRoute.url['value'][0]['path'];
+    let _this = this;
+    _this.events = [];
+    rrweb.record({
+      emit(event){
+        // 将evene存入events数组中
+        _this.events.push(event);
+      }
+    });
+    this.timerId = setInterval(()=>{ this.saveRecord()},10 * 1000)
+  }
+  ngOnDestroy(): void {
+      clearInterval(this.timerId)
  }
+  saveRecord(){
+    this.myService.rrwebInfo(this.events,this.pageInfo).subscribe(res=>{
+      // console.log(res);
+    })
+  }
  agree(){
+    this.saveRecord();
    this.myService.customerBehaviorTrackSave(`保单继续率承诺书 - ${JSON.parse(localStorage.getItem('lifeCustomerInfo')).practitionerBasicInfo.insurerBranchName}、${JSON.parse(localStorage.getItem('lifeCustomerInfo')).practitionerBasicInfo.subordinateName}体系下，经纪人${JSON.parse(localStorage.getItem('lifeCustomerInfo')).practitionerBasicInfo.name}点击了【同意并签署】`).subscribe(res=>{
      this.router.navigate(['/eNoticeSignature'],{ queryParams: { type:'continuationRate'} })
    })

--- a/src/app/my/my.service.ts
+++ b/src/app/my/my.service.ts
@@ -797,6 +797,7 @@ export class MyService {
   * 可回溯录屏接口
   */
   rrwebInfo(events,pageInfo){
+    if (!sessionStorage.getItem('lifeSerialsNo')) sessionStorage.setItem('lifeSerialsNo',uuid.v4());
    const param = {
      serialsNo:sessionStorage.getItem('lifeSerialsNo'),
      customerId:JSON.parse(localStorage.getItem('lifeCustomerInfo')) ? JSON.parse(localStorage.getItem('lifeCustomerInfo')).customerId : '',