|
|
@ -67,8 +67,7 @@ |
|
|
@click="onTaskClick(item)" |
|
|
@click="onTaskClick(item)" |
|
|
> |
|
|
> |
|
|
<div class="task-time-col"> |
|
|
<div class="task-time-col"> |
|
|
<div class="time-start">{{ getTimeStart(item) }}</div> |
|
|
<div class="time-label">{{ getTimeLabel(item) }}</div> |
|
|
<div class="time-end">{{ getTimeEnd(item) }}</div> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<div class="task-info-col"> |
|
|
<div class="task-info-col"> |
|
|
<div class="task-title-row"> |
|
|
<div class="task-title-row"> |
|
|
@ -259,21 +258,30 @@ const taskList = ref([]); |
|
|
const loading = ref(false); |
|
|
const loading = ref(false); |
|
|
|
|
|
|
|
|
// 时段转时间显示 |
|
|
// 时段转时间显示 |
|
|
|
|
|
const getTimeLabel = (item) => { |
|
|
|
|
|
const time = item.planActualTime || item.planTime; |
|
|
|
|
|
if (time === 1) return '上午'; |
|
|
|
|
|
if (time === 2) return '下午'; |
|
|
|
|
|
return '其他'; |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
const getTimeStart = (item) => { |
|
|
const getTimeStart = (item) => { |
|
|
const time = item.planActualTime || item.planTime; |
|
|
const time = item.planActualTime || item.planTime; |
|
|
if (time === 1) return '09:00'; |
|
|
if (time === 1) return '09:00'; |
|
|
if (time === 2) return '14:00'; |
|
|
if (time === 2) return '14:00'; |
|
|
return '00:00'; |
|
|
return ''; |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
const getTimeEnd = (item) => { |
|
|
const getTimeEnd = (item) => { |
|
|
const time = item.planActualTime || item.planTime; |
|
|
const time = item.planActualTime || item.planTime; |
|
|
if (time === 1) return '12:00'; |
|
|
if (time === 1) return '12:00'; |
|
|
if (time === 2) return '18:00'; |
|
|
if (time === 2) return '18:00'; |
|
|
return '23:59'; |
|
|
return ''; |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
const getTimeRange = (item) => { |
|
|
const getTimeRange = (item) => { |
|
|
|
|
|
const time = item.planActualTime || item.planTime; |
|
|
|
|
|
if (time === 3) return '其他'; |
|
|
return `${getTimeStart(item)}-${getTimeEnd(item)}`; |
|
|
return `${getTimeStart(item)}-${getTimeEnd(item)}`; |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
@ -515,11 +523,10 @@ onMounted(() => { |
|
|
min-width: 48px; |
|
|
min-width: 48px; |
|
|
flex-shrink: 0; |
|
|
flex-shrink: 0; |
|
|
|
|
|
|
|
|
.time-start, .time-end { |
|
|
.time-label { |
|
|
font-size: 15px; |
|
|
font-size: 14px; |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
color: #333; |
|
|
color: #2382cf; |
|
|
line-height: 1.6; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|