feat(任务列表):显示任务优先级分数
每个任务项左侧增加绿色圆形 priority 徽标,直观展示计算后的优先级分数高低。 列表项行内布局增加弹性布局适配徽标 + 标题并排显示。
This commit is contained in:
@@ -292,7 +292,10 @@ onMounted(() => {
|
||||
:class="{ active: 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>
|
||||
</div>
|
||||
</el-scrollbar>
|
||||
@@ -528,6 +531,23 @@ onMounted(() => {
|
||||
margin: 0;
|
||||
font-size: 15px;
|
||||
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 {
|
||||
|
||||
Reference in New Issue
Block a user