From d0c2dc56e4db0851b937da4fe88a969b8581954e Mon Sep 17 00:00:00 2001
From: qiuchengw <qiuchengw@163.com>
Date: Mon, 1 Dec 2025 17:32:33 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=AF=E6=8C=81TaskList=E7=9A=84showTaskIcon?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TaskList.vue          |  1 +
 src/components/TaskRow.vue           | 23 +++++++++++++++++++++--
 src/models/configs/TaskListConfig.ts |  1 +
 3 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/components/TaskList.vue b/src/components/TaskList.vue
index 695483e..8ff8214 100644
--- a/src/components/TaskList.vue
+++ b/src/components/TaskList.vue
@@ -574,6 +574,7 @@ onUnmounted(() => {
         :columns="visibleColumns"
         :get-column-width-style="getColumnWidthStyle"
         :disable-children-render="true"
+        :show-task-icon="props.taskListConfig?.showTaskIcon"
         @toggle="toggleCollapse"
         @dblclick="handleTaskRowDoubleClick"
         @contextmenu="handleTaskRowContextMenu"
diff --git a/src/components/TaskRow.vue b/src/components/TaskRow.vue
index e5d2d6c..49776b4 100644
--- a/src/components/TaskRow.vue
+++ b/src/components/TaskRow.vue
@@ -38,6 +38,7 @@ interface Props {
   columns: TaskListColumnConfig[]
   getColumnWidthStyle?: (column: { width?: number | string }) => StyleValue
   disableChildrenRender?: boolean
+  showTaskIcon?: boolean // 是否显示任务图标，默认true
 }
 const props = defineProps<Props>()
 const emit = defineEmits([
@@ -332,8 +333,14 @@ onUnmounted(() => {
         <!-- 里程碑分组的占位空间，用于与有折叠按钮的任务对齐 -->
         <span v-if="isMilestoneGroup" class="milestone-spacer"></span>
 
+        <!-- 叶子节点的占位空间（无折叠按钮且无图标显示时） -->
+        <span
+          v-if="!isParentTask && !isMilestoneGroup && showTaskIcon === false"
+          class="leaf-spacer"
+        ></span>
+
         <!-- 任务图标 -->
-        <span class="task-icon">
+        <span v-if="showTaskIcon !== false" class="task-icon">
           <!-- 里程碑分组图标 - 使用菱形图标 -->
           <svg
             v-if="isMilestoneGroup"
@@ -470,7 +477,11 @@ onUnmounted(() => {
         </template>
       </div>
     </div>
-    <template v-if="!props.disableChildrenRender && hasChildren && !props.task.collapsed && !isMilestoneGroup">
+    <template
+      v-if="
+        !props.disableChildrenRender && hasChildren && !props.task.collapsed && !isMilestoneGroup
+      "
+    >
       <TaskRow
         v-for="child in props.task.children"
         :key="child.id"
@@ -482,6 +493,7 @@ onUnmounted(() => {
         :columns="props.columns"
         :get-column-width-style="props.getColumnWidthStyle"
         :disable-children-render="props.disableChildrenRender"
+        :show-task-icon="props.showTaskIcon"
         @toggle="emit('toggle', $event)"
         @dblclick="emit('dblclick', $event)"
         @start-timer="emit('start-timer', $event)"
@@ -665,6 +677,13 @@ onUnmounted(() => {
   margin-right: 4px;
 }
 
+/* 叶子节点占位空间 - 当不显示图标时保持缩进层级 */
+.leaf-spacer {
+  display: inline-flex;
+  width: 20px; /* 18px (折叠按钮宽度) + 2px (额外间距) */
+  height: 18px;
+}
+
 .task-name-text {
   display: inline-block;
   max-width: calc(100% - 24px);
diff --git a/src/models/configs/TaskListConfig.ts b/src/models/configs/TaskListConfig.ts
index ffd9a57..a85d64e 100644
--- a/src/models/configs/TaskListConfig.ts
+++ b/src/models/configs/TaskListConfig.ts
@@ -22,6 +22,7 @@ export interface TaskListColumnConfig {
 export interface TaskListConfig {
   columns?: TaskListColumnConfig[]
   showAllColumns?: boolean // 是否显示所有列，默认true
+  showTaskIcon?: boolean // 是否显示任务图标，默认true
   defaultWidth?: number | string // 默认展开宽度，支持像素数字（如 320）或百分比字符串（如 '30%'），默认320px
   minWidth?: number | string // 最小宽度，支持像素数字（如 280）或百分比字符串（如 '20%'），默认280px，不能小于280px
   maxWidth?: number | string // 最大宽度，支持像素数字（如 1160）或百分比字符串（如 '80%'），默认1160px