personInfo.html

<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" (click)="tackePic()">
          <img *ngIf="mineInfo?.picUrl == ''" src="./assets/imgs/head.png" class="img">
          <img *ngIf="mineInfo?.picUrl != ''" [src]="picUrl + mineInfo?.picUrl" class="img">
          <ion-icon name="ios-arrow-forward"></ion-icon>
        </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">{{mineInfo?.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.birthDay}}</span>
        </div>
      </div>
    </ion-item>
    <ion-item>
      <div class="info-item">
        <span class="info-span">职务</span>
        <div class="info-item-content">
          <span class="info">{{mineInfo?.job}}</span>
        </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.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">{{user?.userDetail?.user.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">{{user?.userDetail?.user.email}}</span>
        </div>
      </div>
    </ion-item>
  </ion-list>

   <button style="margin-bottom: 0" class="submit-btn submit" (click)="edit()">修改个人信息</button>
  <button class="submit-btn submit" (click)="modifyPwd()">修改密码</button>
</ion-content>