NEZ-1931 fix:用户列表增加 在线状态 标识

This commit is contained in:
zhangyu
2022-06-15 13:48:56 +08:00
parent b7bd21a9e4
commit e1ed66c47b
2 changed files with 20 additions and 8 deletions

View File

@@ -22,4 +22,13 @@
font-size: 14px;
line-height: 14px;
}
.user-name-td{
display: flex;
align-items: center;
.user-online{
margin-right: 5px;
margin-left: -10px;
color: #38cc20;
}
}
}

View File

@@ -32,11 +32,13 @@
:width="`${item.width}`"
>
<template slot="header">
<span class="data-column__span">{{item.label}}</span>
<span class="data-column__span" :class="{'margin-l-10': item.prop === 'name'}">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">
<template v-if="item.prop === 'name'">
<div class="user-name-td" :class="{'margin-l-10': !scope.row.online}">
<i class="nz-icon nz-icon-user1 user-online" v-if="scope.row.online"/>
<div>
<div class="flex-align-center">
<span class="user-name-top">{{scope.row[item.prop]}}</span>
@@ -46,6 +48,7 @@
@{{scope.row.username}}
</div>
</div>
</div>
</template>
<template v-else-if="item.prop === 'roles'">
<template v-if="scope.row[item.prop]">