From 8671539097895ded3bd008af54444c36f833ce91 Mon Sep 17 00:00:00 2001 From: Gzx1999 Date: Mon, 11 Sep 2023 23:53:06 +0800 Subject: [PATCH] add topo data request --- topology/server/handler/handler.go | 1 + topology/web/package.json | 1 + topology/web/src/request/api.ts | 22 ++ topology/web/src/request/request.ts | 10 + topology/web/src/views/ClusterView.vue | 72 +++--- topology/web/src/views/NodeView.vue | 297 +++++++++++++++---------- topology/web/vite.config.ts | 9 + topology/web/yarn.lock | 57 +++++ 8 files changed, 319 insertions(+), 150 deletions(-) create mode 100644 topology/web/src/request/api.ts create mode 100644 topology/web/src/request/request.ts diff --git a/topology/server/handler/handler.go b/topology/server/handler/handler.go index 8ffc2bc6..dd987a7b 100644 --- a/topology/server/handler/handler.go +++ b/topology/server/handler/handler.go @@ -76,6 +76,7 @@ func MultiHostHandle(ctx *gin.Context) { "error": err, "data": nil, }) + return } ctx.JSON(http.StatusOK, gin.H{ diff --git a/topology/web/package.json b/topology/web/package.json index 2d0cab98..7cc93f8a 100644 --- a/topology/web/package.json +++ b/topology/web/package.json @@ -13,6 +13,7 @@ "@antv/g6": "^4.8.21", "@vue/reactivity": "^3.3.4", "@vue/shared": "^3.3.4", + "axios": "^1.5.0", "element-plus": "^2.3.12", "pinia": "^2.1.4", "vue": "^3.3.4", diff --git a/topology/web/src/request/api.ts b/topology/web/src/request/api.ts new file mode 100644 index 00000000..d420679c --- /dev/null +++ b/topology/web/src/request/api.ts @@ -0,0 +1,22 @@ +import request from './request'; + +export const topo = { + async multi_host_topo() { + try { + const response = await request.get('/multi_host'); + return response.data; + } catch (error) { + throw error; + } + }, + async single_host_topo(node:string) { + try { + const response = await request.get('/single_host/'+node); + return response.data; + } catch (error) { + throw error; + } + }, + + // 添加其他API请求方法 +}; diff --git a/topology/web/src/request/request.ts b/topology/web/src/request/request.ts new file mode 100644 index 00000000..23f6ae02 --- /dev/null +++ b/topology/web/src/request/request.ts @@ -0,0 +1,10 @@ +import axios from 'axios'; +import { type AxiosInstance } from 'axios'; + +const request: AxiosInstance = axios.create({ + // baseURL: 'http://192.168.241.129:9991/plugin/api/', // 根据你的API地址进行配置 + baseURL: '/plugin/api/', // 根据你的API地址进行配置 + timeout: 10000, // 设置超时时间 +}); + +export default request; diff --git a/topology/web/src/views/ClusterView.vue b/topology/web/src/views/ClusterView.vue index c88a6156..314b1cef 100644 --- a/topology/web/src/views/ClusterView.vue +++ b/topology/web/src/views/ClusterView.vue @@ -9,7 +9,7 @@