wanma-benteng
/
new-admin-view
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

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

52
src/views/marketing/agent/agent/new_index.vue
View File

@ -46,11 +46,11 @@
row-key="id" row-key="id"
lazy lazy
:load="load" :load="load"
highlight-current-row
:tree-props="{children: 'children', hasChildren: 'children_count'}" :tree-props="{children: 'children', hasChildren: 'children_count'}"
show-header 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"> <el-table-column label="用户信息" min-width="230" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="user-content" v-if="scope.row.user"> <div class="user-content" v-if="scope.row.user">
@ -85,9 +85,9 @@
</div> </div>
</template> </template>
</el-table-column> </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"> <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"> <div class="user-avatar">
<img :src="scope.row.parent.avatar || moren" /> <img :src="scope.row.parent.avatar || moren" />
</div> </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> </style>