diff --git a/frontend/src/components/canvas/components/Editor/SettingMenu.vue b/frontend/src/components/canvas/components/Editor/SettingMenu.vue
index 4aa7682905..22d3beb727 100644
--- a/frontend/src/components/canvas/components/Editor/SettingMenu.vue
+++ b/frontend/src/components/canvas/components/Editor/SettingMenu.vue
@@ -7,10 +7,19 @@
           <el-dropdown-item v-if="editFilter.includes(curComponent.type)" icon="el-icon-edit-outline" @click.native="edit">{{ $t('panel.edit') }}</el-dropdown-item>
           <el-dropdown-item icon="el-icon-document-copy" @click.native="copy">{{ $t('panel.copy') }}</el-dropdown-item>
           <el-dropdown-item icon="el-icon-delete" @click.native="deleteComponent">{{ $t('panel.delete') }}</el-dropdown-item>
-          <el-dropdown-item icon="el-icon-upload2" @click.native="topComponent">{{ $t('panel.topComponent') }}</el-dropdown-item>
-          <el-dropdown-item icon="el-icon-download" @click.native="bottomComponent">{{ $t('panel.bottomComponent') }}</el-dropdown-item>
-          <el-dropdown-item icon="el-icon-arrow-up" @click.native="upComponent">{{ $t('panel.upComponent') }}</el-dropdown-item>
-          <el-dropdown-item icon="el-icon-arrow-down" @click.native="downComponent">{{ $t('panel.downComponent') }}</el-dropdown-item>
+          <el-dropdown-item>
+            <el-dropdown placement="right-start">
+              <span class="el-icon-copy-document">
+                {{ $t('panel.level') }} <i class="el-icon-arrow-right el-icon--right" />
+              </span>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item icon="el-icon-upload2" @click.native="topComponent">{{ $t('panel.topComponent') }}</el-dropdown-item>
+                <el-dropdown-item icon="el-icon-download" @click.native="bottomComponent">{{ $t('panel.bottomComponent') }}</el-dropdown-item>
+                <el-dropdown-item icon="el-icon-arrow-up" @click.native="upComponent">{{ $t('panel.upComponent') }}</el-dropdown-item>
+                <el-dropdown-item icon="el-icon-arrow-down" @click.native="downComponent">{{ $t('panel.downComponent') }}</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+          </el-dropdown-item>
           <el-dropdown-item v-if="'view'===curComponent.type" icon="el-icon-link" @click.native="linkageSetting">{{ $t('panel.linkage_setting') }}</el-dropdown-item>
           <el-dropdown-item v-if="'de-tabs'===curComponent.type" icon="el-icon-plus" @click.native="addTab">{{ $t('panel.add_tab') }}</el-dropdown-item>
           <el-dropdown-item v-if="'view'===curComponent.type" icon="el-icon-connection" @click.native="linkJumpSet">{{ $t('panel.setting_jump') }}</el-dropdown-item>
diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js
index afa9db88f7..1034bb7ef0 100644
--- a/frontend/src/lang/en.js
+++ b/frontend/src/lang/en.js
@@ -1453,6 +1453,7 @@ export default {
     sure_bt: 'Confirm'
   },
   panel: {
+    level: 'Level',
     enlarge: 'Enlarge',
     panel_style: 'Panel Style',
     multiplexing: 'Multiplexing',
diff --git a/frontend/src/lang/tw.js b/frontend/src/lang/tw.js
index fea47ee6b3..8d909c2ca4 100644
--- a/frontend/src/lang/tw.js
+++ b/frontend/src/lang/tw.js
@@ -1454,6 +1454,7 @@ export default {
     sure_bt: '確定'
   },
   panel: {
+    level: '层级',
     enlarge: '放大',
     panel_style: '仪表板样式',
     multiplexing: '復用',
diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js
index 3f237369ca..28c94de2e6 100644
--- a/frontend/src/lang/zh.js
+++ b/frontend/src/lang/zh.js
@@ -1461,6 +1461,7 @@ export default {
     sure_bt: '确定'
   },
   panel: {
+    level: '层级',
     enlarge: '放大',
     panel_style: '仪表板样式',
     multiplexing: '复用',