sql UI change (#5)

zhaohehuhu · Nov 10, 2023 · 265f02d · 265f02d
1 parent 4bb22f0
commit 265f02d
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 20 deletions.
diff --git a/kyuubi-server/web-ui/src/locales/en_US/index.ts b/kyuubi-server/web-ui/src/locales/en_US/index.ts
@@ -56,9 +56,9 @@ export default {
     close_failed: 'Close {name} Failed',
     cancel_succeeded: 'Cancel {name} Succeeded',
     cancel_failed: 'Cancel {name} Failed',
-    run_failed: 'Run Sql Failed',
-    get_sql_log_failed: 'Get Sql Log Failed',
-    get_sql_result_failed: 'Get Sql Result Failed',
-    get_sql_metadata_failed: 'Get Sql Metadata Failed'
+    run_sql_failed: 'Run SQL Failed',
+    get_sql_log_failed: 'Get SQL Log Failed',
+    get_sql_result_failed: 'Get SQL Result Failed',
+    get_sql_metadata_failed: 'Get SQL Metadata Failed'
   }
 }
diff --git a/kyuubi-server/web-ui/src/locales/zh_CN/index.ts b/kyuubi-server/web-ui/src/locales/zh_CN/index.ts
@@ -56,9 +56,9 @@ export default {
     close_failed: '关闭 {name} 失败',
     cancel_succeeded: '取消 {name} 成功',
     cancel_failed: '取消 {name} 失败',
-    run_failed: '运行失败',
-    get_sql_log_failed: '获取sql日志失败',
-    get_sql_result_failed: '获取sql结果失败',
-    get_sql_metadata_failed: '获取sql元数据失败'
+    run_sql_failed: '运行SQL失败',
+    get_sql_log_failed: '获取SQL日志失败',
+    get_sql_result_failed: '获取SQL结果失败',
+    get_sql_metadata_failed: '获取SQL元数据失败'
   }
 }
diff --git a/kyuubi-server/web-ui/src/views/editor/components/Editor.vue b/kyuubi-server/web-ui/src/views/editor/components/Editor.vue
@@ -19,20 +19,10 @@
 <template>
   <div class="editor">
     <el-space>
-      <el-select
-        v-model="param.engineType"
-        disabled
-        :placeholder="$t('engine_type')">
-        <el-option
-          v-for="item in getEngineType()"
-          :key="item"
-          :label="item"
-          :value="item" />
-      </el-select>
       <el-button
         :disabled="!param.engineType || !editorVariables.content"
         :loading="resultLoading"
-        type="primary"
+        type="success"
         icon="VideoPlay"
         @click="handleQuerySql">
         {{ $t('operation.run') }}
@@ -52,6 +42,16 @@
           </el-dropdown-menu>
         </template>
       </el-dropdown>
+      <el-select
+        v-model="param.engineType"
+        disabled
+        :placeholder="$t('engine_type')">
+        <el-option
+          v-for="item in getEngineType()"
+          :key="item"
+          :label="item"
+          :value="item" />
+      </el-select>
     </el-space>
     <section>
       <MonacoEditor
@@ -196,7 +196,7 @@
       })
   }
 
-  const postError = (err: any, title = t('message.run_failed')) => {
+  const postError = (err: any, title = t('message.run_sql_failed')) => {
     errorMessages.value.push({
       title,
       description: err?.response?.data?.message || err?.message || ''
@@ -266,6 +266,7 @@
       }
       .el-dropdown {
         margin-left: 4px;
+        margin-right: 8px;
       }
     }