| | |
| | | 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 |
| | |
| | | </div> |
| | | <div v-if="hoverState.data?.[type] || hoverState.data?.[type] === 0" class="flex"> |
| | | <div class="w-8">监测</div> |
| | | <div class="before:content-[':'] before:pr-1.5">{{ hoverState.data?.[type] }}</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-8">时间</div> |
| | |
| | | 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: { |
| | |
| | | firstColWidth: { |
| | | type: Number, |
| | | }, |
| | | row: { |
| | | type: Object as PropType<any>, |
| | | }, |
| | | |
| | | restColWidth: { |
| | | type: Number, |