skycurtain/ndm-web-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(station-card): show station ip address when click station name

Browse Source
This commit is contained in:
yangsy
2025-11-06 12:44:56 +08:00
parent 605a29f256
commit 1fe0203890
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/dashboard-page/station-card.vue
View File

@@ -5,7 +5,7 @@ import { type StationAlarmCounts, type StationDevices } from '@/composables/quer
import { ControlOutlined } from '@vicons/antd'; import { ControlOutlined } from '@vicons/antd';
import { Video as VideoIcon } from '@vicons/carbon'; import { Video as VideoIcon } from '@vicons/carbon';
import axios from 'axios'; import axios from 'axios';
import { NCard, NTag, NButton, NIcon, useThemeVars, NSpace, NFlex, NText } from 'naive-ui'; import { NCard, NTag, NButton, NIcon, useThemeVars, NSpace, NFlex, NText, NTooltip } from 'naive-ui';
import { toRefs, computed } from 'vue'; import { toRefs, computed } from 'vue';
const props = defineProps<{ const props = defineProps<{
@@ -95,7 +95,13 @@ const theme = useThemeVars();
<template> <template>
<NCard bordered hoverable size="small" class="station-card" :header-style="{ padding: `6px` }" :content-style="{ padding: `0px 6px 6px 6px` }"> <NCard bordered hoverable size="small" class="station-card" :header-style="{ padding: `6px` }" :content-style="{ padding: `0px 6px 6px 6px` }">
<template #header> <template #header>
<span class="font-smaller">{{ station.name }}</span> <NTooltip v-if="station.ip" trigger="click">
<template #trigger>
<span class="font-smaller">{{ station.name }}</span>
</template>
<span>{{ station.ip }}</span>
</NTooltip>
<span v-else class="font-smaller">{{ station.name }}</span>
</template> </template>
<template #header-extra> <template #header-extra>
<NTag :type="station.online ? 'success' : 'error'" size="small"> <NTag :type="station.online ? 'success' : 'error'" size="small">