From 8f3c8b79925508dba3d96145cf5fcadd3efd9bfd Mon Sep 17 00:00:00 2001
From: yangsy <ysy@ittc.sh.cn>
Date: Mon, 10 Nov 2025 20:38:40 +0800
Subject: [PATCH] refactor: extract isNvrCluster

---
 .../history-diag-card/nvr-history-diag-card.vue           | 4 ++--
 src/components/device-page/device-card/nvr-card.vue       | 6 ++----
 src/components/device-page/device-tree.vue                | 4 ++--
 src/components/helper/index.ts                            | 1 +
 src/components/helper/nvr-cluster.ts                      | 8 ++++++++
 5 files changed, 15 insertions(+), 8 deletions(-)
 create mode 100644 src/components/helper/nvr-cluster.ts

diff --git a/src/components/device-page/device-card/history-diag-card/nvr-history-diag-card.vue b/src/components/device-page/device-card/history-diag-card/nvr-history-diag-card.vue
index 7430527..45b03f3 100644
--- a/src/components/device-page/device-card/history-diag-card/nvr-history-diag-card.vue
+++ b/src/components/device-page/device-card/history-diag-card/nvr-history-diag-card.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { NdmNvrResultVO } from '@/apis/models';
+import { isNvrCluster } from '@/components/helper';
 import dayjs from 'dayjs';
 import { NButton, NCard, NDatePicker, NFlex, NGi, NGrid, NSelect, type DatePickerProps, type SelectOption } from 'naive-ui';
 import { computed, onMounted, reactive, ref, toRefs, useTemplateRef } from 'vue';
@@ -66,12 +67,11 @@ onMounted(() => {
 });
 
 const diagCards = computed<SelectOption[]>(() => {
-  const isCluster = (maybeNvrCluster: NdmNvrResultVO) => !!maybeNvrCluster.clusterList?.trim() && maybeNvrCluster.clusterList !== maybeNvrCluster.ipAddress;
   const baseOptions: SelectOption[] = [
     { label: '设备状态', value: 'status' },
     { label: '设备告警', value: 'alarm' },
   ];
-  if (!isCluster(ndmNvr.value)) {
+  if (!isNvrCluster(ndmNvr.value)) {
     baseOptions.push({ label: '硬件使用率', value: 'usage' }, { label: '硬盘健康', value: 'health' });
   }
   return baseOptions;
diff --git a/src/components/device-page/device-card/nvr-card.vue b/src/components/device-page/device-card/nvr-card.vue
index 8b9c58c..1a76266 100644
--- a/src/components/device-page/device-card/nvr-card.vue
+++ b/src/components/device-page/device-card/nvr-card.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { NdmNvrDiagInfo } from '@/apis/domains';
 import type { NdmNvrResultVO } from '@/apis/models';
+import { isNvrCluster } from '@/components/helper';
 import { useDebugModeStore } from '@/stores/debug-mode';
 import { destr } from 'destr';
 import { NCard, NFlex, NTabPane, NTabs } from 'naive-ui';
@@ -46,10 +47,7 @@ const diskHealth = computed(() => lastDiagInfo.value?.info.diskHealth);
 const groupInfoList = computed(() => lastDiagInfo.value?.info.groupInfoList);
 
 const isCluster = computed(() => {
-  const { ipAddress, clusterList } = ndmNvr.value;
-  if (!clusterList?.trim()) return false;
-  if (clusterList === ipAddress) return false;
-  return true;
+  return isNvrCluster(ndmNvr.value);
 });
 
 const selectedTab = ref('设备状态');
diff --git a/src/components/device-page/device-tree.vue b/src/components/device-page/device-tree.vue
index e66e63b..569f20b 100644
--- a/src/components/device-page/device-tree.vue
+++ b/src/components/device-page/device-tree.vue
@@ -11,6 +11,7 @@ const deviceTabPanes = Object.keys(DeviceType).map((key) => {
 <script setup lang="ts">
 import type { Station } from '@/apis/domains';
 import type { NdmDeviceResultVO, NdmNvrResultVO } from '@/apis/models';
+import { isNvrCluster } from '@/components/helper';
 import type { LineDevices } from '@/composables/query';
 import { DeviceType, DeviceTypeName, tryGetDeviceTypeVal, type DeviceTypeKey, type DeviceTypeVal } from '@/enums/device-type';
 import { destr } from 'destr';
@@ -85,13 +86,12 @@ const lineDeviceTreeData = computed<Record<string, TreeOption[]>>(() => {
       const onlineDevices = devices?.filter((device) => device.deviceStatus === '10');
       const offlineDevices = devices?.filter((device) => device.deviceStatus === '20');
       // 对于录像机，需要根据clusterList字段以分号分隔设备IP，进一步形成子树结构
-      const isCluster = (maybeNvrCluster: NdmNvrResultVO) => !!maybeNvrCluster.clusterList?.trim() && maybeNvrCluster.clusterList !== maybeNvrCluster.ipAddress;
       if (paneName === DeviceType.Nvr) {
         const nvrs = devices as NdmNvrResultVO[];
         const nvrClusters: NdmNvrResultVO[] = [];
         const nvrSingletons: NdmNvrResultVO[] = [];
         for (const device of nvrs) {
-          if (isCluster(device)) {
+          if (isNvrCluster(device)) {
             nvrClusters.push(device);
           } else {
             nvrSingletons.push(device);
diff --git a/src/components/helper/index.ts b/src/components/helper/index.ts
index 90c0166..52fd2af 100644
--- a/src/components/helper/index.ts
+++ b/src/components/helper/index.ts
@@ -1,2 +1,3 @@
 export * from './device-alarm';
+export * from './nvr-cluster';
 export * from './switch-port';
diff --git a/src/components/helper/nvr-cluster.ts b/src/components/helper/nvr-cluster.ts
new file mode 100644
index 0000000..43068ed
--- /dev/null
+++ b/src/components/helper/nvr-cluster.ts
@@ -0,0 +1,8 @@
+import type { NdmNvrResultVO } from '@/apis/models';
+
+export const isNvrCluster = (maybeNvrCluster: NdmNvrResultVO) => {
+  const { ipAddress, clusterList } = maybeNvrCluster;
+  if (!clusterList?.trim()) return false;
+  if (clusterList === ipAddress) return false;
+  return true;
+};