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

fix: KPI总览无数据时展示title

Browse Source
This commit is contained in:
TsMask
2025-03-24 19:55:20 +08:00
parent 30a8fc2dc8
commit d5f744bffc
1 changed files with 25 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/views/perfManage/kpiOverView/index.vue
View File

@@ -42,7 +42,7 @@ interface ChartDataItem {
const tableLoading = ref(false); const tableLoading = ref(false);
const rangeLoading = ref(false); const rangeLoading = ref(false);
//网元类型定义 //网元类型定义
const ALL_NE_TYPES = ['AMF', 'SMF', 'UPF', 'IMS'] as const; const ALL_NE_TYPES = ['AMF', 'UPF', 'IMS'] as const;
type NeType = (typeof ALL_NE_TYPES)[number]; type NeType = (typeof ALL_NE_TYPES)[number];
echarts.use([ echarts.use([
@@ -119,11 +119,11 @@ const toggleRealtime = () => {
// 定义要筛选的指标 ID，按网元类型组织 // 定义要筛选的指标 ID，按网元类型组织
const TARGET_KPI_IDS: Record<NeType, string[]> = { const TARGET_KPI_IDS: Record<NeType, string[]> = {
AMF: ['AMF.02', 'AMF.03', 'AMF.A.07', 'AMF.A.08'], AMF: ['AMF.02', 'AMF.03'],
SMF: ['SMF.02', 'SMF.03', 'SMF.04', 'SMF.05'], // SMF: ['SMF.02', 'SMF.03', 'SMF.04', 'SMF.05'],
UPF: ['UPF.03', 'UPF.04', 'UPF.05', 'UPF.06'], UPF: ['UPF.04', 'UPF.05'],
// MME: ['MME.A.01', 'MME.A.02', 'MME.A.03'], // MME: ['MME.A.01', 'MME.A.02', 'MME.A.03'],
IMS: ['SCSCF.01', 'SCSCF.02', 'SCSCF.05', 'SCSCF.06'], IMS: ['SCSCF.03', 'SCSCF.04', 'SCSCF.06'],
// SMSC: ['SMSC.A.01', 'SMSC.A.02', 'SMSC.A.03'], // SMSC: ['SMSC.A.01', 'SMSC.A.02', 'SMSC.A.03'],
}; };
@@ -186,13 +186,15 @@ const wsMessage = (res: Record<string, any>) => {
return; return;
} }
const { code, data } = res; const { code, data } = res;
if (code === RESULT_CODE_ERROR || !data?.groupId) return; if (code === RESULT_CODE_ERROR || !data?.groupId) {
tableLoading.value = false;
return;
}
handleWebSocketMessage(data.data); handleWebSocketMessage(data.data);
}; };
// 添加数据处理函数 // 添加数据处理函数
const processChartData = (rawData: any[]) => { const processChartData = (rawData: any[]) => {
const groupedData = new Map<string, any>(); //数据按时间分组 const groupedData = new Map<string, any>(); //数据按时间分组
rawData.forEach(item => { rawData.forEach(item => {
//合并相同时间点的数据 //合并相同时间点的数据
const timeKey = item.timeGroup; const timeKey = item.timeGroup;
@@ -755,7 +757,22 @@ const kpiStats = ref<KPIStats[]>([]);
// 添加一个计算函数来更新统计数据 // 添加一个计算函数来更新统计数据
const updateKpiStats = () => { const updateKpiStats = () => {
if (!chartData.value.length || !kpiColumns.value.length) { if (!chartData.value.length || !kpiColumns.value.length) {
kpiStats.value = []; kpiStats.value = selectedKPIs.value.map(kpiId => {
// 找到对应的KPI标题
let title = kpiId;
const kpi = kpiColumns.value.find(col => col.kpiId === kpiId);
if (kpi) {
title = kpi.title;
}
return {
kpiId: kpiId,
title: title,
max: 0,
min: 0,
avg: 0,
total: 0,
};
});
return; return;
} }
kpiStats.value = selectedKPIs.value kpiStats.value = selectedKPIs.value