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

refactor: extract getPortStatusVal

Browse Source
This commit is contained in:
yangsy
2025-09-26 19:01:48 +08:00
parent e3b54778b8
commit 4356f96dde
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/device-page/device-card/current-diag-card/switch-port-card.vue
View File

@@ -15,7 +15,7 @@
* - 响应式数据处理和布局 * - 响应式数据处理和布局
*/ */
import { transformPortSpeed } from '../../helper'; import { getPortStatusVal, transformPortSpeed } from '../../helper';
import type { NdmSwitchPortInfo } from '@/apis/domains'; import type { NdmSwitchPortInfo } from '@/apis/domains';
import { NCard, NGrid, NGridItem, NPopover } from 'naive-ui'; import { NCard, NGrid, NGridItem, NPopover } from 'naive-ui';
import { computed, toRefs } from 'vue'; import { computed, toRefs } from 'vue';
@@ -240,9 +240,7 @@ const getPortStatusClass = (port: NdmSwitchPortInfo) => {
</div> </div>
<div class="port-info-row"> <div class="port-info-row">
<span class="label">状态:</span> <span class="label">状态:</span>
<span class="value" :class="getPortStatusClass(port)"> <span class="value" :class="getPortStatusClass(port)">{{ getPortStatusVal(port) }}</span>
{{ port.upDown === 1 ? '启用' : port.upDown === 2 ? '禁用' : '未知' }}
</span>
</div> </div>
<div class="port-info-row"> <div class="port-info-row">
<span class="label">上行速率:</span> <span class="label">上行速率:</span>

5
src/components/device-page/helper.ts
View File

@@ -1,6 +1,11 @@
import type { NdmSwitchPortInfo } from '@/apis/domains'; import type { NdmSwitchPortInfo } from '@/apis/domains';
import { JAVA_UNSIGNED_INTEGER_MAX_VALUE, NDM_SWITCH_PROBE_INTERVAL } from '@/constants'; 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 => { export const transformPortSpeed = (portInfo: NdmSwitchPortInfo, type: 'in' | 'out' | 'total'): string => {
const units = ['B/s', 'KB/s', 'MB/s', 'GB/s', 'TB/s']; const units = ['B/s', 'KB/s', 'MB/s', 'GB/s', 'TB/s'];
const { inBytes, lastInBytes, outBytes, lastOutBytes, inFlow, outFlow, flow } = portInfo; const { inBytes, lastInBytes, outBytes, lastOutBytes, inFlow, outFlow, flow } = portInfo;