<ion-header>
  <ion-navbar>
    <ion-title text-center>个人信息</ion-title>
  </ion-navbar>
</ion-header>
<ion-content class="content">

  <div class="content-title">
    基础信息（如需修改请联系人事处）
  </div>
  <ion-list>
    <ion-item>
      <div class="info-item">
        <span class="info-span">头像</span>
        <div class="photo-box">
          <img *ngIf="user?.userDetail?.user?.picUrl == ''" src="./assets/imgs/head.png" class="img">
          <img *ngIf="user?.userDetail?.user?.picUrl != ''" src="{{picture+user?.userDetail?.user?.picUrl}}" class="img">
        </div>
      </div>
    </ion-item>
    <ion-item>
      <div class="info-item">
        <span class="info-span">姓名/性别</span>
        <div>
          <span class="info">{{user?.userName}}</span>
          <ion-icon name="male" class="contact-sex male" *ngIf="gender == null || gender == '1'"></ion-icon>
          <ion-icon name="female" class="contact-sex female" *ngIf="gender == 0"></ion-icon>
        </div>
      </div>
    </ion-item>
    <ion-item>
      <div class="info-item">
        <span class="info-span">部门</span>
        <div>
          <span class="info">{{orgName}}</span>
          <!-- <ion-icon name="ios-arrow-forward" class="icon-more"></ion-icon> -->
        </div>
      </div>
    </ion-item>
    <ion-item class="info-item">
      <div class="info-item">
        <span class="info-span">手机（已绑定）</span>
        <div>
          <span class="info">{{user?.userDetail?.user.mobile}}</span>
        </div>
      </div>
    </ion-item>
  </ion-list>
  <div class="content-title">
    补充信息（可编辑）
  </div>
  <ion-list>
    <ion-item>
      <div class="info-item">
        <span class="info-span">房间号</span>
        <div class="info-item-content">
          <span class="info">{{user?.userDetail?.user.abbreviation}}</span>
          <img src="./assets/imgs/edit.png" class="edit" (click)="edit(1)">
        </div>
      </div>
    </ion-item>
    <ion-item>
      <div class="info-item">
        <span class="info-span">座机</span>
        <div class="info-item-content">
          <span class="info">{{user?.userDetail?.user.telephone}}</span>
          <img src="./assets/imgs/edit.png" class="edit" (click)="edit(2)">
        </div>
      </div>
    </ion-item>

    <ion-item>
      <div class="info-item">
        <span class="info-span">邮箱</span>
        <div class="info-item-content">
          <span class="info">{{user?.userDetail?.user.email}}</span>
          <img src="./assets/imgs/edit.png" class="edit" (click)="edit(3)">
        </div>
      </div>
    </ion-item>
  </ion-list>

  <!-- <button ion-button block class="save">保存信息</button> -->
  <!--<button ion-button block class="save" (click)="modifyPwd()">修改密码</button>-->
  <button class="submit-btn submit" (click)="modifyPwd()">修改密码</button>
</ion-content>