<div class="detail display_flex justify-content_flex-center align-items_center" *ngIf="!maskFlag">
  <div class="modalBody">
    <div class="title">查看用户信息<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
    <div class="content">
      <div class="top display_flex justify-content_space-between align-items_center">
        <span>{{userInfo.name?userInfo.name:''}}</span>
        <span>{{userInfo.account?userInfo.account:''}}</span>
      </div>
      <div class="info">
        <div nz-row>
          <div class="left" nz-col nzSpan="12">
            <div class="item display_flex  justify-content_space-between align-items_flex-start">
              <span>所属科室</span>
              <span>{{userInfo.dept?userInfo.dept.dept:''}}</span>
            </div>
          </div>
          <div class="right" nz-col nzSpan="12">
            <div class="item display_flex  justify-content_space-between align-items_flex-start">
              <span>手机号码</span>
              <span>{{userInfo.phone?userInfo.phone:''}}</span>
            </div>
          </div>
        </div>
        <div nz-row>
          <div class="left" nz-col nzSpan="12">
            <div class="item display_flex  justify-content_space-between align-items_flex-start">
              <span>性别</span>
              <span>{{userInfo.gender?userInfo.gender.name:''}}</span>
            </div>
          </div>
          <div class="right" nz-col nzSpan="12">
            <div class="item display_flex  justify-content_space-between align-items_flex-start">
              <span>用户类型</span>
              <span>{{userInfo['usertype']?userInfo['usertype']['name']:''}}</span>
            </div>
          </div>
        </div>
        <div nz-row>
          <div class="left" nz-col nzSpan="12">
            <div class="item display_flex  justify-content_space-between align-items_flex-start">
              <span>所属组</span>
              <span>
                <span *ngFor="let data of userInfo.group;let i=index;">
                  <span *ngIf="i!=userInfo.group.length-1">{{data.groupName}},</span>
                  <span *ngIf="i==userInfo.group.length-1">{{data.groupName}}</span>
                </span>
              </span>
            </div>
          </div>
          <div class="right" nz-col nzSpan="12">
            <div class="item display_flex  justify-content_space-between align-items_flex-start">
              <span>微信</span>
              <span>{{userInfo.weixin}}</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="display_flex justify-content_flex-center">
      <button class="know" nz-button nzType="primary" nzGhost (click)="hideModal()">知道了</button>
    </div>
  </div>
</div>
<!-- 遮罩 -->
<app-mask *ngIf="maskFlag"></app-mask>
