|
|
@ -310,13 +310,14 @@ |
|
|
|
border-radius: 3px; |
|
|
|
max-height: 200px; |
|
|
|
overflow-y: auto; |
|
|
|
z-index: 1000; |
|
|
|
z-index: 9999; |
|
|
|
display: none; |
|
|
|
box-shadow: 0 2px 8px rgba(0,0,0,0.1); |
|
|
|
margin-top: 2px; |
|
|
|
} |
|
|
|
|
|
|
|
.layer-filter-container.open .layer-filter-dropdown { |
|
|
|
display: block; |
|
|
|
display: block !important; |
|
|
|
} |
|
|
|
|
|
|
|
.filter-header { |
|
|
@ -601,6 +602,8 @@ |
|
|
|
function clearLogsDisplay() { |
|
|
|
allLogsData = []; |
|
|
|
availableLayers.clear(); |
|
|
|
// 重新添加标准LTE层 |
|
|
|
['PHY', 'MAC', 'RLC', 'PDCP', 'RRC', 'NAS'].forEach(layer => availableLayers.add(layer)); |
|
|
|
selectedLayers.clear(); |
|
|
|
clusterize.clear(); |
|
|
|
totalLogsEl.textContent = '0'; |
|
|
@ -831,7 +834,9 @@ |
|
|
|
// 切换下拉框显示状态 |
|
|
|
function toggleFilterDropdown() { |
|
|
|
const container = layerFilterTrigger.parentElement; |
|
|
|
console.log('Toggling dropdown, current state:', container.classList.contains('open')); |
|
|
|
container.classList.toggle('open'); |
|
|
|
console.log('Dropdown state after toggle:', container.classList.contains('open')); |
|
|
|
} |
|
|
|
|
|
|
|
// 关闭下拉框 |
|
|
@ -842,12 +847,14 @@ |
|
|
|
|
|
|
|
// 事件监听器 |
|
|
|
layerFilterTrigger.addEventListener('click', function(e) { |
|
|
|
console.log('Layer filter trigger clicked'); |
|
|
|
e.stopPropagation(); |
|
|
|
toggleFilterDropdown(); |
|
|
|
}); |
|
|
|
|
|
|
|
// 全选/取消全选 |
|
|
|
selectAllLayers.addEventListener('change', function() { |
|
|
|
console.log('Select all changed:', this.checked); |
|
|
|
const isChecked = selectAllLayers.checked; |
|
|
|
if (isChecked) { |
|
|
|
// 全选 |
|
|
@ -988,6 +995,14 @@ |
|
|
|
|
|
|
|
// 初始化Layer过滤器,显示标准LTE层 |
|
|
|
updateLayerFilter(); |
|
|
|
|
|
|
|
// 调试信息 |
|
|
|
console.log('Layer filter elements found:', { |
|
|
|
trigger: layerFilterTrigger, |
|
|
|
dropdown: layerFilter, |
|
|
|
options: layerFilterOptions, |
|
|
|
selectAll: selectAllLayers |
|
|
|
}); |
|
|
|
}); |
|
|
|
</script> |
|
|
|
} |
|
|
|