feat(任务列表):显示任务优先级分数
每个任务项左侧增加绿色圆形 priority 徽标,直观展示计算后的优先级分数高低。 列表项行内布局增加弹性布局适配徽标 + 标题并排显示。
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user