将客户告知书合并到一个组件

src/app/my/application-process/employee-submit/employee-submit.component.ts

@@ -8,7 +8,7 @@ declare var rrweb:any;
   templateUrl: './employee-submit.component.html',
   styleUrls: ['./employee-submit.component.scss']
 })
-export class EmployeeSubmitComponent implements OnInit {
+export class EmployeeSubmitComponent implements OnInit,OnDestroy {
   hiringBasicInfoId:any;
   approveStatus:any;
   isNeedAlert: boolean;
@@ -39,24 +39,29 @@ export class EmployeeSubmitComponent implements OnInit {
     }
     this.creatRecord();
   }
+  ngOnDestroy(): void {
+    clearInterval(this.timerId);
+  }
   creatRecord(){
     let _this = this;
     _this.events = [];
     rrweb.record({
       emit(event){
-        // 将evene存入events数组中
+        // 将event存入events数组中
         _this.events.push(event);
-        console.log('@@@',_this.events)
       },
       recordCanvas: true
     });
-    setTimeout(()=>{
+    this.timerId = setInterval(()=>{
+      if(this.events.length > 3){
+        this.saveRecord();
+      }
+    },1 * 1000);
+  }
+  saveRecord(){
     this.myService.rrwebInfo(this.events,this.pageInfo).subscribe(res=>{
-
+      clearInterval(this.timerId);
     })
-    },5*1000)
-
-
   }
   hiringSubmit(){
     this.myService.hiringSubmit({hiringBasicInfoId:this.hiringBasicInfoId}).subscribe((res)=>{

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

@@ -72,7 +72,10 @@ export class PersonalStatementComponent implements OnInit,OnDestroy {
       }
     }
     this.creatRecord();
-    this.timerId = setInterval(()=>{ this.saveRecord()},10 * 1000);
+    this.timerId = setInterval(()=>{
+      if(this.events.length > 50){
+        this.saveRecord()
+      }},10 * 1000);
     }
 
   ngOnChanges() {}

src/app/my/application-process/signature/signature.component.ts

@@ -57,7 +57,6 @@ export class SignatureComponent implements OnInit,OnDestroy {
       })
     }
   ngOnInit() {
-    console.log('====');
     this.type = this.activatedRoute.snapshot.queryParams.type ? this.activatedRoute.snapshot.queryParams.type :null;
     this.signaturePadOptions = {
       minWidth: 0.5,
@@ -77,7 +76,11 @@ export class SignatureComponent implements OnInit,OnDestroy {
       this.viewApprovalInfo = sessionStorage.getItem('viewApprovalInfo');
     }
     this.creatRecord();
-    this.timerId = setInterval(()=>{ this.saveRecord()},10 * 1000);
+    this.timerId = setInterval(()=>{
+      if(this.events.length > 50){
+        this.saveRecord()
+      }
+    },10 * 1000);
   }
 
   next(){

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

-<ydlife-e-notice></ydlife-e-notice>
-<div class="">
+<!-- 暂时废弃 -->
+<div style="width: 100%;height:100%;">
+  <ydlife-e-notice></ydlife-e-notice>
+  <div>
     <div class="signBtn" (click)="agree()">同意，并签署</div>
+  </div>
 </div>

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

-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { AfterContentInit, Component, OnDestroy, OnInit } from '@angular/core';
 import { Router } from '@angular/router';
 import { MyService } from '../my.service';
 declare var rrweb:any;
@@ -8,18 +8,27 @@ declare var rrweb:any;
   templateUrl: './e-notice-sign.component.html',
   styleUrls: ['./e-notice-sign.component.scss']
 })
-export class ENoticeSignComponent implements OnInit,OnDestroy {
+export class ENoticeSignComponent implements OnInit,OnDestroy,AfterContentInit {
   timerId:any;
   events:Array<any>;
   pageInfo = {
     type:6,
-    name:'客户告知书同意并签署页面'
+    name:'客户告知书同意并签署页面ceshi '
   }
   constructor(private router:Router,private myService:MyService) { }
 
   ngOnInit() {
+
+  }
+  ngAfterContentInit(): void {
     this.creatRecord();
-    this.timerId = setInterval(()=>{ this.saveRecord()},10 * 1000);}
+    this.timerId = setInterval(()=>{
+      if(this.events.length>2){
+        this.saveRecord()
+      }
+    },10 * 1000);
+  }
+
   ngOnDestroy(): void {
     clearInterval(this.timerId)
   }

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

-<div class="csNoticeContent" *ngIf="pageType!='continuation_rate_commitment'">
+<div class="csNoticeContent" *ngIf="pageType==1">
       <h3 style="padding-top:15px;border-top:1px solid #dcdcdc">上海银盾保险经纪有限公司客户告知书</h3>
       <p style="margin-bottom: 10px;">尊敬的客户：</p>
       <p style="text-indent: 32px;">感谢您委托上海银盾保险经纪有限公司代为办理保险业务，本公司是基于投保人的利益，为投保人与保险公司订立保险合同提供中介服务的保险专业中介机构。为了保护您的合法权益，按照《保险经纪人监管规定》的要求，本公司履行客户告知义务，将有关事项告知如下，请仔细阅读：</p>
@@ -94,8 +94,11 @@
       <div class="signInput"><span class="noBorder">投保人：</span></div>
       <div class="signInput"><span class="noBorder">投保人亲签：</span></div>
       <div class="signInput"><span class="noBorder">日 期：</span></div>
+      <div class="send">
+        <div class="signBtn" (click)="agree(1)">同意，并签署</div>
+      </div>
 </div>
-<div class="csNoticeContent" *ngIf="pageType=='continuation_rate_commitment'" style="padding: 0 15px 110px 15px;">
+<div class="csNoticeContent" *ngIf="pageType==2" style="padding: 0 15px 110px 15px;">
   <h3 style="padding-top:15px;">经纪人保单继续率业务品质承诺书</h3>
   <p style="text-indent: 32px;line-height: 2;" >
     根据监管要求和精神，上海银盾保险经纪有限公司(“银盾“或”公司“) 将严格按照《银盾保险经纪人标准基本管理办法》的规定，对经纪人销售业务品质进行管理，约定如下：</p>
@@ -112,6 +115,6 @@
   <div class="signInput"><span class="noBorder">经纪人亲签：</span></div>
   <div class="signInput"><span class="noBorder">日 期：</span></div>
   <div class="send">
-    <div class="signBtn" (click)="agree()">同意，并签署</div>
+    <div class="signBtn" (click)="agree(2)">同意，并签署</div>
   </div>
 </div>

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

@@ -22,9 +22,19 @@ export class ENoticeComponent implements OnInit,OnDestroy {
    }
 
   ngOnInit() {
-    this.pageType = this.activatedRoute.url['value'][0]['path'];
+    this.pageType = this.activatedRoute.snapshot.data.type;
+    if(this.pageType == 1){
+      this.pageInfo = {
+        type:6,
+        name:'客户告知书同意并签署页面'
+      }
+    }
     this.creatRecord();
-    this.timerId = setInterval(()=>{ this.saveRecord()},10 * 1000);
+    this.timerId = setInterval(()=>{
+      if(this.events.length > 50){
+        this.saveRecord()
+      }
+    },10 * 1000);
   }
   ngOnDestroy(): void {
     clearInterval(this.timerId)
@@ -46,10 +56,18 @@ export class ENoticeComponent implements OnInit,OnDestroy {
       this.creatRecord()
     })
   }
-  agree(){
+  agree(type){
     this.saveRecord();
+    if(type===1){
+      this.myService.customerBehaviorTrackSave(`客户告知书 - 客户点击了【同意并签署】`).subscribe(res=>{
+        this.router.navigate(['/eNoticeSignature'],{ queryParams: { type:'eNotice'} })
+      })
+    }else{
       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'} })
       })
     }
+
+
+  }
 }

src/app/my/my-routing.module.ts

@@ -66,7 +66,6 @@ import { MyQuestionComponent } from './my-question/my-question.component';
 import { AskComponent } from './ask/ask.component';
 import { MenuItemComponent } from './menu-item/menu-item.component';
 import { MemberListComponent } from './member-list/member-list.component';
-import { ENoticeSignComponent } from './e-notice-sign/e-notice-sign.component';
 import { ENoticeComponent } from './e-notice/e-notice.component';
 
 const myRoutes: Routes = [
@@ -105,7 +104,6 @@ const myRoutes: Routes = [
   { path: 'invitees' ,component:InvitationComponent,data:[{type:'invitees',title: '邀请函'}]},
   { path: 'register' ,component:RegisterComponent,data: [{ title: '注册信息' }]},
   { path: 'identify' ,component:RegisterComponent,data: [{ title: '客户告知书和保险经纪服务委托协议' }]},
-  { path: 'eNoticeSign' ,component:ENoticeSignComponent,data: [{ title: '客户告知书和保险经纪服务委托协议' }]},
   { path: 'employee_info',component:EmployeeInfoComponent,data: [{ title: '银盾经纪人报聘' }]},
   { path: 'employee_basic_info',component:EmployeeBasicInfoComponent,data: [{ title: '银盾经纪人报聘' }] },
   { path: 'work_experience',component:WorkExperienceComponent,data: [{ title: '银盾经纪人报聘' }] },
@@ -149,7 +147,8 @@ const myRoutes: Routes = [
   { path: 'trainingCenter',component:MenuItemComponent,data:[{title:'银盾保经-教育培训',type:'trainingCenter'}],canActivate:[AuthGuard]},
   { path: 'newPeople',component:MenuItemComponent,data:[{title:'银盾保经-新人入口',type:'newPeople'}],canActivate:[AuthGuard]},
   { path: 'member_list/:systemType',component:MemberListComponent,canActivate:[AuthGuard]},
-  { path: 'continuation_rate_commitment',component:ENoticeComponent,canActivate:[AuthGuard]}
+  { path: 'continuation_rate_commitment',component:ENoticeComponent,canActivate:[AuthGuard],data:{type:2}},
+  { path: 'eNoticeSign',component:ENoticeComponent,canActivate:[AuthGuard],data:{type:1,title: '客户告知书和保险经纪服务委托协议'}}
 ];
 
 @NgModule({