<ion-header>
  <ion-toolbar>
    <div class="searchToolBar">
      <button ion-button clear small navPop style="padding: 0;">
        <img class="back-btn" src="./assets/imgs/back.png" />
      </button>
      <ion-title text-center>
        个人信息
      </ion-title>
    </div>
  </ion-toolbar>
</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>
    <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.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">{{contactPersonInfo.email}}</span>
        </div>
      </div>
    </ion-item>
  </ion-list>

  <!-- <button ion-button block class="call-btn" (click)="call()">拨打座机</button> -->

  <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>

</ion-content>