gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

9
nezha-fronted/src/assets/css/components/common/table/settings/userTable.scss
View File

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

5
nezha-fronted/src/components/common/table/settings/userTable.vue
View File

@@ -32,11 +32,13 @@
:width="`${item.width}`" :width="`${item.width}`"
> >
<template slot="header"> <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> <div class="col-resize-area"></div>
</template> </template>
<template slot-scope="scope" :column="item"> <template slot-scope="scope" :column="item">
<template v-if="item.prop === 'name'"> <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>
<div class="flex-align-center"> <div class="flex-align-center">
<span class="user-name-top">{{scope.row[item.prop]}}</span> <span class="user-name-top">{{scope.row[item.prop]}}</span>
@@ -46,6 +48,7 @@
@{{scope.row.username}} @{{scope.row.username}}
</div> </div>
</div> </div>
</div>
</template> </template>
<template v-else-if="item.prop === 'roles'"> <template v-else-if="item.prop === 'roles'">
<template v-if="scope.row[item.prop]"> <template v-if="scope.row[item.prop]">