From 7ebf9752b95f98865bf94469b58c5abb302a69dd Mon Sep 17 00:00:00 2001 From: haoxuan <haoxuan> Date: 星期六, 09 十二月 2023 14:45:45 +0800 Subject: [PATCH] 点击当前工序完成的时增加当前时间和任务详情中实际开始时间对比,如果小于60s增加提示并且不请求接口 --- src/views/dashboard/components/TaskStep.vue | 11 +++++------ 1 files changed, 5 insertions(+), 6 deletions(-) diff --git a/src/views/dashboard/components/TaskStep.vue b/src/views/dashboard/components/TaskStep.vue index a066257..8db65b7 100644 --- a/src/views/dashboard/components/TaskStep.vue +++ b/src/views/dashboard/components/TaskStep.vue @@ -8,13 +8,13 @@ class="task-step-item" :style="{ 'flex-basis': flexBasis }" > - <el-icon v-if="index + 1 < active" class="icon" size="22" color="#01f304"><CircleCheck /></el-icon> + <el-icon v-if="index < active" class="icon" size="22" color="#01f304"><CircleCheck /></el-icon> - <el-icon v-if="index + 1 === active" class="icon" size="22" color="#c25915"> + <el-icon v-if="index === active" class="icon" size="22" color="#c25915"> <Clock /> </el-icon> - <el-icon v-if="index + 1 > active" class="icon" size="22" color="#7d7f83"><Clock /></el-icon> - <span class="text" :class="{ green: index + 1 < active, red: index + 1 === active, gray: index + 1 > active }"> + <el-icon v-if="index > active" class="icon" size="22" color="#7d7f83"><Clock /></el-icon> + <span class="text" :class="{ green: index < active, red: index === active, gray: index > active }"> {{ item }} </span> <span class="line"></span> @@ -50,8 +50,7 @@ () => [props.steps, activeItemRef.value, scrollerRef.value], () => { if (props.steps.length > 0 && activeItemRef.value?.length && scrollerRef?.value) { - console.log(scrollerRef?.value) - const left = props.active - 1 >= 0 ? activeItemRef.value[props.active - 1]?.offsetLeft ?? 20 : 20 + const left = props.active >= 0 ? activeItemRef.value[props.active]?.offsetLeft ?? 20 : 20 requestAnimationFrame(() => { scrollerRef?.value?.setScrollLeft?.(left - 20) }) -- Gitblit v1.8.0