feat: get tables

frontend/src/api/datasource.ts

@@ -5,5 +5,6 @@ export const datasourceApi = {
   add: (data: any) => request.post('/datasource/add', data),
   list: () => request.get('/datasource/list'),
   update: (data: any) => request.post('/datasource/update', data),
-  delete: (id: Number) => request.post(`/datasource/delete/${id}`)
+  delete: (id: Number) => request.post(`/datasource/delete/${id}`),
+  getTables: (id: Number) => request.post(`/datasource/getTables/${id}`),
 }

frontend/src/views/ds/index.vue

@@ -35,6 +35,7 @@
         </div>
         <div class="connection-status" :class="`${getStatus(ds.status)}`">{{ ds.status }}</div>
         <div class="connection-actions">
+          <el-button class="action-btn" circle @click="getTables(ds.id)"/>
           <el-button type="primary" class="action-btn" circle @click="editDs(ds)" :icon="IconOpeEdit"/>
           <el-button type="danger" class="action-btn" circle @click="deleteDs(ds)" :icon="IconOpeDelete"/>
         </div>
@@ -114,6 +115,12 @@ const deleteDs = (item: any) => {
   })
 }
 
+const getTables = (id: Number) => {
+  datasourceApi.getTables(id).then((res) => {
+    console.log(res)
+  })
+}
+
 onMounted(() => {
   list()
 })