fix: dom calc error

apache · Jan 17, 2024 · 9e97dd8 · 9e97dd8
1 parent fe3bc08
commit 9e97dd8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/streampark-console/streampark-console-webapp/src/views/flink/app/View.vue b/streampark-console/streampark-console-webapp/src/views/flink/app/View.vue
@@ -167,7 +167,7 @@
         },
       );
       Object.assign(titleLenRef.value, stateLenMap);
-      console.log('dataSource', dataSource);
+
       return dataSource;
     },
     fetchSetting: { listField: 'records' },

diff --git a/streampark-console/streampark-console-webapp/src/views/flink/app/components/State.tsx b/streampark-console/streampark-console-webapp/src/views/flink/app/components/State.tsx
@@ -158,9 +158,11 @@ export default defineComponent({
       const dom = document.createElement('span');
       dom.style.display = 'inline-block';
       dom.style.fontSize = '10px';
+      dom.style.padding = '0 3px';
+      dom.style.borderRadius = '1px';
       dom.textContent = props.maxTitle;
       document.body.appendChild(dom);
-      const width = dom.clientWidth;
+      const width = dom.clientWidth + 2;
       document.body.removeChild(dom);
       return width;
     });
@@ -177,7 +179,7 @@ export default defineComponent({
     };
     const getStyle = computed(() => {
       if (tagWidth.value > 0) {
-        return { minWidth: `${tagWidth.value}px`, textAlign: 'center' };
+        return { width: `${tagWidth.value}px`, textAlign: 'center' };
       }
       return {};
     });