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

fix(device-tree): extract renderStationNodeSuffix

Browse Source
This commit is contained in:
yangsy
2025-11-10 20:28:45 +08:00
parent 5aed01eb96
commit 55f1c8a431
1 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/device-page/device-tree.vue
View File

@@ -101,7 +101,7 @@ const lineDeviceTreeData = computed<Record<string, TreeOption[]>>(() => {
label: stationName,
key: stationCode,
prefix: () => renderStationNodePrefix(station),
suffix: () => `(${onlineDevices?.length ?? 0}/${offlineDevices?.length ?? 0}/${devices?.length ?? 0})`,
suffix: () => renderStationNodeSuffix(onlineDevices?.length ?? 0, offlineDevices?.length ?? 0, devices?.length ?? 0),
children: nvrClusters.map<TreeOption>((nvrCluster) => {
return {
label: `${nvrCluster.name}`,
@@ -130,17 +130,7 @@ const lineDeviceTreeData = computed<Record<string, TreeOption[]>>(() => {
label: stationName,
key: stationCode,
prefix: () => renderStationNodePrefix(station),
suffix: () => {
return h('span', null, [
'(',
h('span', { style: { color: themeVars.value.successColor } }, `${onlineDevices?.length ?? 0}`),
'/',
h('span', { style: { color: themeVars.value.errorColor } }, `${offlineDevices?.length ?? 0}`),
'/',
`${devices?.length ?? 0}`,
')',
]);
},
suffix: () => renderStationNodeSuffix(onlineDevices?.length ?? 0, offlineDevices?.length ?? 0, devices?.length ?? 0),
children:
lineDevices.value[stationCode]?.[paneName]?.map<TreeOption>((dev) => {
const device = dev as NdmDeviceResultVO;
@@ -165,6 +155,17 @@ const renderStationNodePrefix = (station: Station) => {
const tagText = online ? '在线' : '离线';
return h(NTag, { type: tagType, size: 'tiny' }, () => tagText);
};
const renderStationNodeSuffix = (onlineCount: number, offlineCount: number, count: number) => {
return h('span', null, [
'(',
h('span', { style: { color: themeVars.value.successColor } }, `${onlineCount}`),
'/',
h('span', { style: { color: themeVars.value.errorColor } }, `${offlineCount}`),
'/',
`${count}`,
')',
]);
};
const renderDeviceNodePrefix = (device: NdmDeviceResultVO, stationCode: string) => {
const renderDeviceStatusTag = (device: NdmDeviceResultVO) => {
const { deviceStatus } = device;