优化:运营中心 - 下级信息高亮显示,部分样式优化
This commit is contained in:
parent
3849be53f2
commit
a1fb03a6b7
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue