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/TaskTabs.vue | 31 +++++++++++++++++++++---------- 1 files changed, 21 insertions(+), 10 deletions(-) diff --git a/src/views/dashboard/components/TaskTabs.vue b/src/views/dashboard/components/TaskTabs.vue index 4c848ab..4eaf64f 100644 --- a/src/views/dashboard/components/TaskTabs.vue +++ b/src/views/dashboard/components/TaskTabs.vue @@ -1,28 +1,39 @@ <template> <div class="task-tabs"> <div - v-for="tabName in list" - :key="tabName" + v-for="tab in list" + :key="tab.value" class="task-tab-item triangle-tip" - :class="{ active: props.modelValue === tabName }" - @click="selectTab(tabName)" + :class="{ active: props.modelValue === tab.value }" + @click="selectTab(tab)" > - {{ tabName }} + {{ tab.label }} </div> </div> </template> <script setup lang="ts"> import { useVModel } from '@vueuse/core' +export interface LabelValue { + label: string + value: any +} + const props = defineProps<{ - list: string[] - modelValue?: string + /** tab 鍒楄〃*/ + list: LabelValue[] + /** 褰撳墠閫変腑鐨� tab*/ + modelValue?: any }>() -const emit = defineEmits(['update:modelValue']) +const emit = defineEmits<{ + 'update:modelValue': [tabName: string] + change: [tab: LabelValue] +}>() const data = useVModel(props, 'modelValue', emit) -function selectTab(tabName: string) { - data.value = tabName +function selectTab(tab: LabelValue) { + data.value = tab.value + emit('change', tab) } </script> <style scoped lang="scss"> -- Gitblit v1.8.0