From 361fdf6959683e4aee86e54382dd518fb38e8dbf Mon Sep 17 00:00:00 2001 From: lai <371757574@qq.com> Date: Thu, 4 Jul 2024 14:40:17 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=A7=9F=E6=88=B7=E7=95=8C?= =?UTF-8?q?=E9=9D=A2=E6=8E=92=E7=89=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/svg/basefff.svg | 3 + src/views/index/css/module.css | 9 +- src/views/index/moduleInfo.vue | 156 ++++++++++++++------------------- 3 files changed, 78 insertions(+), 90 deletions(-) create mode 100644 src/assets/svg/basefff.svg diff --git a/src/assets/svg/basefff.svg b/src/assets/svg/basefff.svg new file mode 100644 index 00000000..4525c32b --- /dev/null +++ b/src/assets/svg/basefff.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/views/index/css/module.css b/src/views/index/css/module.css index 2a89fbab..c2b52744 100644 --- a/src/views/index/css/module.css +++ b/src/views/index/css/module.css @@ -1,6 +1,6 @@ .cardClass { width: 100%; - height: 100%; + height:170px; border-radius: 10px; } @@ -43,6 +43,13 @@ position: absolute; right: 15px; padding-right: 15px; + top: 50%; +} +.detailsLeft { + position: absolute; + left: 15px; + padding-left: 15px; + top: 50%; } /* .details { diff --git a/src/views/index/moduleInfo.vue b/src/views/index/moduleInfo.vue index 4ae27942..6f9c987b 100644 --- a/src/views/index/moduleInfo.vue +++ b/src/views/index/moduleInfo.vue @@ -4,6 +4,7 @@ import useI18n from '@/hooks/useI18n'; import { RESULT_CODE_SUCCESS } from '@/constants/result-constants'; import { listUDMSub } from '@/api/neData/udm_sub'; 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'; const router = useRouter(); @@ -112,6 +113,12 @@ onMounted(() => { :hoverable="true" class="cardClass" > +
+ + {{ t('views.dashboard.overview.skim.users') }} + +
+
@@ -120,11 +127,6 @@ onMounted(() => { {{ skimState.udmSubNum }} -
- - {{ t('views.dashboard.overview.skim.users') }} - -
@@ -136,6 +138,11 @@ onMounted(() => { :hoverable="true" class="cardClass" > +
+ + {{ t('views.dashboard.overview.skim.smfUeNum') }} + +
@@ -144,11 +151,6 @@ onMounted(() => { {{ skimState.smfUeNum }} -
- - {{ t('views.dashboard.overview.skim.smfUeNum') }} - -
@@ -160,46 +162,34 @@ onMounted(() => { :hoverable="true" class="cardClass" > - - -
- -
-
-
- - {{ skimState.gnbNum }} -
-
- {{ - t('views.dashboard.overview.skim.gnbBase') - }} -
-
- - -
- -
-
-
- - {{ skimState.gnbUeNum }} -
-
- {{ - t('views.dashboard.overview.skim.gnbUeNum') - }} -
-
- - +
+ + 5G + +
+ +
+
+ + {{ skimState.gnbNum }} +
+
+
+
+ + {{ skimState.gnbUeNum }} +
+
@@ -210,45 +200,33 @@ onMounted(() => { :hoverable="true" class="cardClass" > - - -
- -
-
-
- - {{ skimState.enbNum }} -
-
- {{ - t('views.dashboard.overview.skim.enbBase') - }} -
-
- - -
- -
-
-
- {{ skimState.enbUeNum }} -
-
- {{ - t('views.dashboard.overview.skim.enbUeNum') - }} -
-
- - +
+ + 4G + +
+ +
+
+ + {{ skimState.enbNum }} +
+
+
+
+ {{ skimState.enbUeNum }} +
+