diff --git a/src/views/traceManage/tshark/components/PacketTable.vue b/src/views/traceManage/tshark/components/PacketTable.vue index 3b7300b3..d3e58240 100644 --- a/src/views/traceManage/tshark/components/PacketTable.vue +++ b/src/views/traceManage/tshark/components/PacketTable.vue @@ -238,15 +238,13 @@ watchEffect(() => { .thead-item:nth-child(3), .tbody-item:nth-child(3), .thead-item:nth-child(4), -.tbody-item:nth-child(4) { +.tbody-item:nth-child(4), +.thead-item:nth-child(5), +.tbody-item:nth-child(5) { flex-basis: 8rem; width: 8rem; overflow-y: auto; -} -.thead-item:nth-child(5), -.tbody-item:nth-child(5) { - flex-basis: 7rem; - width: 7rem; + text-wrap: nowrap; } .thead-item:nth-child(6), .tbody-item:nth-child(6) { @@ -270,6 +268,7 @@ watchEffect(() => { .tbody-item:nth-child(2)::-webkit-scrollbar, .tbody-item:nth-child(3)::-webkit-scrollbar, .tbody-item:nth-child(4)::-webkit-scrollbar, +.tbody-item:nth-child(5)::-webkit-scrollbar, .tbody-item:nth-child(7)::-webkit-scrollbar { width: 4px; /* 设置滚动条宽度 */ height: 4px; @@ -278,6 +277,7 @@ watchEffect(() => { .tbody-item:nth-child(2)::-webkit-scrollbar-track, .tbody-item:nth-child(3)::-webkit-scrollbar-track, .tbody-item:nth-child(4)::-webkit-scrollbar-track, +.tbody-item:nth-child(5)::-webkit-scrollbar-track, .tbody-item:nth-child(7)::-webkit-scrollbar-track { background-color: #f0f0f0; /* 设置滚动条轨道背景颜色 */ } @@ -285,6 +285,7 @@ watchEffect(() => { .tbody-item:nth-child(2)::-webkit-scrollbar-thumb, .tbody-item:nth-child(3)::-webkit-scrollbar-thumb, .tbody-item:nth-child(4)::-webkit-scrollbar-thumb, +.tbody-item:nth-child(5)::-webkit-scrollbar-thumb, .tbody-item:nth-child(7)::-webkit-scrollbar-thumb { background-color: #bfbfbf; /* 设置滚动条滑块颜色 */ } @@ -292,6 +293,7 @@ watchEffect(() => { .tbody-item:nth-child(2)::-webkit-scrollbar-thumb:hover, .tbody-item:nth-child(3)::-webkit-scrollbar-thumb:hover, .tbody-item:nth-child(4)::-webkit-scrollbar-thumb:hover, +.tbody-item:nth-child(5)::-webkit-scrollbar-thumb:hover, .tbody-item:nth-child(7)::-webkit-scrollbar-thumb:hover { background-color: #1890ff; /* 设置鼠标悬停时滚动条滑块颜色 */ }