support to choose mysql database

Author: LinuxSuRen

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

@@ -4,14 +4,24 @@ import { API } from './net'
 import { Cache } from './cache'
 import { ElMessage } from 'element-plus'
 
+const stores = ref([])
+const store = ref('')
 const sqlQuery = ref('select * from t_sys_global_config')
 const queryResult = ref([])
 const columns = ref([])
 
-const executeQuery = async () => {
-  Cache.SetCurrentStore('mysql');
+API.GetStores((data) => {
+  stores.value = data.data
+}, (e) => {
+  ElMessage({
+    showClose: true,
+    message: e.message,
+    type: 'error'
+  });
+})
 
-  API.DataQuery(sqlQuery.value, (data) => {
+const executeQuery = async () => {
+  API.DataQuery(store.value, sqlQuery.value, (data) => {
     const result = []
     const cols = new Set()
 
@@ -25,7 +35,11 @@ const executeQuery = async () => {
     })
 
     queryResult.value = result
-    columns.value = Array.from(cols)
+    columns.value = Array.from(cols).sort((a, b) => {
+      if (a === 'id') return -1;
+      if (b === 'id') return 1;
+      return a.localeCompare(b);
+    })
   }, (e) => {
     ElMessage({
       showClose: true,
@@ -40,12 +54,19 @@ const executeQuery = async () => {
   <div>
     <el-form @submit.prevent="executeQuery">
         <el-row :gutter="10">
-          <el-col :span="20">
+          <el-col :span="2">
+            <el-form-item>
+              <el-select v-model="store" placeholder="Select store">
+                <el-option v-for="item in stores" :key="item.name" :label="item.name" :value="item.name"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="18">
             <el-form-item>
               <el-input v-model="sqlQuery" placeholder="Enter SQL query"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="4">
+          <el-col :span="2">
             <el-form-item>
               <el-button type="primary" @click="executeQuery">Execute</el-button>
             </el-form-item>

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

@@ -773,11 +773,11 @@ var SBOM = (callback: (d: any) => void) => {
       .then(callback)
 }
 
-var DataQuery = (query: string, callback: (d: any) => void, errHandler: (d: any) => void) => {
+var DataQuery = (store: string, query: string, callback: (d: any) => void, errHandler: (d: any) => void) => {
   const requestOptions = {
     method: 'POST',
     headers: {
-        'X-Store-Name': 'mysql' //Cache.GetCurrentStore().name
+        'X-Store-Name': store
     },
     body: JSON.stringify({
         sql: query