|
|
|
@ -352,10 +352,10 @@ |
|
|
|
const { timestamp, title: timestampTitle } = getDisplayTimestamp(log); |
|
|
|
return `<div class="log-item" data-index="${index}"> |
|
|
|
<span class="log-timestamp" title="${timestampTitle}">${timestamp}</span> |
|
|
|
<span class="log-layer" title="${log.layer || ''}">${log.layer || ''}</span> |
|
|
|
<span class="log-direction" title="${formatDirection(log.direction)}">${formatDirection(log.direction)}</span> |
|
|
|
<span class="log-message" title="${log.message || ''}">${log.message || ''}</span> |
|
|
|
<span class="log-info" title="${log.info || ''}">${log.info || ''}</span> |
|
|
|
<span class="log-layer" title="${log.Layer || ''}">${log.Layer || ''}</span> |
|
|
|
<span class="log-direction" title="${formatDirection(log.Direction)}">${formatDirection(log.Direction)}</span> |
|
|
|
<span class="log-message" title="${log.Message || ''}">${log.Message || ''}</span> |
|
|
|
<span class="log-info" title="${log.Info || ''}">${log.Info || ''}</span> |
|
|
|
</div>`; |
|
|
|
} |
|
|
|
|
|
|
|
@ -386,50 +386,20 @@ |
|
|
|
function showLogDetail(index) { |
|
|
|
const log = allLogsData[index]; |
|
|
|
if (!log) return; |
|
|
|
|
|
|
|
|
|
|
|
detailPlaceholder.classList.add('d-none'); |
|
|
|
|
|
|
|
const { timestamp, note: timestampNote } = getDisplayTimestamp(log); |
|
|
|
|
|
|
|
const dataContent = (log.Data && Array.isArray(log.Data) && log.Data.length > 0) |
|
|
|
? log.Data.join('\n') |
|
|
|
: 'N/A'; |
|
|
|
|
|
|
|
const detailHtml = ` |
|
|
|
<div class="detail-item"> |
|
|
|
<div class="detail-item-label">Timestamp</div> |
|
|
|
<div class="detail-item-value">${timestamp}${timestampNote}</div> |
|
|
|
</div> |
|
|
|
<div class="detail-item"> |
|
|
|
<div class="detail-item-label">Layer</div> |
|
|
|
<div class="detail-item-value">${log.layer || 'N/A'}</div> |
|
|
|
</div> |
|
|
|
<div class="detail-item"> |
|
|
|
<div class="detail-item-label">Direction</div> |
|
|
|
<div class="detail-item-value">${formatDirection(log.direction)} (${log.direction})</div> |
|
|
|
</div> |
|
|
|
<div class="detail-item"> |
|
|
|
<div class="detail-item-label">UeId</div> |
|
|
|
<div class="detail-item-value">${log.ueId || 'N/A'}</div> |
|
|
|
</div> |
|
|
|
<div class="detail-item"> |
|
|
|
<div class="detail-item-label">Rnti</div> |
|
|
|
<div class="detail-item-value">${log.rnti || 'N/A'}</div> |
|
|
|
</div> |
|
|
|
<div class="detail-item"> |
|
|
|
<div class="detail-item-label">Client</div> |
|
|
|
<div class="detail-item-value">${log.client || 'N/A'}</div> |
|
|
|
</div> |
|
|
|
<div class="detail-item"> |
|
|
|
<div class="detail-item-label">Message</div> |
|
|
|
<div class="detail-item-value">${log.message || ''}</div> |
|
|
|
</div> |
|
|
|
<div class="detail-item"> |
|
|
|
<div class="detail-item-label">Info</div> |
|
|
|
<div class="detail-item-value">${log.info || ''}</div> |
|
|
|
</div> |
|
|
|
<div class="detail-item"> |
|
|
|
<div class="detail-item-label">Data</div> |
|
|
|
<div class="detail-item-value">${log.data || 'N/A'}</div> |
|
|
|
<div class="detail-item-value">${dataContent}</div> |
|
|
|
</div> |
|
|
|
`; |
|
|
|
|
|
|
|
|
|
|
|
detailContent.innerHTML = '<h4>日志详情</h4>' + detailHtml; |
|
|
|
detailContent.classList.remove('d-none'); |
|
|
|
} |
|
|
|
|
