diff --git a/src/assets/css/common/table-common.scss b/src/assets/css/common/table-common.scss
index 58bcd55d..498cf3db 100644
--- a/src/assets/css/common/table-common.scss
+++ b/src/assets/css/common/table-common.scss
@@ -73,6 +73,7 @@
       }
     }
     .top-tool-btn {
+      cursor: pointer;
       height: 33px;
       width: 36px;
       border: 1px solid $--border-color-primary;
diff --git a/src/assets/css/components/components/common/TimeRange/date-time-range.scss b/src/assets/css/components/components/common/TimeRange/date-time-range.scss
index ca258f1c..2bb3f46c 100644
--- a/src/assets/css/components/components/common/TimeRange/date-time-range.scss
+++ b/src/assets/css/components/components/common/TimeRange/date-time-range.scss
@@ -2,6 +2,7 @@
   font-size: 14px;
   border-radius: 2px;
   display: flex;
+  cursor: pointer;
 
   .date-range-refresh {
     margin-left: 10px;
diff --git a/src/assets/css/components/views/charts/panel.scss b/src/assets/css/components/views/charts/panel.scss
index 261920c0..1d1f4802 100644
--- a/src/assets/css/components/views/charts/panel.scss
+++ b/src/assets/css/components/views/charts/panel.scss
@@ -80,6 +80,7 @@
               i {
                 font-size: 12px;
                 color: #999;
+                cursor: pointer;
               }
             }
           }
diff --git a/src/views/charts/PanelChart.vue b/src/views/charts/PanelChart.vue
index 152e8d00..bdec56cd 100644
--- a/src/views/charts/PanelChart.vue
+++ b/src/views/charts/PanelChart.vue
@@ -400,9 +400,9 @@ export default {
     const dateRangeValue = 60
     const { startTime, endTime } = getNowTime(dateRangeValue)
     const chartTimeFilter = ref({ startTime, endTime, dateRangeValue })
-    let table = {}
+    const table = ref({})
     if (isBasicTable(props.chartInfo.type)) {
-      table = {
+      table.value = {
         pageSize: chartTableDefaultPageSize,
         limit: chartTableTopOptions[0], // top-n
         orderBy: props.chartInfo.params.columns.order[0],
diff --git a/src/views/detections/Index.vue b/src/views/detections/Index.vue
index 9085395d..d27a1a2e 100644
--- a/src/views/detections/Index.vue
+++ b/src/views/detections/Index.vue
@@ -285,9 +285,7 @@ export default {
           // eventSeverityTrendOption.xAxis.data = dataMap.get('info').map(v => rTime(v[0]))
           eventSeverityTrendOption.xAxis.data = xData
           const detectionChart = echarts.init(chartDom)
-          window.addEventListener('resize', function () {
-            detectionChart.resize()
-          })
+          this.echartsResize(detectionChart)
           detectionChart.setOption(eventSeverityTrendOption)
           // this.isEventSeverityNoData = false
         } else {