CN-1293 fix:Administration> Operation Log页面,仅保留ID一列时,表格样式异常
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
@@ -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
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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'),
|
||||||
|
|||||||
@@ -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
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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) {
|
||||||
|
|||||||
Reference in New Issue
Block a user