diff --git a/nezha-fronted/src/components/common/pickTime.vue b/nezha-fronted/src/components/common/pickTime.vue
index 68f8a5410..7c39fdaec 100644
--- a/nezha-fronted/src/components/common/pickTime.vue
+++ b/nezha-fronted/src/components/common/pickTime.vue
@@ -40,7 +40,7 @@ import multipleTime from './multipleTime'
 import chartUnit from './chartUnit'
 let timeout
 export default {
-  name: 'intervalRefresh',
+  name: 'pickTime',
   components: {
     'time-picker': timePicker,
     'chart-unit': chartUnit,
diff --git a/nezha-fronted/src/components/common/project/popData/alertTable.vue b/nezha-fronted/src/components/common/project/popData/alertTable.vue
index 1b4e3e9d6..9a292e098 100644
--- a/nezha-fronted/src/components/common/project/popData/alertTable.vue
+++ b/nezha-fronted/src/components/common/project/popData/alertTable.vue
@@ -51,7 +51,7 @@ import dataListMixin from '@/components/common/mixin/dataList'
 import alertMessageTable from '@/components/common/table/alert/alertMessageTable.vue'
 import { alertMessage as alertMessageConstant } from '@/components/common/js/constants'
 export default {
-  name: 'alertTable',
+  name: 'alertTableProject',
   props: {
     moduleId: {},
     projectId: {},
diff --git a/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue b/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
index ccfbb00b5..3f61cd0e1 100644
--- a/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
@@ -205,7 +205,7 @@
 <script>
 import editEndpointBoxNew from './editEndpointBoxNew'
 export default {
-  name: 'endpointBox',
+  name: 'addEndpointBox',
   components: {
     'edit-endpoint-box-new': editEndpointBoxNew
   },
diff --git a/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue b/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue
index a73036f45..6576752cb 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue
@@ -49,7 +49,7 @@
 
 <script>
 export default {
-  name: 'userBox',
+  name: 'roleBox',
   components: {
   },
   props: {
diff --git a/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue b/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
index ff57fddeb..5a120c34a 100644
--- a/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
@@ -125,7 +125,7 @@ import chartDataFormat from '../../charts/chartDataFormat'
 import promqlInput from '../../page/dashboard/explore/promqlInput'
 import { nzNumber } from '../js/validate'
 export default {
-  name: 'alertConfigBox',
+  name: 'alertRuleBox',
   props: {
     alertRule: Object
   },
diff --git a/nezha-fronted/src/components/common/rightBox/batchModifyEndpoint.vue b/nezha-fronted/src/components/common/rightBox/batchModifyEndpoint.vue
index d490654cb..2126ae985 100644
--- a/nezha-fronted/src/components/common/rightBox/batchModifyEndpoint.vue
+++ b/nezha-fronted/src/components/common/rightBox/batchModifyEndpoint.vue
@@ -116,7 +116,7 @@
 <script>
 import editEndpointBoxNew from './editEndpointBoxNew'
 export default {
-  name: 'endpointBox',
+  name: 'batchModifyEndpointBox',
   props: {
     currentProject: Object,
     currentModule: Object,
diff --git a/nezha-fronted/src/components/common/rightBox/chartTempBox.vue b/nezha-fronted/src/components/common/rightBox/chartTempBox.vue
index 3ec0f2e87..2db849665 100644
--- a/nezha-fronted/src/components/common/rightBox/chartTempBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/chartTempBox.vue
@@ -75,7 +75,7 @@
 import nzTransfer from '@/components/common/nzTransfer'
 import { fromRoute } from '@/components/common/js/constants'
 export default {
-  name: 'chartTemp',
+  name: 'chartTempBox',
   components: {
     nzTransfer
   },
diff --git a/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue b/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
index 44e171180..e553b1e7d 100644
--- a/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
@@ -88,7 +88,7 @@
 import { port } from '../js/validate'
 
 export default {
-  name: 'credentialBox',
+  name: 'snmpCredentialBox',
 
   props: {
     credential: Object
diff --git a/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue b/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue
index 83314b802..b7024d739 100644
--- a/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue
+++ b/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue
@@ -222,7 +222,7 @@
 import subBox from './subBox'
 import loading from '../../loading'
 export default {
-  name: 'assetConfigTab',
+  name: 'trafficSettingTab',
   components: {
     'sub-box': subBox,
     loading: loading
diff --git a/nezha-fronted/src/components/common/searchInput.vue b/nezha-fronted/src/components/common/searchInput.vue
index a61257b98..1ca6e7fde 100644
--- a/nezha-fronted/src/components/common/searchInput.vue
+++ b/nezha-fronted/src/components/common/searchInput.vue
@@ -245,7 +245,7 @@
 <script>
 import searchSelectInfo from './searchSelectInfo' // 搜索框组件--下拉框内容
 export default {
-  name: 'index',
+  name: 'searchInput',
   data () {
     return {
       selectDom: { top: '', left: '', tempTop: '', show: true }, // 选择弹框的位置
diff --git a/nezha-fronted/src/components/common/table/alert/alertRuleTable.vue b/nezha-fronted/src/components/common/table/alert/alertRuleTable.vue
index d8e2eef63..65d43f48e 100644
--- a/nezha-fronted/src/components/common/table/alert/alertRuleTable.vue
+++ b/nezha-fronted/src/components/common/table/alert/alertRuleTable.vue
@@ -84,7 +84,7 @@
 import table from '@/components/common/mixin/table'
 import chartDataFormat from '@/components/charts/chartDataFormat'
 export default {
-  name: 'roleTable',
+  name: 'alertRuleTable',
   mixins: [table],
   data () {
     return {
diff --git a/nezha-fronted/src/components/common/table/asset/assetMetaTable.vue b/nezha-fronted/src/components/common/table/asset/assetMetaTable.vue
index b10776f2d..df93d3f23 100644
--- a/nezha-fronted/src/components/common/table/asset/assetMetaTable.vue
+++ b/nezha-fronted/src/components/common/table/asset/assetMetaTable.vue
@@ -86,7 +86,7 @@
 <script>
 import table from '@/components/common/mixin/table'
 export default {
-  name: 'roleTable',
+  name: 'assetLabelTable',
   mixins: [table],
   data () {
     return {
diff --git a/nezha-fronted/src/components/common/table/settings/chartTmplTable.vue b/nezha-fronted/src/components/common/table/settings/chartTmplTable.vue
index 6361676f7..a3810aa78 100644
--- a/nezha-fronted/src/components/common/table/settings/chartTmplTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/chartTmplTable.vue
@@ -70,7 +70,7 @@
 import table from '@/components/common/mixin/table'
 import { chart as chartConstant } from '@/components/common/js/constants'
 export default {
-  name: 'roleTable',
+  name: 'chartTmplTable',
   mixins: [table],
   data () {
     return {
diff --git a/nezha-fronted/src/components/common/table/settings/exprTmplTable.vue b/nezha-fronted/src/components/common/table/settings/exprTmplTable.vue
index 3d84982d8..ee13bacf5 100644
--- a/nezha-fronted/src/components/common/table/settings/exprTmplTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/exprTmplTable.vue
@@ -62,7 +62,7 @@
 <script>
 import table from '@/components/common/mixin/table'
 export default {
-  name: 'roleTable',
+  name: 'exprTmplTable',
   mixins: [table],
   data () {
     return {
diff --git a/nezha-fronted/src/components/common/table/settings/moduleTable.vue b/nezha-fronted/src/components/common/table/settings/moduleTable.vue
index 4376092ae..4d8bbf1f0 100644
--- a/nezha-fronted/src/components/common/table/settings/moduleTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/moduleTable.vue
@@ -85,7 +85,7 @@
 <script>
 import table from '@/components/common/mixin/table'
 export default {
-  name: 'userTable',
+  name: 'moduleTable',
   mixins: [table],
   data () {
     return {
diff --git a/nezha-fronted/src/components/common/table/settings/operationLogTable.vue b/nezha-fronted/src/components/common/table/settings/operationLogTable.vue
index 4f705a732..60d0a2b04 100644
--- a/nezha-fronted/src/components/common/table/settings/operationLogTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/operationLogTable.vue
@@ -48,7 +48,7 @@
 <script>
 import table from '@/components/common/mixin/table'
 export default {
-  name: 'roleTable',
+  name: 'operationLog',
   mixins: [table],
   data () {
     return {
diff --git a/nezha-fronted/src/components/common/table/settings/projectTable.vue b/nezha-fronted/src/components/common/table/settings/projectTable.vue
index 57afb7f95..9dcae827b 100644
--- a/nezha-fronted/src/components/common/table/settings/projectTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/projectTable.vue
@@ -87,7 +87,7 @@
 <script>
 import table from '@/components/common/mixin/table'
 export default {
-  name: 'userTable',
+  name: 'projectTable',
   mixins: [table],
   data () {
     return {
diff --git a/nezha-fronted/src/components/common/table/settings/terminalLogTable.vue b/nezha-fronted/src/components/common/table/settings/terminalLogTable.vue
index 3a69771a9..c74ec74de 100644
--- a/nezha-fronted/src/components/common/table/settings/terminalLogTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/terminalLogTable.vue
@@ -107,7 +107,7 @@ import { terminalLog } from '@/components/common/js/constants'
 import { calcDurationByStringTimeB } from '@/components/common/js/tools'
 import table from '@/components/common/mixin/table'
 export default {
-  name: 'roleTable',
+  name: 'terminalLogTable',
   mixins: [table],
   props: {
     nowTime: {}
diff --git a/nezha-fronted/src/components/common/table/special/endpointQueryTab.vue b/nezha-fronted/src/components/common/table/special/endpointQueryTab.vue
index 1d048e20c..9d8a9d8b5 100644
--- a/nezha-fronted/src/components/common/table/special/endpointQueryTab.vue
+++ b/nezha-fronted/src/components/common/table/special/endpointQueryTab.vue
@@ -80,7 +80,7 @@ import chart from '@/components/page/dashboard/overview/chart'
 import { sameLabels } from '@/components/common/js/constants'
 
 export default {
-  name: 'endpointTable',
+  name: 'endpointQueryTab',
   components: {
     chartBox,
     chart
diff --git a/nezha-fronted/src/components/page/alert/alertMessage.vue b/nezha-fronted/src/components/page/alert/alertMessage.vue
index 30b949dd4..332219f2c 100644
--- a/nezha-fronted/src/components/page/alert/alertMessage.vue
+++ b/nezha-fronted/src/components/page/alert/alertMessage.vue
@@ -113,7 +113,7 @@ import chart from '@/components/page/dashboard/overview/chart'
 import { alertMessage as alertMessageConstant } from '@/components/common/js/constants'
 import alertSilenceBox from '@/components/common/rightBox/alertSilenceBox'
 export default {
-  name: 'alertList',
+  name: 'alertMessage',
   components: {
     alertMessageTable,
     pickTime,
diff --git a/nezha-fronted/src/components/page/alert/alertRule.vue b/nezha-fronted/src/components/page/alert/alertRule.vue
index 13f1d16c3..20f1a75f7 100644
--- a/nezha-fronted/src/components/page/alert/alertRule.vue
+++ b/nezha-fronted/src/components/page/alert/alertRule.vue
@@ -75,7 +75,7 @@ import topToolMoreOptions from '@/components/common/popBox/topToolMoreOptions'
 import alertSilenceBox from '@/components/common/rightBox/alertSilenceBox'
 
 export default {
-  name: 'alert-config',
+  name: 'alertRule',
   components: {
     deleteButton,
     alertRuleBox,
diff --git a/nezha-fronted/src/components/page/alert/alertSilence.vue b/nezha-fronted/src/components/page/alert/alertSilence.vue
index 11c69f605..72c8c743d 100644
--- a/nezha-fronted/src/components/page/alert/alertSilence.vue
+++ b/nezha-fronted/src/components/page/alert/alertSilence.vue
@@ -65,7 +65,7 @@ import dataListMixin from '@/components/common/mixin/dataList'
 import alertSilenceTable from '@/components/common/table/alert/alertSilenceTable'
 
 export default {
-  name: 'silence',
+  name: 'alertSilence',
   components: {
     alertSilenceTable,
     deleteButton,