<div class="wrapper">
  <div class="title">
    <div><span class="line"></span>工作经历</div>
    <span class="page_mark"> 2/8</span>
  </div>
  <div class="content" *ngIf="approveStatus==null || approveStatus=='-1'">
    <div class="contentDetail employ">
      <div class="contentItem">
        <span>工作单位</span>
        <input type="text" class="form-control" [(ngModel)]="addExperience.workingCompany" [disabled]="approveStatus!=null && approveStatus!='-1'"/>
      </div>
      <div class="contentItem">
        <span>职位</span>
        <input type="text" class="form-control" [(ngModel)]="addExperience.position" [disabled]="approveStatus!=null && approveStatus!='-1'"/>
      </div>
      <List [className]="'date-picker-list'">
        <ListItem
          DatePicker
          [extra]="currentDateFormat(showworkingStart, 'yyyy-mm-dd')"
          [arrow]="'horizontal'"
          [mode]="'date'"
          [minDate] ="minDate"
          [(ngModel)]="showworkingStart"
          (onOk)="onOk($event,'start')"
          (onDismiss) = "onDismiss($event,'start')"
          [disabled]="approveStatus!=null && approveStatus!='-1'"
        >
        任职起始时间
        </ListItem>
      </List>
      <List [className]="'date-picker-list'">
        <ListItem
          DatePicker
          [extra]="currentDateFormat(showworkingEnd, 'yyyy-mm-dd')"
          [arrow]="'horizontal'"
          [mode]="'date'"
          [(ngModel)]="showworkingEnd"
          (onOk)="onOk($event,'end')"
          (onDismiss) = "onDismiss($event,'end')"
          [disabled]="approveStatus!=null && approveStatus!='-1'"
        >
        任职结束时间
        </ListItem>
      </List>
    </div>
  </div>

  <div class="add_wrapper" *ngIf="approveStatus==null || approveStatus=='-1'">
    <i class="iconfont icon-jiahao" (click)="addExperienceList()"></i>
    <span>确认并添加</span>
  </div>

  <div class="experience_list" *ngIf="experienceList?.length>0">
    <ul *ngFor="let experienceItem of experienceList;index as i;">
      <div style="font-size: 18px;font-weight: bold;margin-bottom: 5px;">经历 {{i+1}}</div>  
      <li>
        <span>工作单位</span>
        <span>{{experienceItem.workingCompany}}</span>
      </li>
      <li>
        <span>职位</span>
        <span>{{experienceItem.position}}</span>
      </li>
      <li>
        <span>任职起始时间</span>
        <span>{{experienceItem.workingStart}}</span>
      </li>
      <li>
        <span>任职结束时间</span>
        <span>{{experienceItem.workingEnd?experienceItem.workingEnd:'至今'}}</span>
      </li>
    </ul>
  </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>
<ydlife-toast *ngIf="toastDialog" [toastInfo]="toastInfo"></ydlife-toast>
<ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert>

