From d0dc50a9b4110d168a86f70b766adc7227c46504 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Fri, 10 Jun 2022 17:24:08 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BB=AA=E8=A1=A8=E6=9D=BF?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E9=A4=90=E5=8D=95=E5=B1=82=E7=BA=A7=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E5=90=88=E5=B9=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvas/components/Editor/SettingMenu.vue    | 17 +++++++++++++----
 frontend/src/lang/en.js                         |  1 +
 frontend/src/lang/tw.js                         |  1 +
 frontend/src/lang/zh.js                         |  1 +
 4 files changed, 16 insertions(+), 4 deletions(-)

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: '复用',