OMC/fe.ems.vue3
1
0
Fork 0
Code Issues Releases 3 Activity

feat:参数和接口修改问题

Browse Source
This commit is contained in:
zhongzm
2025-07-18 18:56:02 +08:00
parent 96c1f54b71
commit ee55be5fcc
1 changed files with 46 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
src/views/dashboard/overview2/index.vue
View File

@@ -11,9 +11,11 @@ import IMSActivity from './components/IMSActivity/index.vue';
import AlarnTypeBar from './components/AlarnTypeBar/index.vue'; import AlarnTypeBar from './components/AlarnTypeBar/index.vue';
import UPFFlow from './components/UPFFlow/index.vue'; import UPFFlow from './components/UPFFlow/index.vue';
import { listUDMSub } from '@/api/neData/udm_sub'; import { listUDMSub } from '@/api/neData/udm_sub';
import { listUENumBySMF } from '@/api/neUser/smf'; import { listSMFSubNum } from '@/api/neData/smf';
import { listUENumByIMS } from '@/api/neUser/ims'; import { listIMSSessionNum } from '@/api/neData/ims';
import { listBase5G } from '@/api/neUser/base5G';
import { listAMFNblist } from '@/api/neData/amf';
import { listMMENblist } from '@/api/neData/mme';
import { import {
graphNodeClickID, graphNodeClickID,
graphState, graphState,
@@ -27,7 +29,7 @@ import useWS from './hooks/useWS';
import useAppStore from '@/store/modules/app'; import useAppStore from '@/store/modules/app';
import { RESULT_CODE_SUCCESS } from '@/constants/result-constants'; import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import useNeInfoStore from '@/store/modules/neinfo'; import useNeListStore from '@/store/modules/ne_list';
import { message } from 'ant-design-vue'; import { message } from 'ant-design-vue';
import { upfWhoId } from './hooks/useWS'; import { upfWhoId } from './hooks/useWS';
import { import {
@@ -36,7 +38,7 @@ import {
import { listMMENbStatelist } from '@/api/neData/mme'; import { listMMENbStatelist } from '@/api/neData/mme';
const neInfoStore = useNeInfoStore(); const neListStore = useNeListStore();
const router = useRouter(); const router = useRouter();
const appStore = useAppStore(); const appStore = useAppStore();
const { t } = useI18n(); const { t } = useI18n();
@@ -140,13 +142,13 @@ async function fnGetSkim() {
{ {
request: (neId: string) => listUDMSub({ neId: neId, pageNum: 1, pageSize: 1 }), request: (neId: string) => listUDMSub({ neId: neId, pageNum: 1, pageSize: 1 }),
process: (res: any) => process: (res: any) =>
res.code === RESULT_CODE_SUCCESS && (skimState.udmSubNum = res.total), res.code === RESULT_CODE_SUCCESS && (skimState.udmSubNum = res.data.total),
}, },
], ],
[ [
'SMF', 'SMF',
{ {
request: (neId: string) => listUENumBySMF(neId), request: (neId: string) => listSMFSubNum(neId),
process: (res: any) => process: (res: any) =>
res.code === RESULT_CODE_SUCCESS && (skimState.smfUeNum += res.data), res.code === RESULT_CODE_SUCCESS && (skimState.smfUeNum += res.data),
}, },
@@ -154,28 +156,28 @@ async function fnGetSkim() {
[ [
'IMS', 'IMS',
{ {
request: (neId: string) => listUENumByIMS(neId), request: (neId: string) => listIMSSessionNum(neId),
process: (res: any) => process: (res: any) => {
res.code === RESULT_CODE_SUCCESS && (skimState.imsUeNum += res.data), if (
res.code === RESULT_CODE_SUCCESS &&
typeof res.data === 'number'
) {
skimState.imsUeNum += res.data;
}
},
}, },
], ],
[ [
'AMF', 'AMF',
{ {
request: (neId: string) => listBase5G({ neType: 'AMF', neId }), request: (neId: string) => listAMFNblist({ neId }),
process: async (res: any, neId: any) => { process: (res: any) => {
if (res.code === RESULT_CODE_SUCCESS) { if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
skimState.gnbNum += res.total; skimState.gnbNum += res.data.length;
skimState.gnbUeNum += res.rows.reduce( skimState.gnbUeNum += res.data.reduce(
(sum: number, item: any) => sum + item.ueNum, (sum: number, item: any) => sum + item.ueNum,
0 0
); );
const amfNbRes = await listAMFNbStatelist({ neId });
if (amfNbRes.code === RESULT_CODE_SUCCESS && Array.isArray(amfNbRes.data)) {
// skimState.gNbSumNum += amfNbRes.data.length;
tempGnbSumNum += amfNbRes.data.length;
}
} }
}, },
}, },
@@ -183,21 +185,14 @@ async function fnGetSkim() {
[ [
'MME', 'MME',
{ {
request: (neId: string) => listBase5G({ neType: 'MME', neId }), request: (neId: string) => listMMENblist({ neId }),
process: async (res: any, neId: any) => { process: (res: any) => {
if (res.code === RESULT_CODE_SUCCESS) { if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
skimState.enbNum += res.total; skimState.enbNum += res.data.length;
skimState.enbUeNum += res.rows.reduce( skimState.enbUeNum += res.data.reduce(
(sum: number, item: any) => sum + item.ueNum, (sum: number, item: any) => sum + item.ueNum,
0 0
); );
const mmeNbRes = await listMMENbStatelist({ neId });
if (mmeNbRes.code === RESULT_CODE_SUCCESS && Array.isArray(mmeNbRes.data)) {
// skimState.eNbSumNum += mmeNbRes.data.length;
tempEnbSumNum += mmeNbRes.data.length;
}
} }
}, },
}, },
@@ -262,7 +257,7 @@ async function fnGetSkim() {
// UDM // UDM
// listUDMSub({ neId: udmNeId.value, pageNum: 1, pageSize: 1 }).then(res => { // listUDMSub({ neId: udmNeId.value, pageNum: 1, pageSize: 1 }).then(res => {
// if (res.code === RESULT_CODE_SUCCESS) { // if (res.code === RESULT_CODE_SUCCESS) {
// skimState.udmSubNum = res.total; // skimState.udmSubNum = res.data.total;
// } else { // } else {
// skimState.udmSubNum = 0; // skimState.udmSubNum = 0;
// } // }
@@ -283,7 +278,7 @@ function loadData() {
clearInterval(interval10s.value); clearInterval(interval10s.value);
interval10s.value = setInterval(() => { interval10s.value = setInterval(() => {
if (!interval10s.value) return; if (!interval10s.value || !initFlag) return;
if (upfTFActive.value === '0') { if (upfTFActive.value === '0') {
upfTFSend('7'); upfTFSend('7');
upfTFActive.value = '7'; upfTFActive.value = '7';
@@ -347,7 +342,7 @@ async function fnSelectUDM(e: any) {
const res = await listUDMSub({ neId: udmNeId.value, pageNum: 1, pageSize: 1 }); const res = await listUDMSub({ neId: udmNeId.value, pageNum: 1, pageSize: 1 });
// listUDMSub({ neId: udmNeId.value, pageNum: 1, pageSize: 1 }).then(res => { // listUDMSub({ neId: udmNeId.value, pageNum: 1, pageSize: 1 }).then(res => {
if (res.code === RESULT_CODE_SUCCESS) { if (res.code === RESULT_CODE_SUCCESS) {
skimState.udmSubNum = res.total; skimState.udmSubNum = res.data.total;
}else{ }else{
skimState.udmSubNum = 0; skimState.udmSubNum = 0;
} }
@@ -372,7 +367,7 @@ const getPopupContainer = () => {
}; };
onMounted(() => { onMounted(() => {
neInfoStore neListStore
.fnNelist() .fnNelist()
.then(res => { .then(res => {
if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) { if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
@@ -421,7 +416,7 @@ onMounted(() => {
} }
// 过滤不可用的网元 // 过滤不可用的网元
neCascaderOptions.value = neInfoStore.getNeCascaderOptions.filter( neCascaderOptions.value = neListStore.getNeCascaderOptions.filter(
(item: any) => { (item: any) => {
return ['UDM', 'SMF', 'IMS', 'AMF', 'MME'].includes(item.value); return ['UDM', 'SMF', 'IMS', 'AMF', 'MME'].includes(item.value);
} }
@@ -480,8 +475,8 @@ onBeforeUnmount(() => {
</span> </span>
</h3> </h3>
<div class="data"> <div class="data">
<div class="item toRouter" :title="t('views.dashboard.overview.toRouter')"> <div class="item toRouter" :title="t('views.dashboard.overview.toRouter')" v-if="neListStore.fnHasNe(['udm'])">
<div @click="fnToRouter('Sub_2010')"> <div @click="fnToRouter('UdmSub_2001')">
<UserOutlined style="color: #4096ff; margin-right: 8px; font-size: 1.1rem" /> <UserOutlined style="color: #4096ff; margin-right: 8px; font-size: 1.1rem" />
{{ skimState.udmSubNum }} {{ skimState.udmSubNum }}
</div> </div>
@@ -501,8 +496,8 @@ onBeforeUnmount(() => {
</a-dropdown> </a-dropdown>
</span> </span>
</div> </div>
<div class="item toRouter" @click="fnToRouter('Ims_2080')" :title="t('views.dashboard.overview.toRouter')" <div class="item toRouter" @click="fnToRouter('ImsSub_2004')" :title="t('views.dashboard.overview.toRouter')"
style="margin: 0 12px" v-perms:has="['dashboard:overview:imsUeNum']"> style="margin: 0 12px" v-perms:has="['dashboard:overview:imsUeNum']" v-if="neListStore.fnHasNe(['ims'])">
<div> <div>
<img :src="svgUserIMS" style="width: 18px; margin-right: 8px" /> <img :src="svgUserIMS" style="width: 18px; margin-right: 8px" />
{{ skimState.imsUeNum }} {{ skimState.imsUeNum }}
@@ -511,8 +506,8 @@ onBeforeUnmount(() => {
{{ t('views.dashboard.overview.skim.imsUeNum') }} {{ t('views.dashboard.overview.skim.imsUeNum') }}
</span> </span>
</div> </div>
<div class="item toRouter" @click="fnToRouter('Ue_2081')" :title="t('views.dashboard.overview.toRouter')" <div class="item toRouter" @click="fnToRouter('SmfSub_2005')" :title="t('views.dashboard.overview.toRouter')"
v-perms:has="['dashboard:overview:smfUeNum']"> v-perms:has="['dashboard:overview:smfUeNum']" v-if="neListStore.fnHasNe(['smf'])">
<div> <div>
<img :src="svgUserSMF" style="width: 18px; margin-right: 8px" /> <img :src="svgUserSMF" style="width: 18px; margin-right: 8px" />
{{ skimState.smfUeNum }} {{ skimState.smfUeNum }}
@@ -618,7 +613,7 @@ onBeforeUnmount(() => {
<div class="column"> <div class="column">
<!-- 基站信息 --> <!-- 基站信息 -->
<div class="skim panel base" v-perms:has="['dashboard:overview:gnbBase']"> <div class="skim panel base" v-perms:has="['dashboard:overview:gnbBase']" v-if="neListStore.fnHasNe(['amf'])">
<div class="inner"> <div class="inner">
<h3 class="leftright"> <h3 class="leftright">
<span class="title"> <span class="title">
@@ -627,7 +622,7 @@ onBeforeUnmount(() => {
</span> </span>
</h3> </h3>
<div class="data" style="margin-top: 20px;"> <div class="data" style="margin-top: 20px;">
<div class="item toRouter" @click="fnToRouter('BaseStation_2096', { neType: 'AMF' })" <div class="item toRouter" @click="fnToRouter('BaseStation_2007', { neType: 'AMF' })"
:title="t('views.dashboard.overview.toRouter')"> :title="t('views.dashboard.overview.toRouter')">
<div style="align-items: flex-start"> <div style="align-items: flex-start">
<img :src="svgBase" style="width: 18px; margin-right: 8px; height: 2rem" /> <img :src="svgBase" style="width: 18px; margin-right: 8px; height: 2rem" />
@@ -635,7 +630,7 @@ onBeforeUnmount(() => {
</div> </div>
<span>{{ t('views.dashboard.overview.skim.gnbSumBase') }}</span> <span>{{ t('views.dashboard.overview.skim.gnbSumBase') }}</span>
</div> </div>
<div class="item toRouter" @click="fnToRouter('BaseStation_2096', { neType: 'AMF' })" <div class="item toRouter" @click="fnToRouter('BaseStation_2007', { neType: 'AMF' })"
:title="t('views.dashboard.overview.toRouter')"> :title="t('views.dashboard.overview.toRouter')">
<div style="align-items: flex-start"> <div style="align-items: flex-start">
<img :src="svgBase" style="width: 18px; margin-right: 8px; height: 2rem" /> <img :src="svgBase" style="width: 18px; margin-right: 8px; height: 2rem" />
@@ -655,12 +650,12 @@ onBeforeUnmount(() => {
</div> </div>
</div> </div>
<div class="skim panel base" v-perms:has="['dashboard:overview:enbBase']"> <div class="skim panel base" v-perms:has="['dashboard:overview:enbBase']" v-if="neListStore.fnHasNe(['mme'])">
<div class="inner"> <div class="inner">
<h3> <h3>
</h3> </h3>
<div class="data" style="margin-top: 40px;"> <div class="data" style="margin-top: 40px;">
<div class="item toRouter" @click="fnToRouter('BaseStation_2096', { neType: 'MME' })" <div class="item toRouter" @click="fnToRouter('BaseStation_2007', { neType: 'MME' })"
:title="t('views.dashboard.overview.toRouter')"> :title="t('views.dashboard.overview.toRouter')">
<div style="align-items: flex-start"> <div style="align-items: flex-start">
<img :src="svgBase" style="width: 18px; margin-right: 8px; height: 2rem" /> <img :src="svgBase" style="width: 18px; margin-right: 8px; height: 2rem" />
@@ -668,7 +663,7 @@ onBeforeUnmount(() => {
</div> </div>
<span>{{ t('views.dashboard.overview.skim.enbSumBase') }}</span> <span>{{ t('views.dashboard.overview.skim.enbSumBase') }}</span>
</div> </div>
<div class="item toRouter" @click="fnToRouter('BaseStation_2096', { neType: 'MME' })" <div class="item toRouter" @click="fnToRouter('BaseStation_2007', { neType: 'MME' })"
:title="t('views.dashboard.overview.toRouter')"> :title="t('views.dashboard.overview.toRouter')">
<div style="align-items: flex-start"> <div style="align-items: flex-start">
<img :src="svgBase" style="width: 18px; margin-right: 8px; height: 2rem" /> <img :src="svgBase" style="width: 18px; margin-right: 8px; height: 2rem" />
@@ -676,7 +671,7 @@ onBeforeUnmount(() => {
</div> </div>
<span>{{ t('views.dashboard.overview.skim.enbBase') }}</span> <span>{{ t('views.dashboard.overview.skim.enbBase') }}</span>
</div> </div>
<div class="item toRouter" @click="fnToRouter('BaseStation_2096', { neType: 'MME' })" <div class="item toRouter" @click="fnToRouter('BaseStation_2007', { neType: 'MME' })"
:title="t('views.dashboard.overview.toRouter')"> :title="t('views.dashboard.overview.toRouter')">
<div style="align-items: flex-start"> <div style="align-items: flex-start">
<UserOutlined style="color: #4096ff; margin-right: 8px; font-size: 1.1rem" /> <UserOutlined style="color: #4096ff; margin-right: 8px; font-size: 1.1rem" />