rev: 回退看板，修复切换upf的流量统计显示

src/views/dashboard/overview/index.vue

@@ -84,20 +84,22 @@ function fnGetNeState() {
   // 获取节点状态
   for (const node of graphState.data.nodes) {
     if (notNeNodes.includes(node.id)) continue;
-    const { neType, neId } = node.neInfo;
-    if (!neType || !neId) continue;
-    // 请求标记检查避免重复发送
-    if (neStateRequestMap.value.get(neType)) continue;
-    neStateRequestMap.value.set(neType, true);
 
-    wsSend({
-      requestId: `neState_${neType}_${neId}`,
-      type: 'ne_state',
-      data: {
-        neType: neType,
-        neId: neId,
-      },
-    });
+    const neInfoList = node.neInfoList || [];
+    if (neInfoList.length === 0) continue;
+
+    for (const neInfo of neInfoList) {
+      if (!neInfo.neType || !neInfo.neId) continue;
+
+      wsSend({
+        requestId: `neState_${neInfo.neType}_${neInfo.neId}`,
+        type: 'ne_state',
+        data: {
+          neType: neInfo.neType,
+          neId: neInfo.neId,
+        },
+      });
+    }
   }
 }
 
@@ -189,7 +191,7 @@ async function fnGetSkim() {
     enbNum: 0,
     enbUeNum: 0,
   });
-  results.forEach((result, index) => {
+  results.forEach((result: any, index: any) => {
     if (result.status === 'fulfilled') {
       requests[index].process(result.value);
     } else {
@@ -233,7 +235,7 @@ function loadData() {
     if (!interval5s.value || !initFlag) return;
     fnGetSkim(); // 获取概览信息
     fnGetNeState(); // 获取网元状态
-  }, 5_000);
+  }, 10_000);
 }
 
 /**栏目信息跳转 */
@@ -260,6 +262,8 @@ function fnSelectNe(value: any, option: any) {
 
 let udmNeId = ref<string>('001');
 let udmOtions = ref<Record<string, any>[]>([]);
+let onlineOtions = ref<Record<string, any>[]>([]);
+
 /**用户数量-选择UDM */
 function fnSelectUDM(e: any) {
   udmNeId.value = e.key;
@@ -269,7 +273,11 @@ function fnSelectUDM(e: any) {
     }
   });
 }
-
+/**资源控制-选择NE */
+function fnSelectNeRe(e: any) {
+  graphNodeClickID.value = e.key;
+}
+//
 // 定义一个方法返回 views 容器
 const getPopupContainer = () => {
   // 使用 ref 或其他方式来引用你的 views 容器
@@ -296,19 +304,47 @@ onMounted(() => {
             //queryParams.neRealId = arr[0].value;
             fnSelectNe(arr[0].value, arr[0]);
           }
+          //online Ne
+          let onlineArr: Record<string, any>[] = [];
 
           // UDM
           let arr1: Record<string, any>[] = [];
           res.data.forEach((v: any) => {
+            if (
+              v.status &&
+              [
+                'UDM',
+                'UPF',
+                'AUSF',
+                'PCF',
+                'SMF',
+                'AMF',
+                'OMC',
+                'SMSC',
+                'IMS',
+                'MME',
+              ].includes(v.neType)
+            ) {
+              onlineArr.push({
+                value: v.neType + '_' + v.neId,
+                label: v.neName,
+                rmUid: v.rmUid,
+              });
+            }
             if (v.neType === 'UDM') {
               arr1.push({ value: v.neId, label: v.neName, rmUid: v.rmUid });
             }
           });
           udmOtions.value = arr1;
+          onlineOtions.value = onlineArr;
           if (arr1.length > 0) {
             fnSelectUDM({ key: arr1[0].value });
           }
 
+          if (onlineArr.length > 0) {
+            fnSelectNeRe({ key: onlineArr[0].value });
+          }
+
           // 过滤不可用的网元
           neCascaderOptions.value = neInfoStore.getNeCascaderOptions.filter(
             (item: any) => {
@@ -382,7 +418,10 @@ onBeforeUnmount(() => {
                 {{ skimState.udmSubNum }}
               </div>
               <span>
-                <a-dropdown :trigger="['click']">
+                <a-dropdown
+                  :trigger="['click']"
+                  :get-Popup-Container="getPopupContainer"
+                >
                   <div class="toDeep-text">
                     {{ t('views.dashboard.overview.skim.users') }}
                     <DownOutlined style="margin-left: 12px; font-size: 12px" />
@@ -645,10 +684,25 @@ onBeforeUnmount(() => {
       <!-- 资源情况 -->
       <div class="resources panel">
         <div class="inner">
-          <h3>
+          <h3 style="display: flex; align-items: center">
             <DashboardOutlined style="color: #68d8fe" />&nbsp;&nbsp;
             {{ t('views.dashboard.overview.resources.title') }}：
-            {{ graphNodeClickID }}
+            <a-dropdown
+              :trigger="['click']"
+              :get-Popup-Container="getPopupContainer"
+            >
+              <div class="toDeep-text">
+                {{ graphNodeClickID }}
+                <DownOutlined style="margin-left: 12px; font-size: 12px" />
+              </div>
+              <template #overlay>
+                <a-menu @click="fnSelectNeRe">
+                  <a-menu-item v-for="v in onlineOtions" :key="v.value">
+                    {{ v.label }}
+                  </a-menu-item>
+                </a-menu>
+              </template>
+            </a-dropdown>
           </h3>
           <div class="chart">
             <NeResources />
@@ -661,6 +715,7 @@ onBeforeUnmount(() => {
 
 <style lang="less" scoped>
 @import url('./css/index.css');
+
 .toDeep {
   --editor-background-color: blue;
 }
@@ -677,6 +732,7 @@ onBeforeUnmount(() => {
 .toDeep :deep(.ant-select-selection-item) {
   color: #fff;
 }
+
 .toDeep-text {
   color: #4c9bfd !important;
   font-size: 0.844rem !important;