From 4b3e5ed808305971de831ad579ed25a91e0cbe32 Mon Sep 17 00:00:00 2001
From: yangsy <ysy@ittc.sh.cn>
Date: Mon, 3 Nov 2025 16:50:02 +0800
Subject: [PATCH] fix(device-tree): color style of station node suffix

---
 src/components/device-page/device-tree.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/device-page/device-tree.vue b/src/components/device-page/device-tree.vue
index d5bb3e3..8a3f260 100644
--- a/src/components/device-page/device-tree.vue
+++ b/src/components/device-page/device-tree.vue
@@ -130,7 +130,17 @@ const lineDeviceTreeData = computed<Record<string, TreeOption[]>>(() => {
         label: stationName,
         key: stationCode,
         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:
           lineDevices.value[stationCode]?.[paneName]?.map<TreeOption>((dev) => {
             const device = dev as NdmDeviceResultVO;