修改日志弹窗数据叠加问题

src/layout/components/SiderBar.vue

@@ -4,7 +4,7 @@
       <img v-if="isCollapse" src="@/assets/icon/open.svg" alt="">
       <img v-else src="@/assets/icon/close.svg" alt="">
     </div>
-    <el-menu :collapse="isCollapse" router :default-active="activeMenuRoute">
+    <el-menu :collapse="isCollapse" router :default-active="activeMenuRoute" :collapse-transition="false">
       <el-menu-item v-for="item in menuItems" :key="item.route" :index="item.route">
         <template #default>
           <i class="iconfont" :class="item.icon"></i>
@@ -117,6 +117,10 @@ onMounted(() => {
 });
 const toggleCollapse = () => {
   isCollapse.value = !isCollapse.value
+  // 等宽度过渡动画结束后（280ms），通知 ECharts 重新 resize
+  setTimeout(() => {
+    window.dispatchEvent(new Event('resize'))
+  }, 300)
 }
 </script>
 
@@ -124,6 +128,9 @@ const toggleCollapse = () => {
 .siderbar_container {
   background: #fff;
   padding: 16px;
+  // 宽度过渡动画，让折叠/展开更平滑
+  transition: width 0.28s ease;
+  overflow: hidden;
 }
 .el-menu {
   width: 100%;
@@ -137,10 +144,13 @@ const toggleCollapse = () => {
   display: inline-block;
   color: #666666;
   font-size: 20px;
+  // 图标颜色过渡
+  transition: color 0.2s ease;
 }
 .collapse_box {
   padding-left: 10px;
   // text-align: center;
+  cursor: pointer;
 }
 .el-menu.el-menu--vertical :deep(.el-menu-item) {
   height: 40px;

src/views/logMonitor/LogMonitorDetail.vue

@@ -169,6 +169,7 @@ const handleQuery = () => {
 }
 
 const getLogDetailData = async () => {
+    peopleLogList.value = []
     try {
         const params = {
             schoolId: detailParams.schoolId,
@@ -207,6 +208,7 @@ const getDefaultDateRange = () => {
 </script>
 
 <style lang="scss" scoped>
+
 .detail_content {
     .detail_info_bar {
         display: flex;
@@ -249,7 +251,7 @@ const getDefaultDateRange = () => {
 
     .detail_timeline {
         margin-top: 20px;
-        max-height: 500px;
+        height: 500px;
         overflow-y: auto;
 
         .no_data {