From 3624591645506de7ce173efe7e5c85de4bd2545a Mon Sep 17 00:00:00 2001
From: likunming <likunming@163.com>
Date: Mon, 22 Jan 2024 18:28:07 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E4=BC=98=E5=8C=96=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/platform/components/grid/TreeGridRow.vue            | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/io.sc.platform.core.frontend/src/platform/components/grid/TreeGridRow.vue b/io.sc.platform.core.frontend/src/platform/components/grid/TreeGridRow.vue
index 156b0e5b..7301bc57 100644
--- a/io.sc.platform.core.frontend/src/platform/components/grid/TreeGridRow.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/grid/TreeGridRow.vue
@@ -1,6 +1,6 @@
 <template>
   <q-tr :class="row.selected ? 'selected' : ''">
-    <q-td class="nowrap text-nowrap">
+    <q-td :style="tdWidthComputed" class="nowrap text-nowrap">
       <div class="flex flex-nowrap items-center">
         <!--层级占位符-->
         <span :style="`width:${27 * props.level}px;`"></span>
@@ -93,7 +93,9 @@ const state = reactive({
 });
 
 const tdWidthComputed = computed(() => {
-  return { width: 100 * props.level + 'px' };
+  let width = props.gridProps.checkboxSelection ? 28 * (3 + props.level) : 28 * (2 + props.level);
+  const padding = 8 * 3;
+  return { width: width + padding + 'px', minWidth: width + padding + 'px' };
 });
 
 watch(