NEZ-771 fix: 修复图表错位问题

nezha-fronted/src/assets/css/common/tableCommon.scss

@@ -301,6 +301,9 @@
   .el-table__body-wrapper {
     overflow: auto;
   }
+  .el-table__fixed-body-wrapper {
+    top: 42px !important;
+  }
   .el-table__body-wrapper, .el-table__fixed-body-wrapper {
     box-shadow: 1px 0 $--right-box-border-color;
 

nezha-fronted/src/components/common/mixin/rightBox.js

@@ -1,17 +0,0 @@
-export default {
-  data () {
-    return {
-      isEdit: false
-    }
-  },
-  mounted () {
-    if (this.isEdit) {
-      window.onbeforeunload = function () {
-        return window.confirm('还没有完成,确认退出吗?')
-      }
-    }
-  },
-  beforeDestroy () {
-    window.onbeforeunload = null
-  }
-}

nezha-fronted/src/components/common/table/alert/alertRuleTable.vue

@@ -99,36 +99,44 @@ export default {
           label: this.$t('alert.alertName'),
           prop: 'name',
           show: true,
+          minWidth: 200,
           sortable: 'custom'
         },
         {
           label: this.$t('alert.config.expr'),
           prop: 'expr',
+          minWidth: 200,
           show: true
         }, {
           label: this.$t('alert.config.operator'),
           prop: 'operator',
+          minWidth: 100,
           show: true
         }, {
           label: this.$t('alert.config.threshold'),
           prop: 'threshold',
+          minWidth: 100,
           show: true
         }, {
           label: this.$t('alert.config.for'),
           prop: 'last',
+          minWidth: 100,
           show: true
         }, {
           label: this.$t('alert.severity'),
           prop: 'severity',
           show: true,
+          minWidth: 100,
           sortable: 'custom'
         }, {
           label: this.$t('alert.summary'),
           prop: 'summary',
+          minWidth: 200,
           show: true
         }, {
           label: this.$t('overall.remark'),
           prop: 'description',
+          minWidth: 200,
           show: true
         }, {
           label: this.$t('alert.alert'),

nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue

@@ -135,6 +135,7 @@ export default {
           label: this.$t('alert.silence.matchers'),
           prop: 'matchers',
           show: true,
+          minWidth: 200,
           sortable: 'custom'
         }, {
           label: this.$t('alert.silence.startTime'),

nezha-fronted/src/components/common/table/asset/assetMetaTable.vue

@@ -101,6 +101,7 @@ export default {
           label: this.$t('config.assetLabel.name'),
           prop: 'name',
           show: true,
+          minWidth: 250,
           sortable: 'custom'
         }, {
           label: this.$t('config.assetLabel.key'),
@@ -132,7 +133,8 @@ export default {
         }, {
           label: this.$t('config.assetLabel.params'),
           prop: 'param',
-          show: false
+          show: false,
+          minWidth: 200
         }
       ]
     }

nezha-fronted/src/components/common/table/settings/agentTable.vue

@@ -91,6 +91,7 @@ export default {
           label: this.$t('config.agent.dataCenter'),
           prop: 'dc',
           show: true,
+          minWidth: 200,
           sortable: 'custom'
         }, {
           label: this.$t('config.agent.host'),
@@ -109,6 +110,7 @@ export default {
           label: this.$t('asset.state'),
           prop: 'status',
           show: true,
+          minWidth: 100,
           sortable: 'custom'
         }, {
           label: this.$t('config.agent.checkTime'),

nezha-fronted/src/components/common/table/settings/chartTmplTable.vue

@@ -86,21 +86,25 @@ export default {
           label: this.$t('config.exprTemp.name'),
           prop: 'name',
           show: true,
+          minWidth: 200,
           sortable: 'custom'
         }, {
           label: this.$t('config.exprTemp.type'),
           prop: 'type',
           show: true,
+          minWidth: 200,
           sortable: 'custom'
         }, {
           label: this.$t('config.exprTemp.varType'),
           prop: 'varType',
           show: true,
+          minWidth: 200,
           sortable: 'custom'
         }, {
           label: this.$t('overall.remark'),
           prop: 'remark',
-          show: true
+          show: true,
+          minWidth: 200,
         }
       ]
     }

nezha-fronted/src/components/common/table/settings/credentialsTable.vue

@@ -98,17 +98,18 @@ export default {
         prop: 'id',
         show: true,
         width: 80,
-        sortable:'custom'
+        sortable: 'custom'
       }, {
         label: this.$t('overall.name'),
         prop: 'name',
         show: true,
-        sortable:'custom'
+        sortable: 'custom'
       }, {
         label: this.$t('config.mib.credential.type'),
         prop: 'type',
         show: true,
-        sortable:'custom'
+        minWidth: 200,
+        sortable: 'custom'
       }, {
         label: this.$t('config.mib.credential.port'),
         prop: 'port',
@@ -116,6 +117,7 @@ export default {
       }, {
         label: this.$t('overall.remark'),
         prop: 'remark',
+        minWidth: 200,
         show: true
       }]
     }

nezha-fronted/src/components/common/table/settings/dcTable.vue

@@ -119,6 +119,7 @@ export default {
           label: this.$t('overall.name'),
           prop: 'name',
           show: true,
+          minWidth: 200,
           sortable: 'custom'
         }, {
           label: this.$t('asset.location'),
@@ -128,11 +129,13 @@ export default {
           label: this.$t('config.dc.cabinetNum'),
           prop: 'cabinetNum',
           show: true,
+          minWidth: 200,
           sortable: 'custom'
         }, {
           label: this.$t('config.dc.assets'),
           prop: 'assetNum',
           show: true,
+          minWidth: 200,
           sortable: 'custom'
         }, {
           label: this.$t('config.dc.alert'),
@@ -158,6 +161,7 @@ export default {
           label: this.$t('config.dc.state'),
           prop: 'state',
           show: true,
+          minWidth: 200,
           sortable: 'custom'
         }
       ]

nezha-fronted/src/components/common/table/settings/endpointTable.vue

@@ -143,6 +143,7 @@ export default {
           label: this.$t('project.endpoint.name'),
           prop: 'name',
           show: true,
+          minWidth: 200,
           sortable: 'custom'
         }, {
           label: this.$t('project.module.type'),
@@ -152,12 +153,14 @@ export default {
           label: this.$t('project.project.projectName'),
           prop: 'project',
           show: true,
+          minWidth: 200,
           sortable: 'custom'
         },
         {
           label: this.$t('project.endpoint.asset'),
           prop: 'asset',
           show: true,
+          minWidth: 200,
           sortable: 'custom'
         },
         {
@@ -180,6 +183,7 @@ export default {
           label: this.$t('project.endpoint.state'),
           prop: 'state',
           show: true,
+          minWidth: 200,
           sortable: 'custom'
         }
         // {

nezha-fronted/src/components/common/table/settings/modelTable.vue

@@ -113,6 +113,7 @@ export default {
         }, {
           label: this.$t('overall.remark'),
           prop: 'remark',
+          minWidth: 200,
           show: true
         }
       ]

nezha-fronted/src/components/common/table/settings/terminalLogTable.vue

@@ -127,15 +127,18 @@ export default {
         }, {
           label: this.$t('config.terminallog.SessionID'),
           prop: 'uuid',
+          minWidth: 200,
           show: true
         }, {
           label: this.$t('config.terminallog.username'),
           prop: 'username',
+          minWidth: 200,
           show: true
         },
         {
           label: this.$t('config.terminallog.source'),
           prop: 'remoteAddr',
+          minWidth: 200,
           show: true
         },
         {
@@ -151,6 +154,7 @@ export default {
         {
           label: this.$t('config.terminallog.startTime'),
           prop: 'startTime',
+          minWidth: 200,
           show: true
         },
         {

nezha-fronted/src/components/page/config/system/apiKeyTable.vue

@@ -137,6 +137,7 @@ export default {
         }, {
           label: this.$t('config.system.apiKey.creatAt'),
           prop: 'createAt',
+          minWidth: 80,
           show: true
         }
       ],