perf: 头像标签部门过长显示优化

This commit is contained in:
kuaifan 2022-11-22 18:11:48 +08:00
parent 5c25bdfa91
commit e198670132
2 changed files with 7 additions and 1 deletions

View File

@ -8,7 +8,7 @@
<div slot="content" class="common-avatar-transfer">
<slot/>
<p>{{$L('昵称')}}: {{user.nickname}}<em v-if="user.delete_at" class="deleted no-dark-content">{{$L('已删除')}}</em><em v-else-if="user.disable_at" class="disabled no-dark-content">{{$L('已离职')}}</em></p>
<p>{{$L('部门')}}: {{user.department_name || '-'}}</p>
<p class="department-name" :title="user.department_name || ''">{{$L('部门')}}: {{user.department_name || '-'}}</p>
<p>{{$L('职位/职称')}}: {{user.profession || '-'}}</p>
<p v-if="user.delete_at"><strong>{{$L('删除时间')}}: {{user.delete_at}}</strong></p>
<p v-else-if="user.disable_at"><strong>{{$L('离职时间')}}: {{user.disable_at}}</strong></p>

View File

@ -80,6 +80,12 @@
line-height: 1.5;
> p {
padding: 1px 2px;
&.department-name {
max-width: 220px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
> em {
font-style: normal;
&.disabled,