优化:运营中心 - 下级信息高亮显示,部分样式优化

This commit is contained in:
wuhui_zzw 2024-03-22 13:45:41 +08:00
parent 3849be53f2
commit a1fb03a6b7
1 changed files with 48 additions and 4 deletions

View File

@ -46,11 +46,11 @@
row-key="id"
lazy
:load="load"
highlight-current-row
:tree-props="{children: 'children', hasChildren: 'children_count'}"
show-header
>
<el-table-column label="ID" prop="id" min-width="80" align="center"/>
<el-table-column min-width="60" align="center"/>
<el-table-column label="ID" prop="id" min-width="50" align="center"/>
<el-table-column label="用户信息" min-width="230" align="center">
<template slot-scope="scope">
<div class="user-content" v-if="scope.row.user">
@ -85,9 +85,9 @@
</div>
</template>
</el-table-column>
<el-table-column label="归属" min-width="230" align="center">
<el-table-column label="上级" min-width="230" align="center">
<template slot-scope="scope">
<div class="user-content" v-if="scope.row.pid > 0">
<div class="user-content up-content" v-if="scope.row.pid > 0">
<div class="user-avatar">
<img :src="scope.row.parent.avatar || moren" />
</div>
@ -323,4 +323,48 @@ export default {
}
}
}
//
/deep/ .el-table .el-table__expand-icon{
width: 50px !important;
height: 50px;
font-size: 30px;
font-weight: bold;
line-height: 50px;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
/deep/ .el-table__row.el-table__row--level-1{
background: #fff5f3!important;
.up-content{
display: none!important;
}
.user-content{
--user-content-height-: 60px!important;
.user-info{
.nickname{
font-size: 13px!important;
font-weight: unset!important;
.user-id{
height: 15px;
line-height: 16px;
font-size: 12px;
padding: 0 3px;
border-radius: 3px;
}
}
.agent-type-text{
.el-tag--small{
height: 15px !important;
line-height: 15px!important;
padding: 0 3px!important;
}
}
}
}
}
</style>