主页显示broker版本

ui/src/views/Home.vue

@@ -6,6 +6,10 @@
     <p></p>
     <hr />
     <h3>kafka API 版本兼容性</h3>
+    <div class="green">
+      broker版本说明:
+      该值并不保证broker实际版本一定是该值(大概是这个版本范围)，broker使用不同的模式(如kraft)可能显示不同的值
+    </div>
     <a-spin :spinning="apiVersionInfoLoading">
       <a-table
         :columns="columns"
@@ -104,6 +108,11 @@ const columns = [
     dataIndex: "host",
     key: "host",
   },
+  {
+    title: "broker版本",
+    dataIndex: "brokerVersion",
+    key: "brokerVersion",
+  },
   {
     title: "支持的api数量",
     dataIndex: "supportNums",
@@ -125,4 +134,7 @@ const columns = [
 .card-style {
   width: 100%;
 }
+.green {
+  color: green;
+}
 </style>