fix: 总览数值累加/基站跳转页面修改

This commit is contained in:
TsMask
2025-02-27 15:33:08 +08:00
parent 82d328e974
commit 88a2167bed
2 changed files with 32 additions and 15 deletions

View File

@@ -73,9 +73,9 @@ let neCascaderOptions = ref<Record<string, any>[]>([]);
const viewportDom = ref<HTMLElement | null>(null); const viewportDom = ref<HTMLElement | null>(null);
const { isFullscreen, toggle } = useFullscreen(viewportDom); const { isFullscreen, toggle } = useFullscreen(viewportDom);
let initFlag = false;
/**10s调度器 */ /**10s调度器 */
const interval10s = ref<any>(null); const interval10s = ref<any>(null);
/**5s调度器 */ /**5s调度器 */
const interval5s = ref<any>(null); const interval5s = ref<any>(null);
@@ -118,16 +118,28 @@ async function fnGetSkim() {
'SMF', 'SMF',
{ {
request: (neId: string) => listSMFSubNum(neId), request: (neId: string) => listSMFSubNum(neId),
process: (res: any) => process: (res: any) => {
res.code === RESULT_CODE_SUCCESS && (skimState.smfUeNum += res.data), if (
res.code === RESULT_CODE_SUCCESS &&
typeof res.data === 'number'
) {
skimState.smfUeNum += res.data;
}
},
}, },
], ],
[ [
'IMS', 'IMS',
{ {
request: (neId: string) => listIMSSessionNum(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;
}
},
}, },
], ],
[ [
@@ -135,7 +147,7 @@ async function fnGetSkim() {
{ {
request: (neId: string) => listAMFNblist({ neId }), request: (neId: string) => listAMFNblist({ neId }),
process: (res: any) => { process: (res: any) => {
if (res.code === RESULT_CODE_SUCCESS) { if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
skimState.gnbNum += res.data.length; skimState.gnbNum += res.data.length;
skimState.gnbUeNum += res.data.reduce( skimState.gnbUeNum += res.data.reduce(
(sum: number, item: any) => sum + item.ueNum, (sum: number, item: any) => sum + item.ueNum,
@@ -150,7 +162,7 @@ async function fnGetSkim() {
{ {
request: (neId: string) => listMMENblist({ neId }), request: (neId: string) => listMMENblist({ neId }),
process: (res: any) => { process: (res: any) => {
if (res.code === RESULT_CODE_SUCCESS) { if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
skimState.enbNum += res.data.length; skimState.enbNum += res.data.length;
skimState.enbUeNum += res.data.reduce( skimState.enbUeNum += res.data.reduce(
(sum: number, item: any) => sum + item.ueNum, (sum: number, item: any) => sum + item.ueNum,
@@ -206,7 +218,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';
@@ -221,7 +233,7 @@ function loadData() {
clearInterval(interval5s.value); clearInterval(interval5s.value);
interval5s.value = setInterval(() => { interval5s.value = setInterval(() => {
if (!interval5s.value) return; if (!interval5s.value || !initFlag) return;
fnGetSkim(); // 获取概览信息 fnGetSkim(); // 获取概览信息
fnGetNeState(); // 获取网元状态 fnGetNeState(); // 获取网元状态
}, 5_000); }, 5_000);
@@ -305,6 +317,7 @@ onMounted(() => {
} }
}) })
.finally(() => { .finally(() => {
initFlag = true;
fnGetSkim().then(() => { fnGetSkim().then(() => {
loadData(); loadData();
}); });
@@ -316,6 +329,7 @@ onBeforeUnmount(() => {
interval10s.value = null; interval10s.value = null;
clearInterval(interval5s.value); clearInterval(interval5s.value);
interval5s.value = null; interval5s.value = null;
initFlag = false;
}); });
</script> </script>
@@ -397,7 +411,7 @@ onBeforeUnmount(() => {
<div class="data"> <div class="data">
<div <div
class="item toRouter" class="item toRouter"
@click="fnToRouter('Base5G_2082', { neType: 'AMF' })" @click="fnToRouter('BaseStation_2096', { 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">
@@ -411,7 +425,7 @@ onBeforeUnmount(() => {
</div> </div>
<div <div
class="item toRouter" class="item toRouter"
@click="fnToRouter('Base5G_2082', { neType: 'AMF' })" @click="fnToRouter('BaseStation_2096', { 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">
@@ -434,7 +448,7 @@ onBeforeUnmount(() => {
<div class="data"> <div class="data">
<div <div
class="item toRouter" class="item toRouter"
@click="fnToRouter('Base5G_2082', { neType: 'MME' })" @click="fnToRouter('BaseStation_2096', { 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">
@@ -448,7 +462,7 @@ onBeforeUnmount(() => {
</div> </div>
<div <div
class="item toRouter" class="item toRouter"
@click="fnToRouter('Base5G_2082', { neType: 'MME' })" @click="fnToRouter('BaseStation_2096', { 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">

View File

@@ -30,6 +30,8 @@ import {
import { RESULT_CODE_SUCCESS } from '@/constants/result-constants'; import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
import saveAs from 'file-saver'; import saveAs from 'file-saver';
import { readSheet, writeSheet } from '@/utils/execl-utils'; import { readSheet, writeSheet } from '@/utils/execl-utils';
import { useRoute } from 'vue-router';
const route = useRoute();
// 异步加载组件 // 异步加载组件
const HistoryModal = defineAsyncComponent( const HistoryModal = defineAsyncComponent(
() => import('./components/history.vue') () => import('./components/history.vue')
@@ -277,7 +279,7 @@ function fnGetList() {
return; return;
} }
req.then(res => { req.then(res => {
if (res.code === RESULT_CODE_SUCCESS) { if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
// 取消勾选 // 取消勾选
if (tableState.selectedRowKeys.length > 0) { if (tableState.selectedRowKeys.length > 0) {
tableState.selectedRowKeys = []; tableState.selectedRowKeys = [];
@@ -666,7 +668,8 @@ onMounted(() => {
}); });
neCascaderOptions.value = arr; neCascaderOptions.value = arr;
// 无查询参数neType时 默认选择AMF // 无查询参数neType时 默认选择AMF
const item = arr.find(s => s.value === 'AMF'); const queryNeType = (route.query.neType as string) || 'AMF';
const item = arr.find(s => s.value === queryNeType);
if (item && item.children) { if (item && item.children) {
const info = item.children[0]; const info = item.children[0];
neTypeAndId.value = [info.neType, info.neId]; neTypeAndId.value = [info.neType, info.neId];