From 96279191d9fe0e80123c557f1c7dafb2e74ed195 Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期五, 10 一月 2025 10:01:29 +0800
Subject: [PATCH] 单位支持
---
src/components/chat/chatComponents/summaryCom/components/deviceLastValue/MonitorContent.vue | 24 +++++++++++++++++-------
1 files changed, 17 insertions(+), 7 deletions(-)
diff --git a/src/components/chat/chatComponents/summaryCom/components/deviceLastValue/MonitorContent.vue b/src/components/chat/chatComponents/summaryCom/components/deviceLastValue/MonitorContent.vue
index 01d46bc..c4f4cec 100644
--- a/src/components/chat/chatComponents/summaryCom/components/deviceLastValue/MonitorContent.vue
+++ b/src/components/chat/chatComponents/summaryCom/components/deviceLastValue/MonitorContent.vue
@@ -24,8 +24,13 @@
height: `${CELL_HEIGHT}px`,
}"
>
- <span class="cursor-pointer" @mouseover="valueMouseOver($event, item)" @mouseleave="valueMouseLeave">
- {{ item[type] }}
+ <span
+ class="cursor-pointer"
+ @mouseover="valueMouseOver($event, item)"
+ @mouseleave="valueMouseLeave"
+ @click="emit('itemClick', item, row)"
+ >
+ {{ row.unit ? `${item[type]?.['OVALUE']} ${row.unit}` : item[type]?.['OVALUE'] }}
</span>
</div>
<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="before:content-[':'] before:pr-1.5">{{ hoverState.data?.[type] }}</div>
+ <div class="w-8">鐩戞祴</div>
+ <div class="before:content-[':'] before:pr-1.5">{{ row.unit ? `${hoverState.data?.[type]?.['OVALUE']} ${row.unit}` : hoverState.data?.[type]?.['OVALUE'] }}</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: {
@@ -80,6 +87,9 @@
firstColWidth: {
type: Number,
},
+ row: {
+ type: Object as PropType<any>,
+ },
restColWidth: {
type: Number,
--
Gitblit v1.9.3