From 4356f96dde5d2335a78b51e125041a7986861152 Mon Sep 17 00:00:00 2001
From: yangsy <ysy@ittc.sh.cn>
Date: Fri, 26 Sep 2025 19:01:48 +0800
Subject: [PATCH] refactor: extract getPortStatusVal

---
 .../device-card/current-diag-card/switch-port-card.vue      | 6 ++----
 src/components/device-page/helper.ts                        | 5 +++++
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/device-page/device-card/current-diag-card/switch-port-card.vue b/src/components/device-page/device-card/current-diag-card/switch-port-card.vue
index d584963..d53b50f 100644
--- a/src/components/device-page/device-card/current-diag-card/switch-port-card.vue
+++ b/src/components/device-page/device-card/current-diag-card/switch-port-card.vue
@@ -15,7 +15,7 @@
  * - 响应式数据处理和布局
  */
 
-import { transformPortSpeed } from '../../helper';
+import { getPortStatusVal, transformPortSpeed } from '../../helper';
 import type { NdmSwitchPortInfo } from '@/apis/domains';
 import { NCard, NGrid, NGridItem, NPopover } from 'naive-ui';
 import { computed, toRefs } from 'vue';
@@ -240,9 +240,7 @@ const getPortStatusClass = (port: NdmSwitchPortInfo) => {
                 </div>
                 <div class="port-info-row">
                   <span class="label">状态:</span>
-                  <span class="value" :class="getPortStatusClass(port)">
-                    {{ port.upDown === 1 ? '启用' : port.upDown === 2 ? '禁用' : '未知' }}
-                  </span>
+                  <span class="value" :class="getPortStatusClass(port)">{{ getPortStatusVal(port) }}</span>
                 </div>
                 <div class="port-info-row">
                   <span class="label">上行速率:</span>
diff --git a/src/components/device-page/helper.ts b/src/components/device-page/helper.ts
index 439bdcc..0b2e4a8 100644
--- a/src/components/device-page/helper.ts
+++ b/src/components/device-page/helper.ts
@@ -1,6 +1,11 @@
 import type { NdmSwitchPortInfo } from '@/apis/domains';
 import { JAVA_UNSIGNED_INTEGER_MAX_VALUE, NDM_SWITCH_PROBE_INTERVAL } from '@/constants';
 
+export const getPortStatusVal = (portInfo: NdmSwitchPortInfo): string => {
+  const { upDown } = portInfo;
+  return upDown === 1 ? '启用' : upDown === 2 ? '禁用' : '未知';
+};
+
 export const transformPortSpeed = (portInfo: NdmSwitchPortInfo, type: 'in' | 'out' | 'total'): string => {
   const units = ['B/s', 'KB/s', 'MB/s', 'GB/s', 'TB/s'];
   const { inBytes, lastInBytes, outBytes, lastOutBytes, inFlow, outFlow, flow } = portInfo;