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

  <div class="add_wrapper" *ngIf="!approvalIdentity">
    <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: 14px;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}}</span>
      </li>
    </ul>
  </div>
  <footer class="fixed" (click)="next()" *ngIf="!approvalIdentity">
    保存并下一步
  </footer>
  <div id="page" *ngIf="approvalIdentity">
    <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>

