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

src/assets/css/components/views/charts2/networkOverviewTabs.scss

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

src/components/table/administration/OperationLogTable.vue

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

src/components/table/administration/RoleTable.vue

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

src/components/table/administration/UserTable.vue

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

src/views/charts2/charts/networkOverview/NetworkOverviewTabs.vue

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