feat:语音仪表盘中英补充

This commit is contained in:
zhongzm
2025-08-22 16:28:04 +08:00
parent f16b07a2d6
commit 194ad023bd
3 changed files with 45 additions and 15 deletions

View File

@@ -1069,6 +1069,21 @@ export default {
"chooseShowMetrics":"Select the metric you want to display", "chooseShowMetrics":"Select the metric you want to display",
"chooseMetrics":"Select an indicator", "chooseMetrics":"Select an indicator",
}, },
voiceOverView:{
"voiceTitle":"Voice Calls Dashboard",
"tips":"Data and voice statistics per minute",
"ne":"NE",
"now":"now",
"last":"last",
"calls":"Calls",
"activeCall":"active calls",
"callMOMT":"calls MO/MT",
"failedcall":"failed calls",
"registration":"Registrations",
"activeregistration":"active registrations",
"registrationsuccess":"registration success",
"failedregistration":"failed registrations total",
},
}, },
traceManage: { traceManage: {
pcap: { pcap: {

View File

@@ -1069,6 +1069,21 @@ export default {
"chooseShowMetrics":"选择需要显示的指标", "chooseShowMetrics":"选择需要显示的指标",
"chooseMetrics":"选择指标", "chooseMetrics":"选择指标",
}, },
voiceOverView:{
"voiceTitle":"语音通话仪表盘",
"tips":"每分钟数据语音统计",
"ne":"网元",
"now":"现在",
"last":"过去",
"calls":"呼叫",
"activeCall":"正在通话",
"callMOMT":"呼叫 主叫接通率/被叫接通率",
"failedcall":"失败呼叫",
"registration":"注册",
"activeregistration":"主动注册",
"registrationsuccess":"注册成功率",
"failedregistration":"失败注册",
},
}, },
traceManage: { traceManage: {
pcap: { pcap: {

View File

@@ -168,7 +168,7 @@ const imsWs = ref<any>(null)
// IMS实时原始数据只存储当前选中网元 // IMS实时原始数据只存储当前选中网元
const imsRealtimeRawData = ref<any[]>([]) const imsRealtimeRawData = ref<any[]>([])
// WebSocket连接状态 // WebSocket连接状态
const wsStatus = ref('未连接') const wsStatus = ref('no connection')
// 获取IMS网元列表 // 获取IMS网元列表
onMounted(async () => { onMounted(async () => {
@@ -276,7 +276,7 @@ async function onImsNeChange() {
// 订阅指定IMS网元实时数据 // 订阅指定IMS网元实时数据
function subscribeImsRealtime(neId: string) { function subscribeImsRealtime(neId: string) {
// console.log('开始订阅IMS网元数据网元ID:', neId) // 调试信息 // console.log('开始订阅IMS网元数据网元ID:', neId) // 调试信息
wsStatus.value = '连接中...' // 更新状态 wsStatus.value = 'Connecting...' // 更新状态
// 关闭旧WebSocket // 关闭旧WebSocket
if (imsWs.value) { if (imsWs.value) {
@@ -299,15 +299,15 @@ function subscribeImsRealtime(neId: string) {
onmessage: handleIMSRealtimeData, onmessage: handleIMSRealtimeData,
onerror: (error: any) => { onerror: (error: any) => {
// console.error('WebSocket连接错误:', error) // 调试信息 // console.error('WebSocket连接错误:', error) // 调试信息
wsStatus.value = '连接错误' // 更新状态 wsStatus.value = 'Connect error' // 更新状态
}, },
onopen: () => { onopen: () => {
// console.log('WebSocket连接已建立') // 调试信息 // console.log('WebSocket连接已建立') // 调试信息
wsStatus.value = '已连接' // 更新状态 wsStatus.value = 'Connected' // 更新状态
}, },
onclose: () => { onclose: () => {
// console.log('WebSocket连接已关闭') // 调试信息 // console.log('WebSocket连接已关闭') // 调试信息
wsStatus.value = '已断开' // 更新状态 wsStatus.value = 'Disconnect' // 更新状态
} }
}) })
} }
@@ -318,7 +318,7 @@ onBeforeUnmount(() => {
imsWs.value.close() imsWs.value.close()
imsWs.value = null imsWs.value = null
} }
wsStatus.value = '已断开' // 更新状态 wsStatus.value = 'Disconnect' // 更新状态
}) })
// 更新active calls图表 // 更新active calls图表
@@ -338,8 +338,8 @@ function updateActiveCallsChart() {
return scscf07 return scscf07
}) })
console.log('updateActiveCallsChart - 原始数据点数量:', imsRealtimeRawData.value.length) // console.log('updateActiveCallsChart - 原始数据点数量:', imsRealtimeRawData.value.length)
console.log('updateActiveCallsChart - 图表数据:', chartData) // console.log('updateActiveCallsChart - 图表数据:', chartData)
// 如果没有数据,显示默认的平直线 // 如果没有数据,显示默认的平直线
if (chartData.length === 0) { if (chartData.length === 0) {
@@ -377,7 +377,7 @@ function updateActiveCallsChart() {
chartData.splice(0, chartData.length - 30) chartData.splice(0, chartData.length - 30)
} }
console.log('updateActiveCallsChart - 最终图表数据点数量:', chartData.length) // console.log('updateActiveCallsChart - 最终图表数据点数量:', chartData.length)
// 生成时间轴数据 // 生成时间轴数据
const xAxisData = Array.from({ length: chartData.length }, (_, i) => i + 1) const xAxisData = Array.from({ length: chartData.length }, (_, i) => i + 1)
@@ -1034,7 +1034,7 @@ function handleIMSRealtimeData(res: any) {
return return
} }
console.log('处理IMS网元KPI数据:', kpiEvent) // 调试信息 // console.log('处理IMS网元KPI数据:', kpiEvent) // 调试信息
// 确保数据结构正确 // 确保数据结构正确
const dataToStore = { const dataToStore = {
@@ -1273,8 +1273,8 @@ function calculateTimeDifference(latestData: any, previousData: any) {
const latestTime = latestData.timestamp || latestData.time || Date.now() const latestTime = latestData.timestamp || latestData.time || Date.now()
const previousTime = previousData.timestamp || previousData.time || Date.now() const previousTime = previousData.timestamp || previousData.time || Date.now()
console.log('计算时间差 - 最新数据时间戳:', latestTime) // console.log('计算时间差 - 最新数据时间戳:', latestTime)
console.log('计算时间差 - 上一个数据时间戳:', previousTime) // console.log('计算时间差 - 上一个数据时间戳:', previousTime)
// 计算时间差(毫秒) // 计算时间差(毫秒)
const diffMs = Math.abs(latestTime - previousTime) const diffMs = Math.abs(latestTime - previousTime)
@@ -1285,9 +1285,9 @@ function calculateTimeDifference(latestData: any, previousData: any) {
// 转换为分钟 // 转换为分钟
const diffMinutes = Math.floor(diffSeconds / 60) const diffMinutes = Math.floor(diffSeconds / 60)
console.log('计算时间差 - 时间差(毫秒):', diffMs) // console.log('计算时间差 - 时间差(毫秒):', diffMs)
console.log('计算时间差 - 时间差(秒):', diffSeconds) // console.log('计算时间差 - 时间差(秒):', diffSeconds)
console.log('计算时间差 - 时间差(分钟):', diffMinutes) // console.log('计算时间差 - 时间差(分钟):', diffMinutes)
// 根据时间差返回合适的格式 // 根据时间差返回合适的格式
if (diffMinutes > 0) { if (diffMinutes > 0) {