feat(任务列表):显示任务优先级分数

每个任务项左侧增加绿色圆形 priority 徽标,直观展示计算后的优先级分数高低。
列表项行内布局增加弹性布局适配徽标 + 标题并排显示。
This commit is contained in:
2026-07-04 23:58:53 +08:00
parent a63942d105
commit 5986b3996b
+21 -1
View File
@@ -292,7 +292,10 @@ onMounted(() => {
:class="{ active: selectedTaskId === item.taskId }" :class="{ active: selectedTaskId === item.taskId }"
@click="selectedTaskId = item.taskId" @click="selectedTaskId = item.taskId"
> >
<p class="task-name">{{ item.title }}</p> <p class="task-name">
<span class="task-priority">{{ item.priority }}</span>
{{ item.title }}
</p>
<p class="task-meta">状态{{ item.lastLearningStatus }}</p> <p class="task-meta">状态{{ item.lastLearningStatus }}</p>
</div> </div>
</el-scrollbar> </el-scrollbar>
@@ -528,6 +531,23 @@ onMounted(() => {
margin: 0; margin: 0;
font-size: 15px; font-size: 15px;
font-weight: 600; font-weight: 600;
display: flex;
align-items: center;
gap: 8px;
}
.task-priority {
flex-shrink: 0;
width: 28px;
height: 28px;
border-radius: 8px;
background: var(--green-600);
color: #fff;
font-size: 12px;
font-weight: 700;
display: inline-flex;
align-items: center;
justify-content: center;
} }
.task-meta { .task-meta {