From 357292d4455aabcb3847b276bbbdc2a50772c767 Mon Sep 17 00:00:00 2001
From: zhongzm <zhongzm@agt.com>
Date: Tue, 2 Sep 2025 18:14:05 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=8C=87=E6=A0=87=E5=B0=BE=E7=BC=80neId?=
 =?UTF-8?q?=E6=94=B9=E4=B8=BAneName?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/perfManage/goldTarget/index.vue  | 28 +++++++++++++++++++---
 src/views/perfManage/kpiOverView/index.vue |  6 ++---
 2 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/src/views/perfManage/goldTarget/index.vue b/src/views/perfManage/goldTarget/index.vue
index 54996388..c2af2037 100644
--- a/src/views/perfManage/goldTarget/index.vue
+++ b/src/views/perfManage/goldTarget/index.vue
@@ -341,7 +341,7 @@ function fnInitGoldStatsData() {
     for (const neId of state.neIds) {
       kpiStats.value.push({
         kpiId: `${columns.key}_${neId}`,
-        title: `${columns.title}(${neId})`,
+        title: `${columns.title}(${getNeNameById(neId, state.neType)})`,
         rawKpiId: columns.key,
         rawKpiTitle: columns.title,
         neId: neId,
@@ -550,6 +550,16 @@ function fnRecordExport() {
 /**可选网元列表 */
 let availableNeIds = ref<{ label: string; value: string }[]>([]);
 
+/**网元列表数据 - 按类型分组 */
+let neList = ref<Record<string, { neId: string; neName: string }[]>>({});
+
+/**根据neId和neType获取neName */
+function getNeNameById(neId: string, neType: string): string {
+  const neArray = neList.value[neType] || [];
+  const ne = neArray.find(item => item.neId === neId);
+  return ne ? ne.neName : neId;
+}
+
 // 添加类型定义
 interface KPIStats {
   kpiId: string;
@@ -779,7 +789,7 @@ function fnCreateDefaultDataStructure() {
     }
     for (const neId of state.neIds) {
       const kpiId = `${columns.key}_${neId}`;
-      const seriesName = `${columns.title}(${neId})`;
+      const seriesName = `${columns.title}(${getNeNameById(neId, state.neType)})`;
       // 获取或生成颜色
       const color = kpiColors.get(kpiId) || generateColorRGBA();
       kpiColors.set(kpiId, color);
@@ -1269,7 +1279,7 @@ function wsMessage(res: Record<string, any>) {
         }
 
         const kpiId = `${columns.key}_${neId}`;
-        const seriesName = `${columns.title}(${neId})`;
+        const seriesName = `${columns.title}(${getNeNameById(neId, state.neType)})`;
 
         // 获取或生成颜色
         const color = kpiColors.get(kpiId) || generateColorRGBA();
@@ -1475,6 +1485,18 @@ onMounted(() => {
   neInfoStore.fnNelist().then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
       if (res.data.length > 0) {
+        // 构建按网元类型分组的数据结构
+        neList.value = {};
+        res.data.forEach((ne: any) => {
+          if (!neList.value[ne.neType]) {
+            neList.value[ne.neType] = [];
+          }
+          neList.value[ne.neType].push({
+            neId: ne.neId,
+            neName: ne.neName,
+          });
+        });
+
         // 过滤不可用的网元
         neCascaderOptions.value = neInfoStore.getNeCascaderOptions.filter(
           (item: any) => {
diff --git a/src/views/perfManage/kpiOverView/index.vue b/src/views/perfManage/kpiOverView/index.vue
index 8ffe6721..7e189e56 100644
--- a/src/views/perfManage/kpiOverView/index.vue
+++ b/src/views/perfManage/kpiOverView/index.vue
@@ -546,7 +546,7 @@ const updateChart = () => {
         kpiColors.set(key, color);
 
         series.push({
-          name: `${kpi.title}(${ne.neId})`,
+          name: `${kpi.title}(${ne.neName})`,
           type: 'line',
           data: chartData.value.map(item => item[key] || 0),
           itemStyle: { color },
@@ -830,7 +830,7 @@ const updateChartData = (newData: ChartDataItem) => {
               return {
                 type: 'line',
                 data: chartData.value.map(item => item[key] || 0),
-                name: `${kpi?.title || kpiId}(${ne.neId})`,
+                name: `${kpi?.title || kpiId}(${ne.neName})`,
               };
             })
           )
@@ -871,7 +871,7 @@ function fnInitKpiStatsData() {
 
         kpiStats.value.push({
           kpiId: `${kpiId}_${ne.neId}`,
-          title: `${kpi.title}(${ne.neId})`,
+          title: `${kpi.title}(${ne.neName})`,
           last1Day: '', // 空白显示，loading状态表示正在获取数据
           last7Days: '',
           last30Days: '',