<div class="wrapper">
  <!-- <div style="font-size: 20px;" (click)="goBack()"> &lt; </div> -->
  <div class="record_wrapper">
    <div class="record_content" *ngFor="let recordsItem of recordsList" style="overflow: hidden;">
      <div class="left">
        <img [src]="getDefaultHeadImg(recordsItem.headImagePath)" alt="头像">
        <img class="status" *ngIf="recordsItem.approvingStatusId ==1"
        src="assets/images/pass.png" />
        <img class="status" *ngIf="recordsItem.approvingStatusId ==0"
        src="assets/images/refuse.png"/>
        <div class="line" *ngIf="recordsItem.approvingStatusId ==1"></div>
        <hr *ngIf="recordsItem.approvingStatusId !=0" style="width: 1px;height: 100%;margin: 0 auto;border-right:8px dashed #f3f3f3;"/> 
      </div>
      <div class="right">
        <div>
          <span style="font-size: 18px;color: #000;font-weight: 700;">{{recordsItem.approveStepName}}</span>
          <span (click)="lookRemark(recordsItem.rejectNote)"> <i class="iconfont icon-ziliao" style="position: relative;top: 1px;" ></i> 查看备注</span>
        </div>
        <div style="font-size: 16px;">
          <span>
            {{recordsItem.approvingPractitionerName}} （{{recordsItem.approvingStatus}}）
          </span>
          <span>
            {{recordsItem.hiringAt?recordsItem.hiringAt.substr(0,10):null}}
          </span>
        </div> 
        <div style="background: #fafafa;border-radius: 5px;padding: 10px;"
        *ngIf="recordsItem.interviewAssessment">
          {{recordsItem.interviewAssessment}}
        </div> 
      </div>
    </div>
  </div>
  <div class="toastWrapper toast" *ngIf="isShow" (click)="this.isShow = false;"></div>
  <div class="editContainer" *ngIf="isShow">
    <div>
      <div>备注</div>
      <textarea type="text" id="remark" class="form-control" [(ngModel)]="this.remark" disabled></textarea>
    </div>
  </div>
<div class="footer" (click)="jumpToDetail()">
  查看资料
</div>

<ydlife-toast *ngIf="toastDialog" [toastInfo]="toastInfo"></ydlife-toast>
