增加报聘页面个人声明和合同文档确认页面的录屏

src/app/my/application-process/personal-statement/personal-statement.component.ts

@@ -4,17 +4,19 @@ import {
   ViewChild,
   ElementRef,
   HostListener,
+  OnDestroy,
 } from "@angular/core";
 import { ActivatedRoute, Router } from "@angular/router";
 import { MyService } from "../../my.service";
 import { LifeCommonService } from "../../../common/life-common.service";
+declare var rrwebRecord:any;
 
 @Component({
   selector: "ydlife-personal-statement",
   templateUrl: "./personal-statement.component.html",
   styleUrls: ["./personal-statement.component.scss"],
 })
-export class PersonalStatementComponent implements OnInit {
+export class PersonalStatementComponent implements OnInit,OnDestroy {
   @ViewChild("autofocusFlag") elementView: ElementRef;
   @ViewChild("contract") toastContent: ElementRef;
   //判断是个人声明还是合同确认
@@ -38,6 +40,12 @@ export class PersonalStatementComponent implements OnInit {
   approveStatus: any;
   agreeBtnShow: boolean = false;
   timeCount: number = 5;
+  timerId:any;
+  events:Array<any>;
+  pageInfo = {
+    type:8,
+    name:'报聘个人声明确认页'
+  }
   constructor(
     private myService: MyService,
     private activatedRoute: ActivatedRoute,
@@ -58,11 +66,33 @@ export class PersonalStatementComponent implements OnInit {
     }
     if (this.type == "contract") {
       this.queryContractTerms();
+      this.pageInfo = {
+        type:9,
+        name:'报聘合同文档确认页'
+      }
     }
+    let _this = this;
+    _this.events = [];
+    rrwebRecord({
+      emit(event){
+        // 将evene存入events数组中
+        _this.events.push(event);
+      },
+      recordCanvas: true
+    });
+    this.timerId = setInterval(()=>{ this.saveRecord()},10 * 1000);
   }
 
   ngOnChanges() {}
+  ngOnDestroy(): void {
+    clearInterval(this.timerId)
+}
 
+  saveRecord(){
+    this.myService.rrwebInfo(this.events,this.pageInfo).subscribe(res=>{
+      // console.log(res);
+    })
+  }
   next() {
     if (this.type == "personal_statement") {
       this.savePersonalStatements();
@@ -346,11 +376,13 @@ export class PersonalStatementComponent implements OnInit {
 
   viewNext() {
     if (this.type == "personal_statement") {
+      this.saveRecord();
       this.router.navigate(["/contract"], {
         queryParams: { hiringBasicInfoId: this.hiringBasicInfoId },
       });
     }
     if (this.type == "contract") {
+      this.saveRecord();
       this.router.navigate(["/signature"], {
         queryParams: { hiringBasicInfoId: this.hiringBasicInfoId },
       });

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 rrweb:any;
+declare var rrwebRecord:any;
 @Component({
   selector: 'ydlife-signature',
   templateUrl: './signature.component.html',
@@ -66,7 +66,7 @@ export class SignatureComponent implements OnInit {
     }
     let _this = this;
     _this.events = [];
-    rrweb.record({
+    rrwebRecord({
       emit(event){
         // 将evene存入events数组中
         _this.events.push(event);

src/app/my/e-notice-sign/e-notice-sign.component.ts

 import { Component, OnDestroy, OnInit } from '@angular/core';
 import { Router } from '@angular/router';
 import { MyService } from '../my.service';
-declare var rrweb:any;
+declare var rrwebRecord:any;
 
 @Component({
   selector: 'ydlife-e-notice-sign',
@@ -20,7 +20,7 @@ export class ENoticeSignComponent implements OnInit,OnDestroy {
   ngOnInit() {
     let _this = this;
     _this.events = [];
-    rrweb.record({
+    rrwebRecord({
       emit(event){
         // 将evene存入events数组中
         _this.events.push(event);

src/app/my/e-notice/e-notice.component.ts

@@ -2,7 +2,7 @@ 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;
+declare var rrwebRecord:any;
 
 @Component({
   selector: 'ydlife-e-notice',
@@ -25,7 +25,7 @@ export class ENoticeComponent implements OnInit,OnDestroy {
     this.pageType = this.activatedRoute.url['value'][0]['path'];
     let _this = this;
     _this.events = [];
-    rrweb.record({
+    rrwebRecord({
       emit(event){
         // 将evene存入events数组中
         _this.events.push(event);