<ion-header>
  <ion-navbar>
    <ion-title>个人信息</ion-title>
  </ion-navbar>
</ion-header>


<ion-content class="content">

  <!--<ion-list class="list-item">-->
    <!--<ion-item>-->
      <!--<div class="info-item">-->
        <!--<div>-->
          <!--<div>-->
            <!--<span class="info-span">{{contactPersonInfo.name}}</span>-->
            <!--<ion-icon name="male" class="contact-sex male" *ngIf="contactPersonInfo.gender == '1' || contactPersonInfo.gender == null"></ion-icon>-->
            <!--<ion-icon name="female" class="contact-sex female" *ngIf="contactPersonInfo.gender == 0"></ion-icon>-->
          <!--</div>-->
          <!--<span class="info-span">{{contactPersonInfo.orgName}}</span>-->
        <!--</div>-->
        <!--<div>-->
          <!--<img src="./assets/imgs/woman.png" *ngIf="contactPersonInfo.gender == 0" class="contact-img">-->
          <!--<img src="./assets/imgs/man.png" *ngIf="contactPersonInfo.gender == '1' || contactPersonInfo.gender == null " class="contact-img">-->
        <!--</div>-->
      <!--</div>-->
    <!--</ion-item>-->
  <!--</ion-list>-->

  <!--<div class="content-gap"></div>-->

  <ion-list>
    <p class="person-tips">基础信息(如需修改，请联系人事处)</p>
    <ion-item>
      <div class="info-item">
        <span class="info-span">头像</span>
        <div class="info-item-content">

        </div>
      </div>
    </ion-item>
    <ion-item>
      <div class="info-item">
        <span class="info-span">姓名</span>
        <div class="info-item-content">
          <span class="info">{{contactPersonInfo.name}}</span>
        </div>
      </div>
    </ion-item>
    <ion-item>
      <div class="info-item">
        <span class="info-span">手机号</span>
        <div class="info-item-content">
          <span class="info">{{contactPersonInfo.mobile}}</span>
        </div>
      </div>
    </ion-item>
    <ion-item>
      <div class="info-item">
        <span class="info-span">性别</span>
        <div class="info-item-content">
          <span class="info">
            <span *ngIf="contactPersonInfo.gender == '1' || contactPersonInfo.gender == null">男</span>
            <span *ngIf="contactPersonInfo.gender == 0">女</span>
          </span>
        </div>
      </div>
    </ion-item>
    <p  class="person-tips">补充信息</p>
    <ion-item>
      <div class="info-item">
        <span class="info-span">房间号</span>
        <div class="info-item-content">
          <span class="info">{{contactPersonInfo.abbreviation}}</span>
        </div>
      </div>
    </ion-item>
    <ion-item>
      <div class="info-item">
        <span class="info-span">座机</span>
        <div class="info-item-content">
          <span class="info">{{contactPersonInfo.telephone}}</span>
        </div>
      </div>
    </ion-item>


    <ion-item>
      <div class="info-item">
        <span class="info-span">邮箱</span>
        <div class="info-item-content">
          <span class="info">{{contactPersonInfo.email}}</span>
        </div>
      </div>
    </ion-item>
  </ion-list>


  <button class="call-btn" (click)="call(contactPersonInfo.telephone)">拨打座机</button>

  <button class="call-btn" (click)="call(contactPersonInfo.mobile)">拨打手机</button>

  <button class="call-btn" (click)="addcontactPersons()" *ngIf="!contactPersonInfo.hasgeneralpersonsflag">添加常用联系人</button>

  <button class="call-btn" (click)="cancelGenaralPersons()" *ngIf="contactPersonInfo.hasgeneralpersonsflag">移除常用联系人</button>

  <button class="call-btn" (click)="usualContactSet()">设置分组</button>

</ion-content>