fix(aihr): align task labels and training duration
This commit is contained in:
@@ -62,6 +62,9 @@
|
||||
<view v-for="item in recentPracticeItems" :key="item.id" class="assignment-row recent-row" :class="{ highlighted: item.assignment && highlightedAssignmentId === item.assignment.id }" @click="openRecentItem(item)">
|
||||
<view class="recent-icon" aria-hidden="true">{{ item.icon }}</view>
|
||||
<view class="assignment-copy">
|
||||
<text v-if="item.sourceLabel" class="assignment-badge" :class="item.assignment?.source || 'manual'">
|
||||
{{ item.sourceLabel }}
|
||||
</text>
|
||||
<text class="assignment-title">{{ item.title }}</text>
|
||||
<text class="assignment-desc">{{ item.desc }}</text>
|
||||
</view>
|
||||
@@ -271,6 +274,7 @@ type RecentPracticeItem = {
|
||||
id: string;
|
||||
title: string;
|
||||
desc: string;
|
||||
sourceLabel?: string;
|
||||
status: string;
|
||||
icon: string;
|
||||
assignment?: PracticeAssignment;
|
||||
@@ -334,6 +338,7 @@ const recentPracticeItems = computed<RecentPracticeItem[]>(() => {
|
||||
id: `assignment-${item.id}`,
|
||||
title: item.question || item.scenarioName || '专项训练',
|
||||
desc: item.status === '已完成' ? '已完成' : '待复盘',
|
||||
sourceLabel: assignmentSourceLabel(item.source),
|
||||
status: item.status,
|
||||
icon: item.scenarioName?.includes('催费') ? '⌕' : item.scenarioName?.includes('报修') ? '⌁' : '◉',
|
||||
assignment: item
|
||||
@@ -370,6 +375,12 @@ const assignmentDesc = (item: PracticeAssignment) => {
|
||||
return item.feedback || item.reason;
|
||||
};
|
||||
|
||||
const assignmentSourceLabel = (source?: string) => {
|
||||
if (source === 'retry') return '错题再练';
|
||||
if (source === 'camp') return '训练营';
|
||||
return '专项训练';
|
||||
};
|
||||
|
||||
const goLogin = () => {
|
||||
rememberLoginRedirect('/pages/user/practice/index');
|
||||
uni.navigateTo({ url: '/pages/auth/login/index' });
|
||||
|
||||
@@ -98,6 +98,9 @@
|
||||
<uni-icons class="schedule-icon" type="compose" size="26" color="#2f6bff" />
|
||||
</view>
|
||||
<view class="schedule-copy">
|
||||
<text v-if="primaryAssignmentSourceLabel" class="schedule-source" :class="primaryAssignmentSourceClass">
|
||||
{{ primaryAssignmentSourceLabel }}
|
||||
</text>
|
||||
<text class="schedule-title">{{ primaryScheduleTitle }}</text>
|
||||
<view class="schedule-meta">
|
||||
<text class="meta-item"><uni-icons type="calendar" size="15" color="#8a8d93" /> {{ primaryScheduleTime }}</text>
|
||||
@@ -247,6 +250,21 @@ const primaryScheduleTitle = computed(() => {
|
||||
return '';
|
||||
});
|
||||
|
||||
const assignmentSourceLabel = (source?: string) => {
|
||||
if (source === 'daily') return '每日三题';
|
||||
if (source === 'retry') return '错题再练';
|
||||
if (source === 'camp') return '训练营';
|
||||
return '专项训练';
|
||||
};
|
||||
|
||||
const primaryAssignmentSourceLabel = computed(() =>
|
||||
primaryAssignment.value ? assignmentSourceLabel(primaryAssignment.value.source) : ''
|
||||
);
|
||||
|
||||
const primaryAssignmentSourceClass = computed(() =>
|
||||
primaryAssignment.value?.source || 'manual'
|
||||
);
|
||||
|
||||
const primaryScheduleDesc = computed(() => {
|
||||
const item = primaryAssignment.value;
|
||||
if (item) {
|
||||
@@ -861,6 +879,33 @@ onShow(() => {
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
.schedule-source {
|
||||
display: inline-flex;
|
||||
width: fit-content;
|
||||
padding: 3px 8px;
|
||||
border-radius: 999px;
|
||||
background: #edf3ff;
|
||||
color: #2f6bff;
|
||||
font-size: 12px;
|
||||
font-weight: 800;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.schedule-source.retry {
|
||||
background: #fff1f2;
|
||||
color: #d51b2b;
|
||||
}
|
||||
|
||||
.schedule-source.camp {
|
||||
background: #fff7eb;
|
||||
color: #b86b00;
|
||||
}
|
||||
|
||||
.schedule-source.daily {
|
||||
background: #eef8f2;
|
||||
color: #258652;
|
||||
}
|
||||
|
||||
.schedule-meta {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
Reference in New Issue
Block a user