CN-1293 fix:Administration> Operation Log页面,仅保留ID一列时,表格样式异常

This commit is contained in:
hyx
2023-09-20 17:24:15 +08:00
parent 94caec9e02
commit 67cb445d82
5 changed files with 30 additions and 14 deletions

View File

@@ -64,6 +64,12 @@
.data-click:hover{ .data-click:hover{
cursor: pointer; cursor: pointer;
} }
.el-table__header {
width:100%;
}
.el-table__body {
width:100%;
}
} }
.dns-in-ex { .dns-in-ex {
display: flex; display: flex;
@@ -103,8 +109,12 @@
.data-click:hover{ .data-click:hover{
cursor: pointer; cursor: pointer;
} }
.el-table__header {
width:100%;
}
.el-table__body { .el-table__body {
height:100%; height:100%;
width:100%;
} }
} }
.tab-table__no-bottom { .tab-table__no-bottom {

View File

@@ -83,7 +83,7 @@ export default {
label: this.$t('config.operationlog.id'), label: this.$t('config.operationlog.id'),
prop: 'id', prop: 'id',
show: true, show: true,
width: 100 minWidth: 100
}, { }, {
label: this.$t('config.operationlog.username'), label: this.$t('config.operationlog.username'),
prop: 'username', prop: 'username',
@@ -133,13 +133,13 @@ export default {
label: this.$t('config.operationlog.params'), label: this.$t('config.operationlog.params'),
prop: 'params', prop: 'params',
show: false, show: false,
width: 150 minWidth: 150
}, },
{ {
label: this.$t('config.operationlog.response'), label: this.$t('config.operationlog.response'),
prop: 'response', prop: 'response',
show: false, show: false,
width: 150 minWidth: 150
} }
] ]
} }

View File

@@ -76,7 +76,7 @@ export default {
label: 'ID', label: 'ID',
prop: 'id', prop: 'id',
show: true, show: true,
width: 100, minWidth: 100,
sortable: 'custom' sortable: 'custom'
}, { }, {
label: this.$t('config.roles.name'), label: this.$t('config.roles.name'),

View File

@@ -93,7 +93,7 @@ export default {
label: 'ID', label: 'ID',
prop: 'id', prop: 'id',
show: true, show: true,
width: 100, minWidth: 100,
sortable: 'custom' sortable: 'custom'
}, { }, {
label: this.$t('config.user.name'), label: this.$t('config.user.name'),
@@ -104,12 +104,12 @@ export default {
label: this.$t('config.user.username'), label: this.$t('config.user.username'),
prop: 'username', prop: 'username',
show: true, show: true,
width: 150 minWidth: 150
}, { }, {
label: this.$t('config.user.roles'), label: this.$t('config.user.roles'),
prop: 'roles', prop: 'roles',
show: true, show: true,
width: 150 minWidth: 150
}, { }, {
label: 'E-mail', label: 'E-mail',
prop: 'email', prop: 'email',
@@ -119,22 +119,22 @@ export default {
label: this.$t('config.user.lastLoginTime'), label: this.$t('config.user.lastLoginTime'),
prop: 'lastLoginTime', prop: 'lastLoginTime',
show: true, show: true,
width: 200 minWidth: 200
}, { }, {
label: this.$t('config.user.lastLoginIp'), label: this.$t('config.user.lastLoginIp'),
prop: 'lastLoginIp', prop: 'lastLoginIp',
show: true, show: true,
width: 150 minWidth: 150
}, { }, {
label: this.$t('config.user.source'), label: this.$t('config.user.source'),
prop: 'source', prop: 'source',
show: true, show: true,
width: 150 minWidth: 150
}, { }, {
label: this.$t('config.user.enable'), label: this.$t('config.user.enable'),
prop: 'status', prop: 'status',
show: true, show: true,
width: 100 minWidth: 100
} }
] ]
} }

View File

@@ -29,7 +29,7 @@
height="100%" height="100%"
empty-text=" " empty-text=" "
@sort-change="((col) => {sortChange(col,tab.prop)})" @sort-change="((col) => {sortChange(col,tab.prop)})"
:key="tabIndex" :key="`tabTable_${tabIndex}`"
> >
<template v-for="(item, index) in customTableTitles"> <template v-for="(item, index) in customTableTitles">
<el-table-column <el-table-column
@@ -39,7 +39,7 @@
:prop="item.prop" :prop="item.prop"
class="data-column" class="data-column"
:ref="item.prop" :ref="item.prop"
:key="index" :key="`column_${index}`"
:width="searchColumnWidth(item.columnType)" :width="searchColumnWidth(item.columnType)"
> >
<template #header > <template #header >
@@ -468,8 +468,14 @@ export default {
return excludeName.indexOf(title.name) > -1 ? false : 'custom' return excludeName.indexOf(title.name) > -1 ? false : 'custom'
}, },
searchColumnWidth (columnType) { searchColumnWidth (columnType) {
let checkedGroup = this.customTableTitles.filter(item => item.checked)
let checkedNum = checkedGroup.length
if (columnType === 'dillDown') { if (columnType === 'dillDown') {
return '217px' if(checkedNum === 1){
return 'auto'
}else if(checkedNum > 1){
return '217px'
}
} }
}, },
async initDropdownList (tabProp) { async initDropdownList (tabProp) {