From 71dda5e4327b4ea74ddaf6961655f0c0e9ff7986 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=AE=B8=E6=99=93=E4=B8=9C?= <763795151@qq.com>
Date: Sun, 12 Sep 2021 22:31:08 +0800
Subject: [PATCH] show config in the home page

---
 ui/src/views/Home.vue | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/ui/src/views/Home.vue b/ui/src/views/Home.vue
index 75ab857..a58377a 100644
--- a/ui/src/views/Home.vue
+++ b/ui/src/views/Home.vue
@@ -1,17 +1,32 @@
 <template>
   <div class="home">
-    <HelloWorld msg="Welcome to kafka console ui." />
+    <a-card title="kafka console 配置" style="width: 100%">
+      <!--      <a slot="extra" href="#">more</a>-->
+      <p v-for="(v, k) in config" :key="k">{{ k }}={{ v }}</p>
+    </a-card>
   </div>
 </template>
 
 <script>
 // @ is an alias to /src
-import HelloWorld from "@/components/HelloWorld.vue";
-
+import request from "@/utils/request";
+import { KafkaConfigApi } from "@/utils/api";
 export default {
   name: "Home",
-  components: {
-    HelloWorld,
+  components: {},
+  data() {
+    return {
+      config: {},
+    };
+  },
+
+  created() {
+    request({
+      url: KafkaConfigApi.getConfig.url,
+      method: KafkaConfigApi.getConfig.method,
+    }).then((res) => {
+      this.config = res.data;
+    });
   },
 };
 </script>