<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 !=1" style="width: 1px;height: 100%;margin: 0 auto;border-right:4px dashed #dcdcdc;"/> 
      </div>
      <div class="right">
        <div>
          <span style="font-size: 18px;color: #000;font-weight: 700;">{{recordsItem.approveStepName}}</span>
          <span *ngIf="recordsItem.rejectNote" (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;position: relative;"
        *ngIf="recordsItem.interviewAssessment && recordsItem.interviewAssessment.length < 32">
          {{recordsItem.interviewAssessment.substr(0,recordsItem.interviewAssessment.length)}}
        </div>
        <div style="background: #fafafa;border-radius: 5px;padding: 10px;position: relative;" (click)="open(recordsItem)"
        *ngIf="recordsItem.interviewAssessment && recordsItem.interviewAssessment.length > 32 && !recordsItem.actived">
          {{recordsItem.interviewAssessment.substr(0,32)}} ...
          <span class="icon-ar-r iconfont" style="position: absolute;right: 5px;bottom: 5px;"></span>
        </div>
        <div style="background: #fafafa;border-radius: 5px;padding: 10px;position: relative;" (click)="open(recordsItem)"
        *ngIf="recordsItem.interviewAssessment && recordsItem.interviewAssessment.length >32 && recordsItem.actived">
          {{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" cols="10" rows="5" class="form-control" [(ngModel)]="this.remark" disabled style="margin-top: 10px;"></textarea>
    </div>
    <div (click)="this.isShow = false;" style="margin-top: 20px;text-align: center;">
      关闭
    </div>
    
  </div>
<div class="footer" style="justify-content: center;">
  <span class="iconfont icon-fanhui" (click)="prev()"></span>
  <div (click)="jumpToDetail()">查看资料<span *ngIf="viewApprovalInfo == 0">并审批</span></div>
</div>

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