From e40de47b8be6a1b5ed898ef85464448d0bc50c68 Mon Sep 17 00:00:00 2001
From: zhenhui <1276357500@qq.com>
Date: Wed, 24 Jun 2026 17:00:46 +0800
Subject: [PATCH] =?UTF-8?q?1.=E4=BC=98=E5=8C=96=E5=90=8E=E5=8F=B0=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/table/fieldRender/buttons.vue  | 39 +++++--------------
 web/src/components/table/index.ts             |  4 +-
 web/src/components/table/index.vue            |  7 ----
 3 files changed, 11 insertions(+), 39 deletions(-)

diff --git a/web/src/components/table/fieldRender/buttons.vue b/web/src/components/table/fieldRender/buttons.vue
index 2be207f..d0edf6e 100644
--- a/web/src/components/table/fieldRender/buttons.vue
+++ b/web/src/components/table/fieldRender/buttons.vue
@@ -1,5 +1,5 @@
 <template>
-    <div v-memo="[field]" class="ba-table-operate-buttons">
+    <div v-memo="[field]">
         <template v-for="(btn, idx) in field.buttons" :key="idx">
             <template v-if="btn.display ? btn.display(row, field) : true">
                 <!-- 常规按钮 -->
@@ -147,34 +147,16 @@ const getTranslation = (key?: string) => {
 </script>
 
 <style scoped lang="scss">
-.ba-table-operate-buttons {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    flex-wrap: nowrap;
-    width: 100%;
-    gap: 0;
-    vertical-align: middle;
-}
 .ba-table-render-buttons-item {
-    width: 40px;
-    min-width: 40px;
-    height: 32px;
-    padding: 0 !important;
-    margin: 0 !important;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
     .text {
-        font-size: 12px;
-        line-height: 1;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        max-width: 100%;
+        font-size: 14px;
     }
     .icon + .text {
-        padding-left: 2px;
+        padding-left: 5px;
+    }
+    &.el-button--small {
+        padding: 4px 5px;
+        height: auto;
     }
 }
 .ba-table-render-buttons-move {
@@ -182,10 +164,9 @@ const getTranslation = (key?: string) => {
 }
 .buttons-popconfirm-reference-box {
     display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 40px;
-    min-width: 40px;
     vertical-align: middle;
 }
+.buttons-ml-6 + .buttons-ml-6 {
+    margin-left: 6px;
+}
 </style>
diff --git a/web/src/components/table/index.ts b/web/src/components/table/index.ts
index af38e17..9fd6f67 100644
--- a/web/src/components/table/index.ts
+++ b/web/src/components/table/index.ts
@@ -152,17 +152,15 @@ export const getButtonsColumnWidth = (buttons?: OptButton[]): number => {
 }
 
 /**
- * 统一操作列：右侧固定，宽度 = 按钮数 × OPERATE_BUTTON_WIDTH
+ * 统一操作列宽度：按钮数 × OPERATE_BUTTON_WIDTH
  */
 export const normalizeButtonsColumn = (column: TableColumn): TableColumn => {
     if (column.render !== 'buttons') {
         return column
     }
-    const className = column.className ? `${column.className} ba-table-operate-column` : 'ba-table-operate-column'
     return {
         ...column,
         fixed: 'right',
         width: getButtonsColumnWidth(column.buttons),
-        className,
     }
 }
diff --git a/web/src/components/table/index.vue b/web/src/components/table/index.vue
index 9b9617f..f2653d8 100644
--- a/web/src/components/table/index.vue
+++ b/web/src/components/table/index.vue
@@ -239,13 +239,6 @@ defineExpose({
     text-overflow: ellipsis;
     white-space: nowrap;
 }
-.ba-data-table :deep(.ba-table-operate-column) {
-    .cell {
-        padding-left: 0;
-        padding-right: 0;
-        overflow: visible;
-    }
-}
 .table-pagination {
     box-sizing: border-box;
     width: 100%;