fix:修复列配置后左侧table无法对齐列的问题

This commit is contained in:
qiuchengw
2025-09-24 20:30:29 +08:00
parent ade1d81c95
commit 7309865af0
4 changed files with 45 additions and 21 deletions
+10 -9
View File
@@ -39,13 +39,9 @@ const { t } = useI18n()
// 计算可见的列配置
const visibleColumns = computed(() => {
const columns = props.taskListConfig?.columns || DEFAULT_TASK_LIST_COLUMNS
const showAllColumns = props.taskListConfig?.showAllColumns ?? true
if (!showAllColumns) {
return columns.filter(col => col.visible !== false)
}
return columns
// 过滤出可见的列(visible !== false
return columns.filter(col => col.visible !== false)
})
// 内部响应式任务列表
@@ -400,14 +396,19 @@ onUnmounted(() => {
<template>
<div class="task-list">
<div class="task-list-header">
<!-- 任务名称列始终显示 -->
<div class="col col-name">
{{ (t as any).taskName || '任务名称' }}
</div>
<!-- 可配置的其他列 -->
<div
v-for="column in visibleColumns"
:key="column.type"
:key="column.key"
class="col"
:class="column.cssClass"
:class="column.cssClass || `col-${column.key}`"
:style="column.width ? { width: column.width + 'px' } : undefined"
>
{{ (t as any)[column.key] }}
{{ column.label || (t as any)[column.key] }}
</div>
</div>
<div class="task-list-body" @scroll="handleTaskListScroll">
+1 -1
View File
@@ -392,7 +392,7 @@ onUnmounted(() => {
v-for="column in columns"
:key="column.key"
class="col"
:class="`col-${column.key}`"
:class="column.cssClass || `col-${column.key}`"
>
<!-- 里程碑分组显示空列 -->
<template v-if="isMilestoneGroup">