fix: 总览数值累加/基站跳转页面修改
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
@@ -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];
|
||||||
|
|||||||
Reference in New Issue
Block a user