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

fix(device-tree): color style of station node suffix

Browse Source
This commit is contained in:
yangsy
2025-11-03 16:50:02 +08:00
parent a83f8aa746
commit 4b3e5ed808
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -130,7 +130,17 @@ const lineDeviceTreeData = computed<Record<string, TreeOption[]>>(() => {
label: stationName, label: stationName,
key: stationCode, key: stationCode,
prefix: () => renderStationNodePrefix(station), prefix: () => renderStationNodePrefix(station),
suffix: () => `(${onlineDevices?.length ?? 0}/${offlineDevices?.length ?? 0}/${devices?.length ?? 0})`, 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}`,
')',
]);
},
children: children:
lineDevices.value[stationCode]?.[paneName]?.map<TreeOption>((dev) => { lineDevices.value[stationCode]?.[paneName]?.map<TreeOption>((dev) => {
const device = dev as NdmDeviceResultVO; const device = dev as NdmDeviceResultVO;