feat(vimp): 为警报器树和摄像机树添加无数据空状态

This commit is contained in:
yangsy
2026-06-24 01:11:20 +08:00
parent b6a89a74b0
commit 169cd2844a
2 changed files with 10 additions and 4 deletions
+5 -2
View File
@@ -1,5 +1,5 @@
<script setup lang="ts">
import { NIcon, NTabPane, NTabs, NTree, type TreeOverrideNodeClickBehavior, type TreeProps } from 'naive-ui';
import { NEmpty, NIcon, NTabPane, NTabs, NTree, type TreeOverrideNodeClickBehavior, type TreeProps } from 'naive-ui';
import { h, type CSSProperties } from 'vue';
import { useAlarmStore, useResourcePanelStore } from '../stores';
import { storeToRefs } from 'pinia';
@@ -125,7 +125,7 @@ const searchFilter: TreeProps['filter'] = (pattern, node) => {
:filter="searchFilter"
/>
</template>
<template v-if="lineTabPanes.length > 1">
<template v-else-if="lineTabPanes.length > 1">
<NTabs
:type="'card'"
:placement="'left'"
@@ -164,6 +164,9 @@ const searchFilter: TreeProps['filter'] = (pattern, node) => {
</NTabPane>
</NTabs>
</template>
<template v-else>
<NEmpty :description="'无数据'" />
</template>
</template>
<style scoped></style>
+5 -2
View File
@@ -1,5 +1,5 @@
<script setup lang="ts">
import { NIcon, NTabPane, NTabs, NTree, type TreeOverrideNodeClickBehavior, type TreeProps } from 'naive-ui';
import { NEmpty, NIcon, NTabPane, NTabs, NTree, type TreeOverrideNodeClickBehavior, type TreeProps } from 'naive-ui';
import { h, type CSSProperties } from 'vue';
import { useCameraStore, useResourcePanelStore } from '../stores';
import { storeToRefs } from 'pinia';
@@ -128,7 +128,7 @@ const searchFilter: TreeProps['filter'] = (pattern, node) => {
:filter="searchFilter"
/>
</template>
<template v-if="lineTabPanes.length > 1">
<template v-else-if="lineTabPanes.length > 1">
<NTabs
:type="'card'"
:placement="'left'"
@@ -167,6 +167,9 @@ const searchFilter: TreeProps['filter'] = (pattern, node) => {
</NTabPane>
</NTabs>
</template>
<template v-else>
<NEmpty :description="'无数据'" />
</template>
</template>
<style scoped></style>