zdqy_firm_former/src/views/userInfo.vue

<template>
  <el-card class="box-card" style="height: 100%">
    <div ref="body" :style="{ height: getHeight(), width: '100%' }">
      <ibps-list-item-meta>
        <el-avatar
          v-if="data"
          slot="avatar"
          :icon="data.photo === '' ? 'ibps-icon-user-circle' : null"
          :src="getPhoto(data.photo)"
          :size="100"
          style="font-size: 100px; color: #c0c4cc; background: #fff"
        >
          <img
            :src="getPhoto(data.photo)"
            class="photo-img"
            @error="errorAvatarHandler(data)"
          />
        </el-avatar>
        <div slot="title" class="ibps-item-content">
          <span class="ibps-item-content-title"
            >您好！<span v-if="data && data.orgName !== ''"
              >{{ data.orgName }}的</span
            ><label v-if="data && data.fullname !== ''">{{
              data.fullname
            }}</label
            ><label v-if="data && data.gender !== ''">{{
              data.gender | filterStatus('gender')
            }}</label> </span
          ><br /><br />
          <div slot="label" class="ibps-item-content-label">
            <span v-if="data && data.orgName !== ''"
              >所属组织：{{ data.orgName }}<br /><br
            /></span>
            <span v-if="data && data.mobile !== ''"
              >联系电话：{{ data.mobile }}<br /><br
            /></span>
            <span v-if="data && data.email !== ''"
              >邮箱：{{ data.email }}<br /><br
            /></span>
            <span v-if="data && data.address !== ''"
              >地址：{{ data.address }}</span
            >
          </div>
        </div>
      </ibps-list-item-meta>
    </div>
  </el-card>
</template>