<div class="wrapper">
  <div class="title">
    <div><span class="line"></span>申请人基本资料</div>
    <span class="page_mark"> 1/11</span>
  </div>
  <div class="content">
    <div class="contentDetail employ">
      <div class="contentItem">
        <span>姓名</span>
        <input type="text" class="form-control" [(ngModel)]="editEmployBasicInfo.name" (blur)="bs(2)"
        [disabled]="approveStatus!=null && approveStatus!='-1'">
      </div>
      <div class="contentItem">
        <span>证件类型</span>
        <select class="form-control" (ngModelChange)="idTypeChange($event);bs(null)" [ngModel]="editEmployBasicInfo.idTypeId"
        [disabled]="approveStatus!=null && approveStatus!='-1'">
          <option value=null>请选择</option>
          <option [value]="idType.id" *ngFor="let idType of this.idTypesList">
            {{idType.name}}
          </option>
        </select>
      </div>
      <div class="contentItem">
        <span>证件号</span>
        <input type="text" class="form-control" (blur)="bs(1)" [(ngModel)]="editEmployBasicInfo.idNo"
        [disabled]="approveStatus!=null && approveStatus!='-1'">
      </div>
          <List [className]="'date-picker-list'">
            <ListItem
              DatePicker
              [extra]="currentDateFormat(showPractitionerBirthdate, 'yyyy-mm-dd')"
              [arrow]="'horizontal'"
              [mode]="'date'"
              [minDate] ="minDate"
              [maxDate] = "maxDate"
              [(ngModel)]="showPractitionerBirthdate"
              (onOk)="onOk($event)"
              [disabled]="editEmployBasicInfo.idTypeId==1 || (approveStatus!=null && approveStatus!='-1')"
            >
            出生日期
            </ListItem>
          </List>
    
      <div class="contentItem">
        <span>性别</span>
        <select class="form-control" [(ngModel)]="editEmployBasicInfo.gender" 
        [disabled]="editEmployBasicInfo.idTypeId==1 || (approveStatus!=null && approveStatus!='-1')" (blur)="bs(null)">
          <option value=null>请选择</option>
          <option value='1'>男</option>
          <option value="2">女</option>
        </select>
        
      </div>
      <div class="contentItem">
        <span>户籍</span>
        <div>
          <span class="cursor" (click)="selectedArea(1)">
            <span
              *ngIf="!addressInfo || addressInfo && !addressInfo?.province?.value">请选择</span>
            <span *ngIf="addressInfo">{{addressInfo?.province?.value}}{{addressInfo?.city?.value ? " - "+addressInfo?.city?.value : ''}}</span>
            <i class="iconfont icon-xiangxia" style="margin-left: 14px;color: #8a8a8a;font-size: 14px;"></i>
         </span>
            <ydlife-picker *ngIf="houseFlag" [provinceLists]="provinces" [limitStep]="areaLimitStep"
                        (selectedArea)="getAreaInfo($event,1)"></ydlife-picker>
        </div>
      </div>
      <div class="contentItem">
        <span>居住地址</span>
        <div>
          <input type="text" class="form-control" [(ngModel)]="editEmployBasicInfo.residentAddress" (blur)="bs(3)"
          [disabled]="approveStatus!=null && approveStatus!='-1'">
        </div>
      </div>
      <div class="contentItem">
        <span>E-mail</span>
          <div><input type="text" class="form-control" [(ngModel)]="editEmployBasicInfo.email" (blur)="bs(4)"
            [disabled]="approveStatus!=null && approveStatus!='-1'"></div>
      </div>
    </div>
  </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-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert>