
<div class="wrapper">
  <div class="title">
    <div>
      电子签名<span style="font-size: 10px;font-weight: normal;">（请书写工整，字迹清晰）</span>
    </div>
    <span class="page_mark" *ngIf="type!='eNotice'"> 8/8</span>
  </div>
  <div class="signatureContent">
    <signature-pad *ngIf="!isSignatureShow" #signaturePad [options]="signaturePadOptions" (onBeginEvent)="drawStart()" (onEndEvent)="drawComplete()">
    </signature-pad>
    <img [src]="imgStr" alt="签名" *ngIf="isSignatureShow">
  </div>
  <div *ngIf="type == 'eNotice'" style="margin-left: 13px;color: #666;">
    <p>签署日期：{{todayDate | date:'yyyy-MM-dd'}}</p>
  </div>
  <div class="signature_action" *ngIf="approveStatus == null || approveStatus == '-1'">
    <img src="assets/images/clear.png" alt="清除" (click)="clearSignature();"/>
    <img src="assets/images/revoke.png" *ngIf="!isSignatureShow" alt="上一步" (click)="revokeSignature()"/>
  </div>
  <footer class="fixed" (click)="next()" *ngIf="(approveStatus==null || approveStatus=='-1') && type != 'eNotice'">
    我自愿签订经纪人合同书
  </footer>
  <footer class="fixed" (click)="saveDigitalSignatures()" *ngIf="type == 'eNotice'" style="margin:45px;width:auto;border-radius:60px">
    确认提交
  </footer>
  <div id="page" *ngIf="approveStatus!=null && approveStatus !='-1'">
    <div (click)="goBack()">上一页</div>
    <div (click)="viewNext()">下一页</div>
  </div>
  <footer class="fixed" *ngIf="viewApprovalInfo==1" (click)="returnResult()">
    返回审批结果
  </footer>
</div>
<ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert>
