feat(frontend): 实例列表列宽调整 TencentBlueKing#6834

# Reviewed, transaction id: 18911
jinquantianxia · Sep 20, 2024 · e383228 · e383228
1 parent 3f10e12
commit e383228
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/ha-instance-list/components/List.vue b/dbm-ui/frontend/src/views/db-manage/mysql/ha-instance-list/components/List.vue
@@ -176,7 +176,7 @@
         label: t('实例'),
         field: 'instance_address',
         fixed: 'left',
-        minWidth: 200,
+        width: 200,
         showOverflowTooltip: false,
         render: ({ cell, data }: ColumnData) => (
           <TextOverflowLayout>
@@ -227,7 +227,7 @@
       {
         label: t('部署角色'),
         field: 'role',
-        width: 100,
+        width: 140,
         filter: {
           list: columnAttrs.value.role,
           checked: columnCheckedMap.value.role,
@@ -236,7 +236,7 @@
       {
         label: t('所属集群'),
         field: 'master_domain',
-        minWidth: 200,
+        width: 260,
         showOverflowTooltip: false,
         render: ({ cell }: ColumnData) => (
           <TextOverflowLayout>
@@ -256,7 +256,7 @@
       {
         label: t('集群名称'),
         field: 'cluster_name',
-        minWidth: 200,
+        width: 180,
         showOverflowTooltip: false,
         render: ({ cell, data }: ColumnData) => (
           <TextOverflowLayout>
@@ -286,7 +286,7 @@
       {
         label: t('部署时间'),
         field: 'create_at',
-        width: 250,
+        width: 240,
         sort: true,
         render: ({ data }: { data: TendbhaInstanceModel }) => data.createAtDisplay || '--',
       },

diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list-instance/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list-instance/components/list/Index.vue
@@ -142,7 +142,7 @@
         label: t('实例'),
         field: 'instance',
         fixed: 'left',
-        minWidth: 200,
+        width: 200,
         showOverflowTooltip: false,
         render: ({ data }: IColumn) => (
           <TextOverflowLayout>
@@ -188,6 +188,7 @@
       {
         label: t('部署角色'),
         field: 'role',
+        width: 140,
         filter: {
           list: columnAttrs.value.role,
           checked: columnCheckedMap.value.role,
@@ -196,7 +197,7 @@
       {
         label: t('所属集群'),
         field: 'master_domain',
-        minWidth: 200,
+        width: 260,
         showOverflowTooltip: false,
         render: ({ data }: {data: TendbInstanceModel}) => (
           <TextOverflowLayout>
@@ -215,7 +216,7 @@
       {
         label: t('集群名称'),
         field: 'cluster_name',
-        minWidth: 200,
+        width: 180,
         showOverflowTooltip: false,
         render: ({ data }: {data: TendbInstanceModel}) => (
           <TextOverflowLayout>
@@ -254,7 +255,7 @@
         label: t('操作'),
         field: '',
         fixed: 'right',
-        width: 140,
+        width: 100,
         render: ({ data }: { data: TendbInstanceModel }) => (
           <auth-button
             action-id="tendbcluster_view"