fix: 宽度计算自适应

TencentBlueKing · Dec 2, 2024 · 5be0f4a · 5be0f4a
1 parent fb0309d
commit 5be0f4a
Show file tree

Hide file tree

Showing 3 changed files with 69 additions and 1 deletion.
diff --git a/bklog/web/pnpm-lock.yaml b/bklog/web/pnpm-lock.yaml
diff --git a/bklog/web/src/views/retrieve-v2/search-result-panel/log-result/log-rows.scss b/bklog/web/src/views/retrieve-v2/search-result-panel/log-result/log-rows.scss
@@ -265,6 +265,10 @@
         &.is-hidden {
           display: none;
         }
+
+        &.hidden-field {
+          visibility: hidden;
+        }
       }
     }
 

diff --git a/bklog/web/src/views/retrieve-v2/search-result-panel/log-result/log-rows.tsx b/bklog/web/src/views/retrieve-v2/search-result-panel/log-result/log-rows.tsx
@@ -607,6 +607,11 @@ export default defineComponent({
               {column.renderBodyCell?.({ row, column, rowIndex }, h) ?? column.title}
             </LogCell>
           ))}
+          <LogCell
+            width={operatorToolsWidth.value}
+            class='hidden-field bklog-row-cell'
+            minWidth={operatorToolsWidth.value ?? 'auto'}
+          ></LogCell>
         </div>,
         expand ? expandOption.render({ row }) : '',
       ];