From 1827968a16dfcdde2b05fdf2505b898eccfa80dc Mon Sep 17 00:00:00 2001 From: gerson <1405270578@qq.com> Date: 星期日, 25 八月 2024 10:55:51 +0800 Subject: [PATCH] 修复bug --- src/components/chat/chatComponents/summaryCom/components/deviceLastValue/MonitorContent.vue | 17 ++++++++++++----- 1 files changed, 12 insertions(+), 5 deletions(-) diff --git a/src/components/chat/chatComponents/summaryCom/components/deviceLastValue/MonitorContent.vue b/src/components/chat/chatComponents/summaryCom/components/deviceLastValue/MonitorContent.vue index 42a1630..23721e6 100644 --- a/src/components/chat/chatComponents/summaryCom/components/deviceLastValue/MonitorContent.vue +++ b/src/components/chat/chatComponents/summaryCom/components/deviceLastValue/MonitorContent.vue @@ -24,7 +24,12 @@ height: `${CELL_HEIGHT}px`, }" > - <span class="cursor-pointer" @mouseover="valueMouseOver($event, item)" @mouseleave="valueMouseLeave"> + <span + class="cursor-pointer" + @mouseover="valueMouseOver($event, item)" + @mouseleave="valueMouseLeave" + @click="emit('itemClick', item, type)" + > {{ item[type] }} </span> </div> @@ -40,19 +45,19 @@ <div v-if="hoverState.data?.OTITLE" class="font-bold mb-1">{{ hoverState.data?.OTITLE }}</div> <div class="w-full space-y-1"> <div v-if="hoverState.data?.OTYPE" class="flex"> - <div class="w-16">绫诲瀷</div> + <div class="w-8">绫诲瀷</div> <div class="before:content-[':'] before:pr-1.5">{{ hoverState.data?.OTYPE }}</div> </div> <div v-if="hoverState.data?.ONAME" class="flex"> - <div class="w-16">缂栧彿</div> + <div class="w-8">缂栧彿</div> <div class="before:content-[':'] before:pr-1.5">{{ hoverState.data?.ONAME }}</div> </div> <div v-if="hoverState.data?.[type] || hoverState.data?.[type] === 0" class="flex"> - <div class="w-16">鐩戞祴鍊�</div> + <div class="w-8">鐩戞祴</div> <div class="before:content-[':'] before:pr-1.5">{{ hoverState.data?.[type] }}</div> </div> <div class="flex" v-if="hoverState.data?.OTIME"> - <div class="w-16">鏁版嵁鏃堕棿</div> + <div class="w-8">鏃堕棿</div> <div class="before:content-[':'] before:pr-1.5">{{ hoverState.data?.OTIME }}</div> </div> </div> @@ -64,6 +69,8 @@ import { reactive, type PropType } from 'vue'; import { BORDER_COLOR, CELL_HEIGHT, CONTENT_CELL_CLASS, ROW_HEADER_CELL_CLASS, THICK_BORDER_WIDTH } from './constants'; import type { MonitorValue } from './types'; + +const emit = defineEmits(['itemClick']); const props = defineProps({ /** @description 鏍囬 */ title: { -- Gitblit v1.9.3