diff --git a/src/assets/css/components/components/layout/layout.scss b/src/assets/css/components/components/layout/layout.scss
index 36b8ac08..4e4657ec 100644
--- a/src/assets/css/components/components/layout/layout.scss
+++ b/src/assets/css/components/components/layout/layout.scss
@@ -15,6 +15,16 @@
     display: flex;
     align-items: center;
     flex-grow: 1;
+    .header__left-breadcrumb.el-breadcrumb {
+      padding-left: 20px;
+      .header__left-breadcrumb-item.el-breadcrumb-item {
+        display: inline-block; max-width: 300px;
+        height: 16px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
 
     .shrink-button {
       margin-left: 20px;
diff --git a/src/components/layout/Header.vue b/src/components/layout/Header.vue
index 56a86c0d..88cf7fcc 100644
--- a/src/components/layout/Header.vue
+++ b/src/components/layout/Header.vue
@@ -3,8 +3,8 @@
     <!--导航面包屑-->
     <div class="header__left">
       <span @click="shrink" class="shrink-button" :class="{'shrink-button--collapse': isShrink}"><i class="cn-icon cn-icon-expand"></i></span>
-      <el-breadcrumb separator="/" style="padding-left: 20px; padding-top: 6px;">
-        <el-breadcrumb-item :title="item" v-for="item in breadcrumb" :key="item" style="display: inline-block; max-width: 300px; height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
+      <el-breadcrumb class="header__left-breadcrumb" separator="/">
+        <el-breadcrumb-item class="header__left-breadcrumb-item" :title="item" v-for="item in breadcrumb" :key="item">
           {{item}}
         </el-breadcrumb-item>
       </el-breadcrumb>
diff --git a/src/mixins/common.js b/src/mixins/common.js
index 387b1c6a..9338a95d 100644
--- a/src/mixins/common.js
+++ b/src/mixins/common.js
@@ -19,7 +19,8 @@ export default {
         refresh: false,
         query: false
       },
-      timeout: null
+      timeout: null,
+      debounceFunc: null
     }
   },
   methods: {
diff --git a/src/views/charts/PanelChartList.vue b/src/views/charts/PanelChartList.vue
index 61d2a0d1..45249841 100644
--- a/src/views/charts/PanelChartList.vue
+++ b/src/views/charts/PanelChartList.vue
@@ -172,10 +172,11 @@ export default {
     }
   },
   mounted () {
-    window.addEventListener('resize', this.$_.debounce(this.chartHeightData, 100))
+    this.debounceFunc = this.$_.debounce(this.chartHeightData, 100)
+    window.addEventListener('resize', this.debounceFunc)
   },
   beforeUnmount () {
-    window.removeEventListener('resize', this.chartHeightData)
+    window.removeEventListener('resize', this.debounceFunc)
   },
   computed: {
     anchorPoint () {
diff --git a/src/views/charts/charts/ChartIpOpenPortBar.vue b/src/views/charts/charts/ChartIpOpenPortBar.vue
index 029d0b17..d0b81b50 100644
--- a/src/views/charts/charts/ChartIpOpenPortBar.vue
+++ b/src/views/charts/charts/ChartIpOpenPortBar.vue
@@ -101,10 +101,11 @@ export default {
     }
   },
   mounted () {
-    window.addEventListener('resize', this.$_.debounce(this.resize, 200))
+    this.debounceFunc = this.$_.debounce(this.resize, 200)
+    window.addEventListener('resize', this.debounceFunc)
   },
   beforeUnmount () {
-    window.removeEventListener('resize', this.resize)
+    window.removeEventListener('resize', this.debounceFunc)
   },
   watch: {
     chartData: {
diff --git a/src/views/charts/charts/ChartSanKey.vue b/src/views/charts/charts/ChartSanKey.vue
index 5b8c3a2f..cf8fa31e 100644
--- a/src/views/charts/charts/ChartSanKey.vue
+++ b/src/views/charts/charts/ChartSanKey.vue
@@ -111,10 +111,11 @@ export default {
     }
   },
   mounted () {
-    window.addEventListener('resize', this.$_.debounce(this.resize))
+    this.debounceFunc = this.$_.debounce(this.resize, 100)
+    window.addEventListener('resize', this.debounceFunc)
   },
   beforeUnmount () {
-    window.removeEventListener('resize', this.resize)
+    window.removeEventListener('resize', this.debounceFunc)
   },
   watch: {
     chartData: {
diff --git a/src/views/charts/charts/ChartTabs.vue b/src/views/charts/charts/ChartTabs.vue
index f9d43f06..d71fa848 100644
--- a/src/views/charts/charts/ChartTabs.vue
+++ b/src/views/charts/charts/ChartTabs.vue
@@ -45,7 +45,11 @@ export default {
     }
   },
   mounted () {
-    window.addEventListener('resize', this.$_.debounce(this.resize, 300))
+    this.debounceFunc = this.$_.debounce(this.resize, 300)
+    window.addEventListener('resize', this.debounceFunc)
+  },
+  beforeUnmount () {
+    window.removeEventListener('resize', this.debounceFunc)
   },
   setup (props) {
     let activeTab = ''
diff --git a/src/views/charts/charts/chart-echart-mixin.js b/src/views/charts/charts/chart-echart-mixin.js
index aec818c9..f7e2b5e6 100644
--- a/src/views/charts/charts/chart-echart-mixin.js
+++ b/src/views/charts/charts/chart-echart-mixin.js
@@ -84,7 +84,7 @@ export default {
         }
       })
     },
-    test () {
+    setTimeoutResize () {
       setTimeout(() => {
         this.chartResize()
       }, 400)
@@ -98,7 +98,6 @@ export default {
           this.myChart2.setOption(this.chartOption2, refresh)
           this.$store.commit('setChartList', this.$_.cloneDeep(this.myChart2))
         }
-        window.addEventListener('resize', this.$_.debounce(this.test, 400))
       } finally {
         setTimeout(() => {
           this.$emit('showLoading', false)
@@ -106,8 +105,12 @@ export default {
       }
     }
   },
+  mounted () {
+    this.debounceFunc = this.$_.debounce(this.setTimeoutResize, 400)
+    window.addEventListener('resize', this.debounceFunc)
+  },
   beforeUnmount () {
-    window.removeEventListener('resize', this.test)
+    window.removeEventListener('resize', this.debounceFunc)
   },
   watch: {
     chartData: {
diff --git a/src/views/detections/Index.vue b/src/views/detections/Index.vue
index ad864b50..ef5b70f4 100644
--- a/src/views/detections/Index.vue
+++ b/src/views/detections/Index.vue
@@ -612,7 +612,8 @@ export default {
   mounted () {
     this.queryFilter()
     this.queryList()
-    window.addEventListener('resize', this.$_.debounce(this.resize, 300))
+    this.debounceFunc = this.$_.debounce(this.resize, 300)
+    window.addEventListener('resize', this.debounceFunc)
   },
   watch: {
     eventSeverityData: {
@@ -730,7 +731,7 @@ export default {
     }
   },
   beforeUnmount () {
-    window.removeEventListener('resize', this.resize)
+    window.removeEventListener('resize', this.debounceFunc)
   },
   setup () {
     const { params } = useRoute()
diff --git a/src/views/entityExplorer/EntityDetail.vue b/src/views/entityExplorer/EntityDetail.vue
index cbbf0fc6..71b0358d 100644
--- a/src/views/entityExplorer/EntityDetail.vue
+++ b/src/views/entityExplorer/EntityDetail.vue
@@ -110,10 +110,11 @@ export default {
     }
   },
   mounted () {
-    window.addEventListener('resize', this.$_.debounce(this.resize, 200))
+    this.debounceFunc = this.$_.debounce(this.resize, 400)
+    window.addEventListener('resize', this.debounceFunc)
   },
   beforeUnmount () {
-    window.removeEventListener('resize', this.resize)
+    window.removeEventListener('resize', this.debounceFunc)
   },
   computed: {
     iconClass () {
diff --git a/src/views/entityExplorer/entityList/Row.vue b/src/views/entityExplorer/entityList/Row.vue
index 8aea66df..2347a11a 100644
--- a/src/views/entityExplorer/entityList/Row.vue
+++ b/src/views/entityExplorer/entityList/Row.vue
@@ -94,8 +94,8 @@
                     entityData.bytesSentRate
                       ? unitConvert(
                           entityData.bytesSentRate,
-                          unitTypes.byte,
-                        ).join(' ') + 'ps'
+                          unitTypes.bps,
+                        ).join(' ')
                       : '-'
                   }}</span>
                   <!-- 曲线-->
diff --git a/src/views/entityExplorer/entityList/detailOverview/App.vue b/src/views/entityExplorer/entityList/detailOverview/App.vue
index 561d81e5..5ff4ec97 100644
--- a/src/views/entityExplorer/entityList/detailOverview/App.vue
+++ b/src/views/entityExplorer/entityList/detailOverview/App.vue
@@ -39,7 +39,7 @@
         <div class="row__label row__label--width130">{{$t('overall.throughput')}}</div>
         <div class="row__contents">
           <div class="row__content">
-            <div class="row__charts-msg">{{$t('overall.sent')}}：{{unitConvert(entityData.bytesSentRate, unitTypes.byte).join(' ')}}ps</div>
+            <div class="row__charts-msg">{{$t('overall.sent')}}：{{unitConvert(entityData.bytesSentRate, unitTypes.bps).join(' ')}}</div>
             <!-- 曲线-->
             <div class="row__charts" :id="`entityDetailSend${entityData.appName}`" ></div>
           </div>
diff --git a/src/views/entityExplorer/entityList/detailOverview/Domain.vue b/src/views/entityExplorer/entityList/detailOverview/Domain.vue
index 22cd5234..e70f7e12 100644
--- a/src/views/entityExplorer/entityList/detailOverview/Domain.vue
+++ b/src/views/entityExplorer/entityList/detailOverview/Domain.vue
@@ -43,7 +43,7 @@
         <div class="row__label row__label--width130">{{$t('overall.throughput')}}</div>
         <div class="row__contents">
           <div class="row__content">
-            <div class="row__charts-msg">{{$t('overall.sent')}}：{{unitConvert(entityData.bytesSentRate, unitTypes.byte).join(' ')}}ps</div>
+            <div class="row__charts-msg">{{$t('overall.sent')}}：{{unitConvert(entityData.bytesSentRate, unitTypes.bps).join(' ')}}</div>
             <!-- 曲线-->
             <div class="row__charts" :id="`entityDetailSend${entityData.domainName}`" ></div>
           </div>
diff --git a/src/views/entityExplorer/entityList/detailOverview/Ip.vue b/src/views/entityExplorer/entityList/detailOverview/Ip.vue
index 3deaf187..7bf986a3 100644
--- a/src/views/entityExplorer/entityList/detailOverview/Ip.vue
+++ b/src/views/entityExplorer/entityList/detailOverview/Ip.vue
@@ -39,7 +39,7 @@
         <div class="row__label row__label--width130">{{$t('overall.dnsServerInfo.queryRate')}}</div>
         <div class="row__contents">
           <div class="row__content">
-            <div class="row__charts-msg">{{unitConvert(entityData.queryRate, unitTypes.byte).join(' ')}}ps</div>
+            <div class="row__charts-msg">{{unitConvert(entityData.queryRate, unitTypes.bps).join(' ')}}</div>
             <!-- 曲线-->
             <div class="row__charts" :id="`entityDnsServerInfo${entityData.ipAddr}`"></div>
           </div>
@@ -62,7 +62,7 @@
         <div class="row__label row__label--width130">{{$t('overall.throughput')}}</div>
         <div class="row__contents">
           <div class="row__content">
-            <div class="row__charts-msg">{{$t('overall.sent')}}：{{unitConvert(entityData.bytesSentRate, unitTypes.byte).join(' ')}}ps</div>
+            <div class="row__charts-msg">{{$t('overall.sent')}}：{{unitConvert(entityData.bytesSentRate, unitTypes.bps).join(' ')}}</div>
             <!-- 曲线-->
             <div class="row__charts" :id="`entityDetailSend${entityData.ipAddr}`"></div>
           </div>
diff --git a/src/views/entityExplorer/entityList/detailOverview/entityDetailMixin.js b/src/views/entityExplorer/entityList/detailOverview/entityDetailMixin.js
index 231e7318..a804914d 100644
--- a/src/views/entityExplorer/entityList/detailOverview/entityDetailMixin.js
+++ b/src/views/entityExplorer/entityList/detailOverview/entityDetailMixin.js
@@ -350,11 +350,12 @@ export default {
     }
   },
   mounted () {
-    window.addEventListener('resize', this.$_.debounce(this.resize, 200))
+    this.debounceFunc = this.$_.debounce(this.resize, 200)
+    window.addEventListener('resize', this.debounceFunc)
     this.chartOption = _.cloneDeep(entityListLineOption)
     setTimeout(() => { this.queryEntityDetail() })
   },
   beforeUnmount () {
-    window.removeEventListener('resize', this.resize)
+    window.removeEventListener('resize', this.debounceFunc)
   }
 }
diff --git a/src/views/entityExplorer/entityList/entityListMixin.js b/src/views/entityExplorer/entityList/entityListMixin.js
index 3deb6235..d0baa85b 100644
--- a/src/views/entityExplorer/entityList/entityListMixin.js
+++ b/src/views/entityExplorer/entityList/entityListMixin.js
@@ -313,7 +313,8 @@ export default {
     }
   },
   mounted () {
-    window.addEventListener('resize', this.$_.debounce(this.resize, 200))
+    this.debounceFunc = this.$_.debounce(this.resize, 200)
+    window.addEventListener('resize', this.debounceFunc)
     this.chartOption = _.cloneDeep(entityListLineOption)
     this.entityData = _.cloneDeep(this.entity)
     setTimeout(() => {
@@ -323,6 +324,6 @@ export default {
     })
   },
   beforeUnmount () {
-    window.removeEventListener('resize', this.resize)
+    window.removeEventListener('resize', this.debounceFunc)
   }
 }