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

perf: optimize station card interaction

Browse Source
This commit is contained in:
yangsy
2025-08-25 10:31:51 +08:00
parent e67809ad86
commit d15c3c2edf
1 changed files with 25 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/station-card.vue
View File

@@ -9,7 +9,7 @@ import type { StationDevices } from '@/composables/query/use-line-devices-query'
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, NStatistic, NTag, NGrid, NGi, NButton, NIcon, useThemeVars, NSpace } from 'naive-ui'; import { NCard, NStatistic, NTag, NGrid, NGi, NButton, NIcon, useThemeVars, NSpace, NTooltip } from 'naive-ui';
import { toRefs, computed, ref } from 'vue'; import { toRefs, computed, ref } from 'vue';
interface Props { interface Props {
@@ -105,16 +105,30 @@ const theme = useThemeVars();
</template> </template>
<template #default> <template #default>
<NSpace> <NSpace>
<NButton text @click="openVideoPlatform"> <NTooltip trigger="hover">
<NIcon> <template #trigger>
<VideoIcon /> <NButton text @click="openVideoPlatform">
</NIcon> <NIcon>
</NButton> <VideoIcon />
<NButton text @click="openDeviceConfigModal"> </NIcon>
<NIcon> </NButton>
<ControlOutlined /> </template>
</NIcon> <template #default>
</NButton> <span style="font-size: xx-small">打开视频平台</span>
</template>
</NTooltip>
<NTooltip trigger="hover">
<template #trigger>
<NButton text @click="openDeviceConfigModal">
<NIcon>
<ControlOutlined />
</NIcon>
</NButton>
</template>
<template #default>
<span style="font-size: xx-small">打开设备配置</span>
</template>
</NTooltip>
</NSpace> </NSpace>
<NGrid :cols="2" :style="{ opacity: online ? '1' : '0.3' }"> <NGrid :cols="2" :style="{ opacity: online ? '1' : '0.3' }">
<NGi> <NGi>