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

feat:参数值推送显示修复

Browse Source
This commit is contained in:
zhongzm
2025-07-30 18:34:39 +08:00
parent ee55be5fcc
commit aa16a7356f
1 changed files with 484 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

614
src/views/perfManage/overview/index.vue
View File

@@ -16,13 +16,17 @@
class="ims-select"
:allow-clear="false"
/>
<!-- <a-button-->
<!-- type="primary"-->
<!-- style="margin-left: 16px;"-->
<!-- @click="testDataUpdate"-->
<!-- >-->
<!-- 测试数据更新-->
<!-- </a-button>-->
<!-- 调试信息 -->
<div style="margin-top: 8px; font-size: 12px; color: #666;">
WebSocket状态: {{ wsStatus }} | 数据点数量: {{ imsRealtimeRawData.length }}
</div>
<a-button
type="primary"
style="margin-left: 16px;"
@click="testDataUpdate"
>
测试数据更新
</a-button>
<!-- <div style="margin-top: 8px; font-size: 12px; color: #666;">-->
<!-- WebSocket状态: {{ wsStatus }} | 数据点数量: {{ imsRealtimeRawData.length }}-->
<!-- </div>-->
@@ -213,14 +217,14 @@ async function fetchHistoryData(neId: string) {
try {
// 计算30分钟前的时间
const endTime = Date.now()
const startTime = endTime - (30 * 60 * 1000) // 30分钟前
const beginTime = endTime - (30 * 60 * 1000) // 30分钟前
// 构建查询参数，与黄金指标界面保持一致
const params = {
neType: 'IMS',
neId: neId,
interval: 60, // 1分钟颗粒度
startTime: startTime.toString(),
beginTime: beginTime.toString(),
endTime: endTime.toString(),
sortField: 'timeGroup',
sortOrder: 'desc',
@@ -233,7 +237,7 @@ async function fetchHistoryData(neId: string) {
const res = await listKPIData(params)
console.log('历史数据响应:', res)
if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
if (res.code === 200001 && Array.isArray(res.data)) {
// 将历史数据转换为与实时数据相同的格式
const historyData = res.data.map((item: any) => ({
timestamp: item.timeGroup || Date.now(),
@@ -246,6 +250,9 @@ async function fetchHistoryData(neId: string) {
// 注意：这里直接赋值，因为这是初始加载历史数据
imsRealtimeRawData.value = historyData
console.log('历史数据加载完成，数据点数量:', imsRealtimeRawData.value.length)
console.log('最新历史数据时间戳:', historyData.length > 0 ? historyData[historyData.length - 1].timestamp : '无数据')
// 更新所有图表
updateActiveCallsChart()
updateFailedCallsChart()
@@ -375,6 +382,11 @@ function updateActiveCallsChart() {
// 生成时间轴数据
const xAxisData = Array.from({ length: chartData.length }, (_, i) => i + 1)
// 计算最大值、最小值、最新值
const maxValue = Math.max(...chartData)
const minValue = Math.min(...chartData)
const latestValue = chartData[chartData.length - 1]
chart.setOption({
grid: { left: 0, right: 0, top: 10, bottom: 10 },
xAxis: { type: 'category', show: false, data: xAxisData },
@@ -384,8 +396,45 @@ function updateActiveCallsChart() {
type: 'line', symbol: 'none',
lineStyle: { width: 2, color: '#1890ff' }, // 蓝色线条表示有数据
areaStyle: { color: 'rgba(24,144,255,0.1)' } // 淡蓝色填充
}]
}],
graphic: [
{
type: 'text',
right: 8,
top: 8,
style: {
text: maxValue.toString(),
fontSize: 12,
fill: '#666',
fontWeight: 'bold'
}
},
{
type: 'text',
right: 8,
top: '50%',
style: {
text: latestValue.toString(),
fontSize: 12,
fill: '#1890ff',
fontWeight: 'bold'
}
},
{
type: 'text',
right: 8,
bottom: 8,
style: {
text: minValue.toString(),
fontSize: 12,
fill: '#666',
fontWeight: 'bold'
}
}
]
})
console.log('updateActiveCallsChart - 图表更新完成')
}
// 更新failed calls图表
@@ -439,6 +488,11 @@ function updateFailedCallsChart() {
// 生成时间轴数据
const xAxisData = Array.from({ length: chartData.length }, (_, i) => i + 1)
// 计算最大值、最小值、最新值
const maxValue = Math.max(...chartData)
const minValue = Math.min(...chartData)
const latestValue = chartData[chartData.length - 1]
chart.setOption({
grid: { left: 0, right: 0, top: 10, bottom: 10 },
xAxis: { type: 'category', show: false, data: xAxisData },
@@ -448,7 +502,42 @@ function updateFailedCallsChart() {
type: 'line', symbol: 'none',
lineStyle: { width: 2, color: '#faad14' }, // 橙色线条表示failed calls
areaStyle: { color: 'rgba(250,173,20,0.1)' } // 淡橙色填充
}]
}],
graphic: [
{
type: 'text',
right: 8,
top: 8,
style: {
text: maxValue.toString(),
fontSize: 12,
fill: '#666',
fontWeight: 'bold'
}
},
{
type: 'text',
right: 8,
top: '50%',
style: {
text: latestValue.toString(),
fontSize: 12,
fill: '#faad14',
fontWeight: 'bold'
}
},
{
type: 'text',
right: 8,
bottom: 8,
style: {
text: minValue.toString(),
fontSize: 12,
fill: '#666',
fontWeight: 'bold'
}
}
]
})
}
@@ -501,6 +590,11 @@ function updateActiveRegistrationsChart() {
// 生成时间轴数据
const xAxisData = Array.from({ length: chartData.length }, (_, i) => i + 1)
// 计算最大值、最小值、最新值
const maxValue = Math.max(...chartData)
const minValue = Math.min(...chartData)
const latestValue = chartData[chartData.length - 1]
chart.setOption({
grid: { left: 0, right: 0, top: 10, bottom: 10 },
xAxis: { type: 'category', show: false, data: xAxisData },
@@ -510,7 +604,42 @@ function updateActiveRegistrationsChart() {
type: 'line', symbol: 'none',
lineStyle: { width: 2, color: '#1890ff' }, // 蓝色线条表示active registrations
areaStyle: { color: 'rgba(24,144,255,0.1)' } // 淡蓝色填充
}]
}],
graphic: [
{
type: 'text',
right: 8,
top: 8,
style: {
text: maxValue.toString(),
fontSize: 12,
fill: '#666',
fontWeight: 'bold'
}
},
{
type: 'text',
right: 8,
top: '50%',
style: {
text: latestValue.toString(),
fontSize: 12,
fill: '#1890ff',
fontWeight: 'bold'
}
},
{
type: 'text',
right: 8,
bottom: 8,
style: {
text: minValue.toString(),
fontSize: 12,
fill: '#666',
fontWeight: 'bold'
}
}
]
})
}
@@ -565,6 +694,11 @@ function updateFailedRegistrationsChart() {
// 生成时间轴数据
const xAxisData = Array.from({ length: chartData.length }, (_, i) => i + 1)
// 计算最大值、最小值、最新值
const maxValue = Math.max(...chartData)
const minValue = Math.min(...chartData)
const latestValue = chartData[chartData.length - 1]
chart.setOption({
grid: { left: 0, right: 0, top: 10, bottom: 10 },
xAxis: { type: 'category', show: false, data: xAxisData },
@@ -574,51 +708,86 @@ function updateFailedRegistrationsChart() {
type: 'line', symbol: 'none',
lineStyle: { width: 2, color: '#f5222d' }, // 红色线条表示failed registrations
areaStyle: { color: 'rgba(245,34,45,0.1)' } // 淡红色填充
}]
}],
graphic: [
{
type: 'text',
right: 8,
top: 8,
style: {
text: maxValue.toString(),
fontSize: 12,
fill: '#666',
fontWeight: 'bold'
}
},
{
type: 'text',
right: 8,
top: '50%',
style: {
text: latestValue.toString(),
fontSize: 12,
fill: '#f5222d',
fontWeight: 'bold'
}
},
{
type: 'text',
right: 8,
bottom: 8,
style: {
text: minValue.toString(),
fontSize: 12,
fill: '#666',
fontWeight: 'bold'
}
}
]
})
}
// 处理IMS实时数据（只存储当前选中网元）
function handleIMSRealtimeData(res: any) {
// console.log('收到实时数据:', res) // 调试信息
console.log('收到实时数据:', res) // 调试信息
// 检查数据结构：后端实际格式是 {code: 1, data: {...}, msg: 'success'}
// 检查数据结构：后端实际格式是 {code: 200001, data: {...}, msg: 'success'}
const { code, data, msg } = res
// 检查是否是错误响应
if (code !== 1 || !data) {
// console.warn('收到错误响应或数据格式不正确:', res) // 调试信息
// 检查是否是错误响应 - 修改为适配实际的code值
if (code !== 200001 || !data) {
console.warn('收到错误响应或数据格式不正确:', res) // 调试信息
return
}
// 检查是否是连接确认消息（只包含clientId）
if (data.clientId) {
// console.log('收到WebSocket连接确认消息:', data.clientId) // 调试信息
console.log('收到WebSocket连接确认消息:', data.clientId) // 调试信息
return
}
// 检查是否是KPI数据消息（包含data和groupId）
if (data.data && data.groupId) {
// console.log('收到KPI数据消息，groupId:', data.groupId) // 调试信息
console.log('收到KPI数据消息，groupId:', data.groupId) // 调试信息
// 解析订阅组ID，确认是我们订阅的IMS网元
const [_, neType, neId] = data.groupId.split('_')
if (neType !== 'IMS' || neId !== selectedImsNeId.value) {
// console.log('收到其他网元数据，忽略:', data.groupId) // 调试信息
console.log('收到其他网元数据，忽略:', data.groupId) // 调试信息
return
}
const kpiEvent = data.data
if (!kpiEvent) {
// console.warn('KPI事件数据为空') // 调试信息
console.warn('KPI事件数据为空') // 调试信息
return
}
// console.log('处理IMS网元KPI数据:', kpiEvent) // 调试信息
console.log('处理IMS网元KPI数据:', kpiEvent) // 调试信息
// 确保数据结构正确
const dataToStore = {
timestamp: Date.now(),
timestamp: kpiEvent.timeGroup || Date.now(),
data: kpiEvent
}
@@ -632,6 +801,10 @@ function handleIMSRealtimeData(res: any) {
console.log('实时数据已添加，当前数据点数量:', imsRealtimeRawData.value.length)
console.log('最新数据:', dataToStore)
console.log('最新数据时间戳:', dataToStore.timestamp)
// 强制触发Vue响应式更新
imsRealtimeRawData.value = [...imsRealtimeRawData.value]
// 更新active calls图表
updateActiveCallsChart()
@@ -642,7 +815,7 @@ function handleIMSRealtimeData(res: any) {
// 更新failed registrations图表
updateFailedRegistrationsChart()
} else {
// console.log('收到未知格式的数据:', data) // 调试信息
console.log('收到未知格式的数据:', data) // 调试信息
}
}
@@ -669,16 +842,56 @@ onMounted(() => {
// MOS - 保持原有的模拟数据
if (mosChartRef.value) {
const chart = echarts.init(mosChartRef.value)
const mosData = [4.62, 4.50, 4.40, 4.35, 4.30]
const maxValue = Math.max(...mosData)
const minValue = Math.min(...mosData)
const latestValue = mosData[mosData.length - 1]
chart.setOption({
grid: { left: 0, right: 0, top: 10, bottom: 10 },
xAxis: { type: 'category', show: false, data: [1,2,3,4,5] },
yAxis: { type: 'value', show: false },
series: [{
data: [4.62, 4.50, 4.40, 4.35, 4.30],
data: mosData,
type: 'line', symbol: 'none',
lineStyle: { width: 2, color: '#52c41a' },
areaStyle: { color: 'rgba(82,196,26,0.1)' }
}]
}],
graphic: [
{
type: 'text',
right: 8,
top: 8,
style: {
text: maxValue.toFixed(2),
fontSize: 12,
fill: '#666',
fontWeight: 'bold'
}
},
{
type: 'text',
right: 8,
top: '50%',
style: {
text: latestValue.toFixed(2),
fontSize: 12,
fill: '#52c41a',
fontWeight: 'bold'
}
},
{
type: 'text',
right: 8,
bottom: 8,
style: {
text: minValue.toFixed(2),
fontSize: 12,
fill: '#666',
fontWeight: 'bold'
}
}
]
})
}
@@ -754,13 +967,13 @@ function calculateMOChange() {
const previousMO = calculateMOValueFromData(previousKpi)
// 检查MO是否有有效值
if (latestMO === '-' || previousMO === '-') return '±0.00% last 5s'
if (latestMO === '-' || previousMO === '-') return '±0.00% last 1m'
// 计算变化幅度
const change = latestMO - previousMO
// 检查是否有变化
if (change === 0) return '±0.00% last 5s'
if (change === 0) return '±0.00% last 1m'
const changeText = change > 0 ? `+${change.toFixed(2)}%` : `${change.toFixed(2)}%`
@@ -772,13 +985,13 @@ function calculateMOChange() {
// 计算MT变化值（完善版本）
function calculateMTChange() {
if (imsRealtimeRawData.value.length < 2) return '±0.00% last 5s'
if (imsRealtimeRawData.value.length < 2) return '±0.00% last 1m'
// 获取最新和上一个数据点
const latestData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 1]
const previousData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 2]
if (!latestData?.data || !previousData?.data) return '±0.00% last 5s'
if (!latestData?.data || !previousData?.data) return '±0.00% last 1m'
const latestKpi = latestData.data
const previousKpi = previousData.data
@@ -787,13 +1000,13 @@ function calculateMTChange() {
const previousMT = calculateMTValueFromData(previousKpi)
// 检查MT是否有有效值
if (latestMT === '-' || previousMT === '-') return '±0.00% last 5s'
if (latestMT === '-' || previousMT === '-') return '±0.00% last 1m'
// 计算变化幅度
const change = latestMT - previousMT
// 检查是否有变化
if (change === 0) return '±0.00% last 5s'
if (change === 0) return '±0.00% last 1m'
const changeText = change > 0 ? `+${change.toFixed(2)}%` : `${change.toFixed(2)}%`
@@ -809,6 +1022,9 @@ function calculateTimeDifference(latestData: any, previousData: any) {
const latestTime = latestData.timestamp || latestData.time || Date.now()
const previousTime = previousData.timestamp || previousData.time || Date.now()
console.log('计算时间差 - 最新数据时间戳:', latestTime)
console.log('计算时间差 - 上一个数据时间戳:', previousTime)
// 计算时间差（毫秒）
const diffMs = Math.abs(latestTime - previousTime)
@@ -818,6 +1034,10 @@ function calculateTimeDifference(latestData: any, previousData: any) {
// 转换为分钟
const diffMinutes = Math.floor(diffSeconds / 60)
console.log('计算时间差 - 时间差（毫秒）:', diffMs)
console.log('计算时间差 - 时间差（秒）:', diffSeconds)
console.log('计算时间差 - 时间差（分钟）:', diffMinutes)
// 根据时间差返回合适的格式
if (diffMinutes > 0) {
return `${diffMinutes}m`
@@ -860,13 +1080,13 @@ function calculateRegSuccessValue() {
// 计算registration success变化值
function calculateRegSuccessChange() {
if (imsRealtimeRawData.value.length < 2) return '±0.00% last 5s'
if (imsRealtimeRawData.value.length < 2) return '±0.00% last 1m'
// 获取最新和上一个数据点
const latestData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 1]
const previousData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 2]
if (!latestData?.data || !previousData?.data) return '±0.00% last 5s'
if (!latestData?.data || !previousData?.data) return '±0.00% last 1m'
const latestKpi = latestData.data
const previousKpi = previousData.data
@@ -875,13 +1095,13 @@ function calculateRegSuccessChange() {
const previousRegSuccess = calculateRegSuccessValueFromData(previousKpi)
// 检查registration success是否有有效值
if (latestRegSuccess === '-' || previousRegSuccess === '-') return '±0.00% last 5s'
if (latestRegSuccess === '-' || previousRegSuccess === '-') return '±0.00% last 1m'
// 计算变化幅度
const change = latestRegSuccess - previousRegSuccess
// 检查是否有变化
if (change === 0) return '±0.00% last 5s'
if (change === 0) return '±0.00% last 1m'
const changeText = change > 0 ? `+${change.toFixed(2)}%` : `${change.toFixed(2)}%`
@@ -909,39 +1129,20 @@ function calculateActiveCallsValue() {
const kpiEvent = latestData.data
const scscf07 = Number(kpiEvent['SCSCF.07']) || 0
if (scscf07 === 0) return '-'
// 修改：即使值为0也显示"0"，因为这是有效的后端数据
const activeCallsValue = scscf07
return activeCallsValue.toFixed(0)
}
// 计算active calls箭头方向
function calculateActiveCallsArrowDirection() {
const changeText = calculateActiveCallsChange()
if (changeText.startsWith('+')) return 'up'
if (changeText.startsWith('-')) return 'down'
return 'up' // ±0 或无变化时默认向上
}
// 计算active calls箭头
function calculateActiveCallsArrow() {
const changeText = calculateActiveCallsChange()
if (changeText.startsWith('+')) return '↗'
if (changeText.startsWith('-')) return '↘'
return '→' // ±0 或无变化时显示水平箭头
}
// 计算active calls变化值
function calculateActiveCallsChange() {
if (imsRealtimeRawData.value.length < 2) return '±0 last 5s'
if (imsRealtimeRawData.value.length < 2) return 'up'
// 获取最新和上一个数据点
const latestData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 1]
const previousData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 2]
if (!latestData?.data || !previousData?.data) return '±0 last 5s'
if (!latestData?.data || !previousData?.data) return 'up'
const latestKpi = latestData.data
const previousKpi = previousData.data
@@ -949,14 +1150,60 @@ function calculateActiveCallsChange() {
const latestActiveCalls = Number(latestKpi['SCSCF.07']) || 0
const previousActiveCalls = Number(previousKpi['SCSCF.07']) || 0
// 检查active calls是否有有效值
if (latestActiveCalls === 0 || previousActiveCalls === 0) return '±0 last 5s'
// 计算变化幅度
const change = latestActiveCalls - previousActiveCalls
if (change > 0) return 'up'
if (change < 0) return 'down'
return 'up' // 无变化时默认向上
}
// 计算active calls箭头
function calculateActiveCallsArrow() {
if (imsRealtimeRawData.value.length < 2) return '→'
// 获取最新和上一个数据点
const latestData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 1]
const previousData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 2]
if (!latestData?.data || !previousData?.data) return '→'
const latestKpi = latestData.data
const previousKpi = previousData.data
const latestActiveCalls = Number(latestKpi['SCSCF.07']) || 0
const previousActiveCalls = Number(previousKpi['SCSCF.07']) || 0
// 计算变化幅度
const change = latestActiveCalls - previousActiveCalls
if (change > 0) return '↗'
if (change < 0) return '↘'
return '→' // 无变化时显示水平箭头
}
// 计算active calls变化值
function calculateActiveCallsChange() {
if (imsRealtimeRawData.value.length < 2) return '±0 last 1m'
// 获取最新和上一个数据点
const latestData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 1]
const previousData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 2]
if (!latestData?.data || !previousData?.data) return '±0 last 1m'
const latestKpi = latestData.data
const previousKpi = previousData.data
const latestActiveCalls = Number(latestKpi['SCSCF.07']) || 0
const previousActiveCalls = Number(previousKpi['SCSCF.07']) || 0
// 修改：即使值为0也参与计算，因为这是有效的后端数据
// 计算变化幅度
const change = latestActiveCalls - previousActiveCalls
// 检查是否有变化
if (change === 0) return '±0 last 5s'
if (change === 0) return '±0 last 1m'
const changeText = change > 0 ? `+${change.toFixed(0)}` : `${change.toFixed(0)}`
@@ -984,31 +1231,71 @@ function calculateFailedCallsValue() {
// 计算failed calls箭头方向
function calculateFailedCallsArrowDirection() {
const changeText = calculateFailedCallsChange()
if (changeText.startsWith('+')) return 'up'
if (changeText.startsWith('-')) return 'down'
return 'up' // ±0 或无变化时默认向上
}
// 计算failed calls箭头
function calculateFailedCallsArrow() {
const changeText = calculateFailedCallsChange()
if (changeText.startsWith('+')) return '↗'
if (changeText.startsWith('-')) return '↘'
return '→' // ±0 或无变化时显示水平箭头
}
// 计算failed calls变化值
function calculateFailedCallsChange() {
if (imsRealtimeRawData.value.length < 2) return '±0 last 5s'
if (imsRealtimeRawData.value.length < 2) return 'up'
// 获取最新和上一个数据点
const latestData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 1]
const previousData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 2]
if (!latestData?.data || !previousData?.data) return '±0 last 5s'
if (!latestData?.data || !previousData?.data) return 'up'
const latestKpi = latestData.data
const previousKpi = previousData.data
const latestScscf06 = Number(latestKpi['SCSCF.06']) || 0
const latestScscf07 = Number(latestKpi['SCSCF.07']) || 0
const previousScscf06 = Number(previousKpi['SCSCF.06']) || 0
const previousScscf07 = Number(previousKpi['SCSCF.07']) || 0
const latestFailedCalls = latestScscf06 - latestScscf07
const previousFailedCalls = previousScscf06 - previousScscf07
// 计算变化幅度
const change = latestFailedCalls - previousFailedCalls
if (change > 0) return 'up'
if (change < 0) return 'down'
return 'up' // 无变化时默认向上
}
// 计算failed calls箭头
function calculateFailedCallsArrow() {
if (imsRealtimeRawData.value.length < 2) return '→'
// 获取最新和上一个数据点
const latestData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 1]
const previousData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 2]
if (!latestData?.data || !previousData?.data) return '→'
const latestKpi = latestData.data
const previousKpi = previousData.data
const latestScscf06 = Number(latestKpi['SCSCF.06']) || 0
const latestScscf07 = Number(latestKpi['SCSCF.07']) || 0
const previousScscf06 = Number(previousKpi['SCSCF.06']) || 0
const previousScscf07 = Number(previousKpi['SCSCF.07']) || 0
const latestFailedCalls = latestScscf06 - latestScscf07
const previousFailedCalls = previousScscf06 - previousScscf07
// 计算变化幅度
const change = latestFailedCalls - previousFailedCalls
if (change > 0) return '↗'
if (change < 0) return '↘'
return '→' // 无变化时显示水平箭头
}
// 计算failed calls变化值
function calculateFailedCallsChange() {
if (imsRealtimeRawData.value.length < 2) return '±0 last 1m'
// 获取最新和上一个数据点
const latestData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 1]
const previousData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 2]
if (!latestData?.data || !previousData?.data) return '±0 last 1m'
const latestKpi = latestData.data
const previousKpi = previousData.data
@@ -1025,7 +1312,7 @@ function calculateFailedCallsChange() {
const change = latestFailedCalls - previousFailedCalls
// 检查是否有变化
if (change === 0) return '±0 last 5s'
if (change === 0) return '±0 last 1m'
const changeText = change > 0 ? `+${change.toFixed(0)}` : `${change.toFixed(0)}`
@@ -1046,39 +1333,20 @@ function calculateActiveRegistrationsValue() {
const kpiEvent = latestData.data
const scscf03 = Number(kpiEvent['SCSCF.03']) || 0
if (scscf03 === 0) return '-'
// 修改：即使值为0也显示"0"，因为这是有效的后端数据
const activeRegistrationsValue = scscf03
return activeRegistrationsValue.toFixed(0)
}
// 计算active registrations箭头方向
function calculateActiveRegistrationsArrowDirection() {
const changeText = calculateActiveRegistrationsChange()
if (changeText.startsWith('+')) return 'up'
if (changeText.startsWith('-')) return 'down'
return 'up' // ±0 或无变化时默认向上
}
// 计算active registrations箭头
function calculateActiveRegistrationsArrow() {
const changeText = calculateActiveRegistrationsChange()
if (changeText.startsWith('+')) return '↗'
if (changeText.startsWith('-')) return '↘'
return '→' // ±0 或无变化时显示水平箭头
}
// 计算active registrations变化值
function calculateActiveRegistrationsChange() {
if (imsRealtimeRawData.value.length < 2) return '±0 last 5s'
if (imsRealtimeRawData.value.length < 2) return 'up'
// 获取最新和上一个数据点
const latestData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 1]
const previousData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 2]
if (!latestData?.data || !previousData?.data) return '±0 last 5s'
if (!latestData?.data || !previousData?.data) return 'up'
const latestKpi = latestData.data
const previousKpi = previousData.data
@@ -1086,14 +1354,60 @@ function calculateActiveRegistrationsChange() {
const latestActiveRegistrations = Number(latestKpi['SCSCF.03']) || 0
const previousActiveRegistrations = Number(previousKpi['SCSCF.03']) || 0
// 检查active registrations是否有有效值
if (latestActiveRegistrations === 0 || previousActiveRegistrations === 0) return '±0 last 5s'
// 计算变化幅度
const change = latestActiveRegistrations - previousActiveRegistrations
if (change > 0) return 'up'
if (change < 0) return 'down'
return 'up' // 无变化时默认向上
}
// 计算active registrations箭头
function calculateActiveRegistrationsArrow() {
if (imsRealtimeRawData.value.length < 2) return '→'
// 获取最新和上一个数据点
const latestData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 1]
const previousData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 2]
if (!latestData?.data || !previousData?.data) return '→'
const latestKpi = latestData.data
const previousKpi = previousData.data
const latestActiveRegistrations = Number(latestKpi['SCSCF.03']) || 0
const previousActiveRegistrations = Number(previousKpi['SCSCF.03']) || 0
// 计算变化幅度
const change = latestActiveRegistrations - previousActiveRegistrations
if (change > 0) return '↗'
if (change < 0) return '↘'
return '→' // 无变化时显示水平箭头
}
// 计算active registrations变化值
function calculateActiveRegistrationsChange() {
if (imsRealtimeRawData.value.length < 2) return '±0 last 1m'
// 获取最新和上一个数据点
const latestData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 1]
const previousData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 2]
if (!latestData?.data || !previousData?.data) return '±0 last 1m'
const latestKpi = latestData.data
const previousKpi = previousData.data
const latestActiveRegistrations = Number(latestKpi['SCSCF.03']) || 0
const previousActiveRegistrations = Number(previousKpi['SCSCF.03']) || 0
// 修改：即使值为0也参与计算，因为这是有效的后端数据
// 计算变化幅度
const change = latestActiveRegistrations - previousActiveRegistrations
// 检查是否有变化
if (change === 0) return '±0 last 5s'
if (change === 0) return '±0 last 1m'
const changeText = change > 0 ? `+${change.toFixed(0)}` : `${change.toFixed(0)}`
@@ -1121,31 +1435,71 @@ function calculateFailedRegistrationsValue() {
// 计算failed registrations箭头方向
function calculateFailedRegistrationsArrowDirection() {
const changeText = calculateFailedRegistrationsChange()
if (changeText.startsWith('+')) return 'up'
if (changeText.startsWith('-')) return 'down'
return 'up' // ±0 或无变化时默认向上
}
// 计算failed registrations箭头
function calculateFailedRegistrationsArrow() {
const changeText = calculateFailedRegistrationsChange()
if (changeText.startsWith('+')) return '↗'
if (changeText.startsWith('-')) return '↘'
return '→' // ±0 或无变化时显示水平箭头
}
// 计算failed registrations变化值
function calculateFailedRegistrationsChange() {
if (imsRealtimeRawData.value.length < 2) return '±0 last 5s'
if (imsRealtimeRawData.value.length < 2) return 'up'
// 获取最新和上一个数据点
const latestData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 1]
const previousData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 2]
if (!latestData?.data || !previousData?.data) return '±0 last 5s'
if (!latestData?.data || !previousData?.data) return 'up'
const latestKpi = latestData.data
const previousKpi = previousData.data
const latestScscf04 = Number(latestKpi['SCSCF.04']) || 0
const latestScscf03 = Number(latestKpi['SCSCF.03']) || 0
const previousScscf04 = Number(previousKpi['SCSCF.04']) || 0
const previousScscf03 = Number(previousKpi['SCSCF.03']) || 0
const latestFailedRegistrations = latestScscf04 - latestScscf03
const previousFailedRegistrations = previousScscf04 - previousScscf03
// 计算变化幅度
const change = latestFailedRegistrations - previousFailedRegistrations
if (change > 0) return 'up'
if (change < 0) return 'down'
return 'up' // 无变化时默认向上
}
// 计算failed registrations箭头
function calculateFailedRegistrationsArrow() {
if (imsRealtimeRawData.value.length < 2) return '→'
// 获取最新和上一个数据点
const latestData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 1]
const previousData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 2]
if (!latestData?.data || !previousData?.data) return '→'
const latestKpi = latestData.data
const previousKpi = previousData.data
const latestScscf04 = Number(latestKpi['SCSCF.04']) || 0
const latestScscf03 = Number(latestKpi['SCSCF.03']) || 0
const previousScscf04 = Number(previousKpi['SCSCF.04']) || 0
const previousScscf03 = Number(previousKpi['SCSCF.03']) || 0
const latestFailedRegistrations = latestScscf04 - latestScscf03
const previousFailedRegistrations = previousScscf04 - previousScscf03
// 计算变化幅度
const change = latestFailedRegistrations - previousFailedRegistrations
if (change > 0) return '↗'
if (change < 0) return '↘'
return '→' // 无变化时显示水平箭头
}
// 计算failed registrations变化值
function calculateFailedRegistrationsChange() {
if (imsRealtimeRawData.value.length < 2) return '±0 last 1m'
// 获取最新和上一个数据点
const latestData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 1]
const previousData = imsRealtimeRawData.value[imsRealtimeRawData.value.length - 2]
if (!latestData?.data || !previousData?.data) return '±0 last 1m'
const latestKpi = latestData.data
const previousKpi = previousData.data
@@ -1162,7 +1516,7 @@ function calculateFailedRegistrationsChange() {
const change = latestFailedRegistrations - previousFailedRegistrations
// 检查是否有变化
if (change === 0) return '±0 last 5s'
if (change === 0) return '±0 last 1m'
const changeText = change > 0 ? `+${change.toFixed(0)}` : `${change.toFixed(0)}`