|  |  |  | 
|---|
|  |  |  | {{title}} | 
|---|
|  |  |  | </h2> | 
|---|
|  |  |  | <div class="user"> | 
|---|
|  |  |  | <span style="font-size: 13px">{{ userInfo.company.name }}</span> | 
|---|
|  |  |  | <el-dropdown trigger="click"> | 
|---|
|  |  |  | <span class="el-dropdown-link"> | 
|---|
|  |  |  | <img v-if="userInfo != null" :src="userInfo.avatar == null ? '@/assets/images/avatar/man.png' : userInfo.avatar" alt="">{{userInfo | displayName}}<i class="el-icon-arrow-down el-icon--right"></i> | 
|---|
|  |  |  | 
|---|
|  |  |  | if (userInfo == null) { | 
|---|
|  |  |  | return '' | 
|---|
|  |  |  | } | 
|---|
|  |  |  | if (userInfo.realname != null && userInfo.realname.trim().length > 0) { | 
|---|
|  |  |  | return userInfo.realname | 
|---|
|  |  |  | } | 
|---|
|  |  |  | // if (userInfo.realname != null && userInfo.realname.trim().length > 0) { | 
|---|
|  |  |  | //   return userInfo.realname | 
|---|
|  |  |  | // } | 
|---|
|  |  |  | return userInfo.username | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | width: 50%; | 
|---|
|  |  |  | flex-shrink: 0; | 
|---|
|  |  |  | text-align: right; | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | justify-content: flex-end; | 
|---|
|  |  |  | text { | 
|---|
|  |  |  | font-size: 18px !important; | 
|---|
|  |  |  | color: #222222; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .el-dropdown-link { | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | display: flex; | 
|---|