From 908d9341db4f8d25533553f3676d8b92c7657918 Mon Sep 17 00:00:00 2001
From: lai <371757574@qq.com>
Date: Wed, 21 Feb 2024 16:47:18 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0MME=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/overview/index.vue | 66 ++++++++++++++++++++++++--
 1 file changed, 63 insertions(+), 3 deletions(-)

diff --git a/src/views/dashboard/overview/index.vue b/src/views/dashboard/overview/index.vue
index 7bd69f51..c63b8e9d 100644
--- a/src/views/dashboard/overview/index.vue
+++ b/src/views/dashboard/overview/index.vue
@@ -13,6 +13,7 @@ import { listSub } from '@/api/neUser/sub';
 import { listUENumBySMF } from '@/api/neUser/smf';
 import { listUENumByIMS } from '@/api/neUser/ims';
 import { listBase5G } from '@/api/neUser/base5G';
+import { useRouter } from 'vue-router';
 
 import {
   graphNodeClickID,
@@ -30,6 +31,7 @@ import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 const appStore = useAppStore();
 const { t } = useI18n();
 const { wsSend, cdrEventSend, ueEventSend, upfTFSend } = useWS();
+const router = useRouter();
 
 /**概览状态类型 */
 type SkimStateType = {
@@ -39,8 +41,14 @@ type SkimStateType = {
   smfUeNum: number;
   /**IMS在线用户数 */
   imsUeNum: number;
-  /**基站数量 */
+  /**5G基站数量 */
   nbNum: number;
+  /**4G基站数量 */
+  enbNum: number;
+  /**5G在线用户数量 */
+  gnbUeNum: number;
+  /**4G在线用户数量 */
+  enbUeNum: number;
 };
 
 /**概览状态信息 */
@@ -49,6 +57,9 @@ let skimState: SkimStateType = reactive({
   smfUeNum: 0,
   imsUeNum: 0,
   nbNum: 0,
+  enbNum: 0,
+  gnbUeNum: 0,
+  enbUeNum: 0,
 });
 
 /**总览节点 */
@@ -107,6 +118,14 @@ async function fnGetSkim() {
     }),
     listUENumBySMF('001'),
     listUENumByIMS('001'),
+    listBase5G({
+      neType: 'MME',
+      neId: '001',
+      id: '',
+      pageNum: 1,
+      /**每页条数 */
+      pageSize: 20,
+    }),
   ]);
 
   if (resArr[0].status === 'fulfilled') {
@@ -119,6 +138,10 @@ async function fnGetSkim() {
     const res1 = resArr[1].value;
     if (res1.code === RESULT_CODE_SUCCESS) {
       skimState.nbNum = res1.total;
+      skimState.gnbUeNum = 0;
+      res1.rows.map((item: any) => {
+        skimState.gnbUeNum += item.ueNum;
+      });
     }
   }
   if (resArr[2].status === 'fulfilled') {
@@ -133,6 +156,16 @@ async function fnGetSkim() {
       skimState.imsUeNum = res3.data;
     }
   }
+  if (resArr[4].status === 'fulfilled') {
+    const res4 = resArr[4].value;
+    if (res4.code === RESULT_CODE_SUCCESS) {
+      skimState.enbNum = res4.total;
+      skimState.enbUeNum = 0;
+      res4.rows.map((item: any) => {
+        skimState.enbUeNum += item.ueNum;
+      });
+    }
+  }
 }
 
 /**初始数据函数 */
@@ -156,6 +189,10 @@ function loadData() {
   }, 10_000);
 }
 
+function goToAlarmPage() {
+  router.push({ name: 'ActiveAlarm_2088' });
+}
+
 onMounted(() => {
   fnGetSkim().then(() => {
     loadData();
@@ -243,6 +280,29 @@ onBeforeUnmount(() => {
                 {{ t('views.dashboard.overview.skim.base') }}
               </span>
             </div>
+            <div class="item">
+              <div style="align-items: flex-start">
+                <img
+                  :src="svgBase"
+                  style="width: 18px; margin-right: 8px; height: 2rem"
+                />
+                {{ skimState.enbNum }}
+              </div>
+              <span>
+                {{ t('views.dashboard.overview.skim.base') }}
+              </span>
+            </div>
+            <div class="item">
+              <div>
+                <UserOutlined
+                  style="color: #4096ff; margin-right: 8px; font-size: 1.1rem"
+                />
+                {{ skimState.gnbUeNum }}
+              </div>
+              <span>
+                {{ t('views.dashboard.overview.skim.users') }}
+              </span>
+            </div>
           </div>
         </div>
       </div>
@@ -345,11 +405,11 @@ onBeforeUnmount(() => {
             </div>
           </div>
         </div>
-      </div>
+      </div> 
       <!-- 告警统计 -->
       <div class="alarmType panel">
         <div class="inner">
-          <h3>
+          <h3 >
             <PieChartOutlined style="color: #68d8fe" />&nbsp;&nbsp;
             {{ t('views.dashboard.overview.alarmTypeBar.alarmSum') }}
           </h3>