
<div class="wrapper" *ngIf="type=='personal_statement'">
  <div class="title">
    <div><span class="line"></span>个人声明</div>
    <span class="page_mark"> 9/12</span>
  </div>
  <div class="content">
    <ul>
      <li *ngFor="let personalStatements of dropOptionsInfoList" (click)="selectStatements(personalStatements)"
      [ngClass]="{'selected':personalStatements.status}">
        <span> {{personalStatements.dropOptionName}}</span> 
        <span class="iconfont icon-gougou" *ngIf="personalStatements.status"></span>
      </li>
    </ul>
    <textarea placeholder="请输入您曾经报聘过的保险机构名称" #autofocusFlag [(ngModel)]="everWork" *ngIf="everWorkFlag" class="form-control" cols="10" rows="5"></textarea>
    <p style="font-size: 12px;color: #999;position: absolute;top: 450px;">请务必如实回答以上4个问题；根据监管要求，如存在犯罪记录、失信记录、征信不良记录，无法报聘为保险营销人员。</p>
  </div>
  <footer class="fixed" (click)="next()" *ngIf="approveStatus==null || approveStatus=='-1'">
    保存并下一步
  </footer>
  <div id="page" *ngIf="approveStatus!=null && approveStatus !='-1'">
    <div (click)="goBack()">上一页</div>
    <div (click)="viewNext()">下一页</div>
  </div>
</div>

<div class="wrapper" *ngIf="type =='contract'">
  <div class="title">
    <div>合同文档确认</div>
    <span class="page_mark"> 10/12</span>
  </div>
  <div class="content">
    <ul>
      <li *ngFor="let contractItem of contractTermsList" (click)="readContract(contractItem)"
      [ngClass]="{'selected':contractItem.confirmStatus}">
        <span>{{contractItem.termName}}</span>
        <span>
          <span style="margin-right: 5px;" *ngIf="contractItem.confirmStatus">已阅读</span>
          <i class="iconfont icon-gougou" *ngIf="contractItem.confirmStatus"></i>
        </span>  
      </li>
    </ul>
  </div>
  <footer class="fixed" (click)="next()" [ngClass]="{default:isAllAgree == false}"
  *ngIf="approveStatus==null || approveStatus=='-1'">
    我已全部阅读且同意，下一步
  </footer>
  <div id="page" *ngIf="approveStatus!=null && approveStatus !='-1'">
    <div (click)="goBack()">上一页</div>
    <div (click)="viewNext()">下一页</div>
  </div>
</div>
<div class="toastWrapper toast" *ngIf="isShow">

</div>
<!-- <div id="toastContent" *ngIf="isShow" #contract (scroll)="onScroll($event)"> -->
<div id="toastContent" *ngIf="isShow" #contract >
  <div class="title">
    {{curTitle}}
  </div>
  <div class="contract" [innerHtml]="curContract" ></div>
  <div class="agree" (click)="agree(curContractId)"
  [ngClass]="{'readOnly':agreeBtnShow==false}"
  >同意</div>
  <!--<div>{{curQues|json}}</div>-->
</div>
<ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert>