From c36f402528a64d3e228494c95a34d6346bcfc3b3 Mon Sep 17 00:00:00 2001 From: lai <371757574@qq.com> Date: Thu, 11 Jul 2024 19:36:05 +0800 Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E7=A7=9F=E6=88=B7=E9=A6=96?= =?UTF-8?q?=E9=A1=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/index/css/module.css | 12 +- src/views/index/moduleInfo.vue | 206 ++++++++++++++++++++++++--------- 2 files changed, 157 insertions(+), 61 deletions(-) diff --git a/src/views/index/css/module.css b/src/views/index/css/module.css index c2b52744..0c1fe7bc 100644 --- a/src/views/index/css/module.css +++ b/src/views/index/css/module.css @@ -1,6 +1,6 @@ .cardClass { width: 100%; - height:170px; + height:220px; border-radius: 10px; } @@ -10,13 +10,13 @@ .visual { width: 80px; - height: 80px; + height: 120px; display: block; float: left; - padding-top: 2px; + padding-top: 32px; padding-left: -30px; margin-bottom: 15px; - font-size: 100px; + font-size: 120px; line-height: 55px; background-size: contain; opacity: 0.2; /* 调整透明度以使其成为背景 */ @@ -43,13 +43,13 @@ position: absolute; right: 15px; padding-right: 15px; - top: 50%; + top: 60%; } .detailsLeft { position: absolute; left: 15px; padding-left: 15px; - top: 50%; + top: 60%; } /* .details { diff --git a/src/views/index/moduleInfo.vue b/src/views/index/moduleInfo.vue index 7a661ee2..1f920f40 100644 --- a/src/views/index/moduleInfo.vue +++ b/src/views/index/moduleInfo.vue @@ -7,6 +7,10 @@ import { listUENumBySMF, listUEInfoBySMF } from '@/api/neUser/smf'; import svgBasefff from '@/assets/svg/basefff.svg'; import { listBase5G } from '@/api/neUser/base5G'; import { useRouter } from 'vue-router'; +import { listUENumByIMS } from '@/api/neUser/ims'; +import { listSMFDataCDR } from '@/api/neData/smf'; +import { listIMSDataCDR } from '@/api/neData/ims'; +import { listSysLogOperate } from '@/api/system/log/operate'; const router = useRouter(); const { t } = useI18n(); @@ -24,6 +28,14 @@ type SkimStateType = { enbNum: number; /**4G在线用户数量 */ enbUeNum: number; + /**IMS在线用户数量 */ + imsUeNum: number; + /**SMF CDR数量 */ + smfCdrNum: number; + /**IMS CDR数量 */ + imsCdrNum: number; + /**操作日志数量 */ + operNum: number; }; /**概览状态信息 */ @@ -34,6 +46,10 @@ let skimState: SkimStateType = reactive({ gnbUeNum: 0, enbNum: 0, enbUeNum: 0, + imsUeNum: 0, + smfCdrNum: 0, + imsCdrNum: 0, + operNum: 0, }); /**获取概览信息 */ @@ -57,6 +73,23 @@ async function fnGetSkim() { neType: 'MME', neId: '001', }), + listUENumByIMS('001'), + listSMFDataCDR({ + neType: 'SMF', + neId: '001', + pageNum: 1, + pageSize: 20, + }), + listIMSDataCDR({ + neType: 'IMS', + neId: '001', + pageNum: 1, + pageSize: 20, + }), + listSysLogOperate({ + pageNum: 1, + pageSize: 20, + }), ]); if (resArr[0].status === 'fulfilled') { @@ -92,6 +125,31 @@ async function fnGetSkim() { }); } } + if (resArr[4].status === 'fulfilled') { + const res4 = resArr[4].value; + if (res4.code === RESULT_CODE_SUCCESS) { + skimState.imsUeNum = res4.data; + } + } + if (resArr[5].status === 'fulfilled') { + const res5 = resArr[5].value; + if (res5.code === RESULT_CODE_SUCCESS) { + skimState.smfCdrNum = res5.total; + } + } + + if (resArr[6].status === 'fulfilled') { + const res6 = resArr[6].value; + if (res6.code === RESULT_CODE_SUCCESS) { + skimState.imsCdrNum = res6.total; + } + } + if (resArr[7].status === 'fulfilled') { + const res7 = resArr[7].value; + if (res7.code === RESULT_CODE_SUCCESS) { + skimState.operNum = res7.total; + } + } } /**栏目信息跳转 */ @@ -105,8 +163,9 @@ onMounted(() => {