NEZ-665 fix: 列宽调整

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

@@ -168,7 +168,7 @@ export default {
           label: 'ID',
           prop: 'id',
           show: true,
-          width: 80,
+          width: 160,
           sortable: 'custom'
         }, {
           label: this.$t('alert.rule'),

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

@@ -4,6 +4,7 @@
     ref="dataTable"
     :data="tableData"
     :height="height"
+    tooltip-effect="light"
     border
     @header-dragend="dragend"
     @sort-change="tableDataSort"
@@ -27,6 +28,7 @@
       :sort-orders="['ascending', 'descending']"
       :sortable="item.sortable"
       :width="`${item.width}`"
+      :show-overflow-tooltip="item.prop === 'description'"
       class="data-column"
     >
       <template slot="header">

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

@@ -95,34 +95,38 @@ export default {
           prop: 'id',
           show: true,
           width: 80,
-          sortable:'custom'
+          sortable: 'custom'
         }, {
           label: this.$t('config.assetLabel.name'),
           prop: 'name',
           show: true,
-          width: 100,
+          sortable: 'custom'
-          sortable:'custom'
         }, {
           label: this.$t('config.assetLabel.key'),
           prop: 'metaKey',
           show: true,
-          sortable:'custom'
+          width: 200,
+          sortable: 'custom'
         }, {
           label: this.$t('config.assetLabel.group'),
           prop: 'group',
           show: true,
-          sortable:'custom'
+          width: 200,
+          sortable: 'custom'
         }, {
           label: this.$t('config.assetLabel.search'),
           prop: 'search',
+          width: 120,
           show: true
         }, {
           label: this.$t('config.assetLabel.display'),
           prop: 'display',
+          width: 120,
           show: true
         }, {
           label: this.$t('config.assetLabel.type'),
           prop: 'type',
+          width: 150,
           show: true
         }, {
           label: this.$t('config.assetLabel.params'),

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

@@ -95,24 +95,24 @@ export default {
           label: this.$t('config.model.name'),
           prop: 'name',
           show: true,
-          width: 450,
+          width: 350,
           sortable: 'custom'
         }, {
           label: this.$t('config.model.brand'),
           prop: 'brand',
           show: true,
-          width: 160,
+          width: 200,
+          sortable: 'custom'
+        }, {
+          label: this.$t('config.model.assetNum'),
+          prop: 'assetNum',
+          show: true,
+          width: 120,
           sortable: 'custom'
         }, {
           label: this.$t('config.model.remark'),
           prop: 'remark',
           show: true
-        }, {
-          label: this.$t('config.model.assetNum'),
-          prop: 'assetNum',
-          show: true,
-          width: 200,
-          sortable: 'custom'
         }
       ]
     }

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

@@ -104,31 +104,31 @@ export default {
           label: this.$t('project.module.type'),
           prop: 'type',
           show: false,
-          width: 150
+          width: 200
         }, {
           label: this.$t('project.project.projectName'),
           prop: 'project',
           show: true,
-          width: 150,
+          width: 200,
           sortable: 'custom'
         },
         {
           label: this.$t('project.endpoint.endpoint'),
           prop: 'endpointNum',
           show: true,
-          width: 150,
+          width: 200,
           sortable: 'custom'
         }, {
           label: this.$t('project.module.alerts'),
           prop: 'alertNum',
           show: true,
-          width: 150,
+          width: 200,
           sortable: 'custom'
         },
         {
           label: this.$t('overall.remark'),
           prop: 'remark',
-          show: false,
+          show: true,
           minWidth: 150
         }
       ]