add shortcuts on the data manager page

Author: LinuxSuRen

console/atest-ui/src/assets/base.css

@@ -96,5 +96,6 @@ html.dark .el-main {
 }
 
 .page-header {
+  height: 32px;
   padding-bottom: var(--page-title-bottom-padding, 0px);
 }

console/atest-ui/src/assets/main.css

@@ -2,7 +2,7 @@
 
 #app {
     margin: 0 auto;
-    padding-top: 40px;
+    {{/* padding-top: 40px; */}}
     height: 100vh;
     font-weight: normal;
 }

console/atest-ui/src/locales/en.json

@@ -36,6 +36,7 @@
         "createSecret": "Create Secret",
         "secretManager": "Secret Manager",
         "storeManager": "Store Manager",
+        "dataManager": "Data Manager",
         "protoContent": "Proto Content",
         "protoFile": "Proto File",
         "protoImport": "Proto Import",

console/atest-ui/src/locales/zh.json

@@ -36,6 +36,7 @@
         "createSecret": "创建凭据",
         "secretManager": "凭据管理",
         "storeManager": "存储管理",
+        "dataManager": "数据管理",
         "apiRequestParameter": "API 请求参数",
         "codeGenerator": "代码生成",
         "testing": "测试",

console/atest-ui/src/views/DataManager.vue

@@ -10,7 +10,10 @@ import { Codemirror } from 'vue-codemirror'
 import HistoryInput from '../components/HistoryInput.vue'
 import type { Ref } from 'vue'
 import { Refresh, Document } from '@element-plus/icons-vue'
+import { Magic } from './magicKeys'
+import { useI18n } from 'vue-i18n'
 
+const { t } = useI18n()
 const stores: Ref<Store[]> = ref([])
 const kind = ref('')
 const store = ref('')
@@ -259,10 +262,19 @@ const tryShowPrettyJSON = (row: any, column: any, cell: HTMLTableCellElement, ev
 watch(largeContent, (e) => {
   largeContentDialogVisible.value = e !== ''
 })
+
+Magic.AdvancedKeys([{
+  Keys: ['Ctrl+E'],
+  Func: executeQuery,
+  Description: 'Execute query'
+}])
 </script>
 
 <template>
   <div>
+    <div class="page-header">
+      <span class="page-title">{{t('title.dataManager')}}</span>
+    </div>
     <el-container style="height: calc(100vh - 80px);">
       <el-aside v-if="kind === 'atest-store-orm' || kind === 'atest-store-iotdb' || kind === 'atest-store-cassandra' || kind === 'atest-store-elasticsearch' || kind === 'atest-store-opengemini'">
         <el-scrollbar>

console/atest-ui/src/views/magicKeys.ts

@@ -36,7 +36,7 @@ interface MagicKey {
 const MagicKeyEventName = 'show-key-bindings-dialog'
 const AdvancedKeys = (keys: MagicKey[]) => {
     keys.push({
-        Keys: ['ctrl+/'],
+        Keys: ['Ctrl+/'],
         Func: () => {
             const event = new CustomEvent(MagicKeyEventName, {
                 detail: keys.map((k) => ({