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 7e574fc..d584963 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
@@ -1,51 +1,3 @@
-<script lang="ts">
-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;
-  let result: number = 0;
-  if (inFlow && outFlow && flow) {
-    if (type === 'in') {
-      result = inFlow;
-    }
-    if (type === 'out') {
-      result = outFlow;
-    }
-    if (type === 'total') {
-      result = flow;
-    }
-  } else {
-    let dInBytes = 0;
-    let dOutBytes = 0;
-    if (inBytes < lastInBytes) {
-      dInBytes = inBytes + JAVA_UNSIGNED_INTEGER_MAX_VALUE - lastInBytes;
-    } else {
-      dInBytes = inBytes - lastInBytes;
-    }
-    if (outBytes < lastOutBytes) {
-      dOutBytes = outBytes + JAVA_UNSIGNED_INTEGER_MAX_VALUE - lastOutBytes;
-    } else {
-      dOutBytes = outBytes - lastOutBytes;
-    }
-    if (type === 'in') {
-      result = dInBytes;
-    }
-    if (type === 'out') {
-      result = dOutBytes;
-    }
-    if (type === 'total') {
-      result = dInBytes + dOutBytes;
-    }
-    result /= NDM_SWITCH_PROBE_INTERVAL;
-  }
-  let index = 0;
-  while (result >= 1024 && index < units.length - 1) {
-    result /= 1024;
-    index++;
-  }
-  return `${result.toFixed(3)} ${units[index]}`;
-};
-</script>
-
 <script setup lang="ts">
 /**
  * 交换机端口布局组件
@@ -63,8 +15,8 @@ const transformPortSpeed = (portInfo: NdmSwitchPortInfo, type: 'in' | 'out' | 't
  * - 响应式数据处理和布局
  */
 
+import { transformPortSpeed } from '../../helper';
 import type { NdmSwitchPortInfo } from '@/apis/domains';
-import { JAVA_UNSIGNED_INTEGER_MAX_VALUE, NDM_SWITCH_PROBE_INTERVAL } from '@/constants';
 import { NCard, NGrid, NGridItem, NPopover } from 'naive-ui';
 import { computed, toRefs } from 'vue';
 
diff --git a/src/components/device-page/helper.ts b/src/components/device-page/helper.ts
new file mode 100644
index 0000000..439bdcc
--- /dev/null
+++ b/src/components/device-page/helper.ts
@@ -0,0 +1,48 @@
+import type { NdmSwitchPortInfo } from '@/apis/domains';
+import { JAVA_UNSIGNED_INTEGER_MAX_VALUE, NDM_SWITCH_PROBE_INTERVAL } from '@/constants';
+
+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;
+  let result: number = 0;
+  if (inFlow && outFlow && flow) {
+    if (type === 'in') {
+      result = inFlow;
+    }
+    if (type === 'out') {
+      result = outFlow;
+    }
+    if (type === 'total') {
+      result = flow;
+    }
+  } else {
+    let dInBytes = 0;
+    let dOutBytes = 0;
+    if (inBytes < lastInBytes) {
+      dInBytes = inBytes + JAVA_UNSIGNED_INTEGER_MAX_VALUE - lastInBytes;
+    } else {
+      dInBytes = inBytes - lastInBytes;
+    }
+    if (outBytes < lastOutBytes) {
+      dOutBytes = outBytes + JAVA_UNSIGNED_INTEGER_MAX_VALUE - lastOutBytes;
+    } else {
+      dOutBytes = outBytes - lastOutBytes;
+    }
+    if (type === 'in') {
+      result = dInBytes;
+    }
+    if (type === 'out') {
+      result = dOutBytes;
+    }
+    if (type === 'total') {
+      result = dInBytes + dOutBytes;
+    }
+    result /= NDM_SWITCH_PROBE_INTERVAL;
+  }
+  let index = 0;
+  while (result >= 1024 && index < units.length - 1) {
+    result /= 1024;
+    index++;
+  }
+  return `${result.toFixed(3)} ${units[index]}`;
+};