|
|
@ -59,6 +59,10 @@ |
|
|
|
.log-timestamp { flex: 0 0 170px; } /* 固定宽度 */ |
|
|
|
.log-layer { flex: 0 0 100px; } /* 固定宽度 */ |
|
|
|
.log-direction { flex: 0 0 120px; } /* 固定宽度 */ |
|
|
|
.log-ueid { flex: 0 0 80px; } /* 固定宽度 */ |
|
|
|
.log-rnti { flex: 0 0 80px; } /* 固定宽度 */ |
|
|
|
.log-cell { flex: 0 0 80px; } /* 固定宽度 */ |
|
|
|
.log-channel { flex: 0 0 100px; } /* 固定宽度 */ |
|
|
|
.log-info { flex: 0 0 80px; } /* 固定宽度 */ |
|
|
|
.log-message { |
|
|
|
flex: 1 1 0; /* 弹性增长和收缩,占据剩余空间 */ |
|
|
@ -428,6 +432,10 @@ |
|
|
|
</span> |
|
|
|
<span class="log-layer">Layer</span> |
|
|
|
<span class="log-direction">Direction</span> |
|
|
|
<span class="log-ueid">UE ID</span> |
|
|
|
<span class="log-rnti">RNTI</span> |
|
|
|
<span class="log-cell">Cell</span> |
|
|
|
<span class="log-channel">Channel</span> |
|
|
|
<span class="log-message">Message</span> |
|
|
|
<span class="log-info">Info</span> |
|
|
|
</div> |
|
|
@ -750,6 +758,10 @@ |
|
|
|
<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-ueid" title="${log.UeId || ''}">${log.UeId || ''}</span> |
|
|
|
<span class="log-rnti" title="${log.Rnti || ''}">${log.Rnti || ''}</span> |
|
|
|
<span class="log-cell" title="${log.Cell || ''}">${log.Cell || ''}</span> |
|
|
|
<span class="log-channel" title="${log.Channel || ''}">${log.Channel || ''}</span> |
|
|
|
<span class="log-message" title="${log.Message || ''}">${log.Message || ''}</span> |
|
|
|
<span class="log-info" title="${log.Info || ''}">${log.Info || ''}</span> |
|
|
|
</div>`; |
|
|
@ -802,6 +814,22 @@ |
|
|
|
: 'N/A'; |
|
|
|
|
|
|
|
const detailHtml = ` |
|
|
|
<div class="detail-item"> |
|
|
|
<div class="detail-item-label">UE ID</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">Cell</div> |
|
|
|
<div class="detail-item-value">${log.Cell || 'N/A'}</div> |
|
|
|
</div> |
|
|
|
<div class="detail-item"> |
|
|
|
<div class="detail-item-label">Channel</div> |
|
|
|
<div class="detail-item-value">${log.Channel || 'N/A'}</div> |
|
|
|
</div> |
|
|
|
<div class="detail-item"> |
|
|
|
<div class="detail-item-label">Data</div> |
|
|
|
<div class="detail-item-value">${dataContent}</div> |
|
|
|