<div class="modal-header">
  <h4 class="modal-title pull-left">签名确认</h4>
</div>
<div class="modal-body">
  <div class="card card-default">
    <div class="card-body">
      <div class="wd-xl wd-sm">
        <span style="margin-bottom: 3px;color: #0EB0C9;">准考名单</span>
      </div>
      <div class="table-responsive bg-white table-full" style="margin-top: 2px;">
        <table class="table table-striped table-hover table-bordered">
          <thead>
          <tr>
            <th>排名</th>
            <th>姓名</th>
            <th>报名号</th>
            <th>考生类别</th>
          </tr>
          </thead>
          <tbody>
          <tr *ngFor="let v of pager.getRecords(); let i = index">
            <td>{{v.review_level}}</td>
            <td>{{v.std_name}}</td>
            <td>{{v.exam_id}}</td>
            <td [innerHTML]="v.std_edu | frameDict:'StdEduType'"></td>
          </tr>
          </tbody>
        </table>
        <frame-pager [url]="'./final/review/aspect/std/pass/page.htm'" 
              [pagerParams]="{batch_id: this.ResponseEntity.batch_id,pass_type: 'passed'}" #pager></frame-pager>
      </div>
    </div>
  </div>
  <!--签名区域-->
  <div style="margin: 2px;align-content: center;width: 100%;height: 100%;text-align: center;">
    <!-- <signature-pad [options]="signaturePadOptions" (onBeginEvent)="drawStart()" (onEndEvent)="drawComplete()" #signaturePad></signature-pad> -->
    <!--签名区域-->
    <div class="js-signature" style="margin: 2px;width: 800px;height: 300px;display: inline-block;"
        data-width="700"
        data-height="300"
        data-border="1px solid #0EB0C9"
        data-background="#ffffff"
        data-line-color="#000000"
        data-auto-fit="true">
    </div>  
  </div>
</div>
<div class="modal-footer">
  <button class="btn btn-primary" type="button"  (click)="doSignConfirm()">确认提交</button>
  <button class="btn btn-primary" type="button" (click)="goBack()">返回修改</button>
</div>
