feat:参数值推送显示修复

src/views/perfManage/overview/index.vue

@@ -16,13 +16,17 @@
         class="ims-select"
         :allow-clear="false"
       />
-      <!--      <a-button-->
+      <!-- 调试信息 -->
-      <!--        type="primary"-->
+      <div style="margin-top: 8px; font-size: 12px; color: #666;">
-      <!--        style="margin-left: 16px;"-->
+        WebSocket状态: {{ wsStatus }} | 数据点数量: {{ imsRealtimeRawData.length }}
-      <!--        @click="testDataUpdate"-->
+      </div>
-      <!--      >-->
+      <a-button
-      <!--        测试数据更新-->
+        type="primary"
-      <!--      </a-button>-->
+        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
 
-  // 检查是否是错误响应
+  // 检查是否是错误响应 - 修改为适配实际的code值
-  if (code !== 1 || !data) {
+  if (code !== 200001 || !data) {
-    // console.warn('收到错误响应或数据格式不正确:', res) // 调试信息
+    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 (imsRealtimeRawData.value.length < 2) return 'up'
-
-  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'
 
   // 获取最新和上一个数据点
   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 (imsRealtimeRawData.value.length < 2) return 'up'
-
-  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'
 
   // 获取最新和上一个数据点
   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 (imsRealtimeRawData.value.length < 2) return 'up'
-
-  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'
 
   // 获取最新和上一个数据点
   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 (imsRealtimeRawData.value.length < 2) return 'up'
-
-  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'
 
   // 获取最新和上一个数据点
   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)}`