升级v1.0.12版本

README.md

@@ -25,11 +25,11 @@ v1.0.6版本之前，如果kafka集群启用了ACL，但是控制台没看到Acl
 ![功能特性](./document/img/功能特性.png)
 
 ## 安装包下载
-点击下载(v1.0.10版本)：[kafka-console-ui.zip](https://github.com/xxd763795151/kafka-console-ui/releases/download/v1.0.10/kafka-console-ui-1.0.10.zip)  
+点击下载(v1.0.11版本)：[kafka-console-ui.zip](https://github.com/xxd763795151/kafka-console-ui/releases/download/v1.0.11/kafka-console-ui-1.0.11.zip)  
 
 如果安装包下载的比较慢，可以查看下面的源码打包说明，把代码下载下来，本地快速打包.  
 
-github下载慢也可以试试从gitee下载，点击下载[gitee来源kafka-console-ui.zip](https://gitee.com/xiaodong_xu/kafka-console-ui/releases/download/v1.0.10/kafka-console-ui-1.0.10.zip)
+github下载慢也可以试试从gitee下载，点击下载[gitee来源kafka-console-ui.zip](https://gitee.com/xiaodong_xu/kafka-console-ui/releases/download/v1.0.11/kafka-console-ui-1.0.11.zip)
 
 ## 快速使用
 ### Windows

pom.xml

@@ -10,7 +10,7 @@
     </parent>
     <groupId>com.xuxd</groupId>
     <artifactId>kafka-console-ui</artifactId>
-    <version>1.0.11</version>
+    <version>1.0.12</version>
     <name>kafka-console-ui</name>
     <description>Kafka console manage ui</description>
     <properties>

ui/src/main.js

@@ -17,3 +17,8 @@ new Vue({
   store,
   render: (h) => h(App),
 }).$mount("#app");
+
+Vue.prototype.$message.config({
+  duration: 1,
+  maxCount: 1,
+});

ui/src/views/group/Group.vue

@@ -58,6 +58,22 @@
                 </a-form-item>
               </a-col>
             </a-row>
+            <hr class="hr" />
+            <a-row :gutter="24">
+              <a-col :span="24">
+                <a-form-item label="过滤消费组">
+                  <a-input
+                    placeholder="groupId 模糊过滤"
+                    class="input-w"
+                    v-decorator="['filterGroupId']"
+                    @change="onFilterGroupIdUpdate"
+                  />
+                  <span>
+                    仅过滤当前已查出来的消费组，如果要查询服务端最新消费组，请点击查询按钮</span
+                  >
+                </a-form-item>
+              </a-col>
+            </a-row>
           </a-form>
         </div>
         <div class="operation-row-button">
@@ -70,7 +86,7 @@
         </div>
         <a-table
           :columns="columns"
-          :data-source="data"
+          :data-source="filteredData"
           bordered
           row-key="groupId"
         >
@@ -169,6 +185,7 @@ export default {
     return {
       queryParam: {},
       data: [],
+      filteredData: [],
       columns,
       selectRow: {},
       form: this.$form.createForm(this, {
@@ -186,6 +203,7 @@ export default {
       showConsumerDetailDialog: false,
       showAddSubscriptionDialog: false,
       showOffsetPartitionDialog: false,
+      filterGroupId: "",
     };
   },
   methods: {
@@ -209,6 +227,7 @@ export default {
         this.loading = false;
         if (res.code == 0) {
           this.data = res.data.list;
+          this.filter();
         } else {
           notification.error({
             message: "error",
@@ -268,6 +287,19 @@ export default {
     closeOffsetPartitionDialog() {
       this.showOffsetPartitionDialog = false;
     },
+    onFilterGroupIdUpdate(input) {
+      this.filterGroupId = input.target.value;
+      this.filter();
+    },
+    filter() {
+      if (this.filterGroupId) {
+        this.filteredData = this.data.filter(
+          (e) => e.groupId.indexOf(this.filterGroupId) != -1
+        );
+      } else {
+        this.filteredData = this.data;
+      }
+    },
   },
   created() {
     this.getConsumerGroupList();
@@ -372,4 +404,9 @@ const columns = [
 .type-select {
   width: 200px !important;
 }
+.hr {
+  height: 1px;
+  border: none;
+  border-top: 1px dashed #0066cc;
+}
 </style>

ui/src/views/topic/SendStats.vue

@@ -11,7 +11,18 @@
   >
     <div>
       <a-spin :spinning="loading">
-        <h4>今天发送消息数：{{ today.total }}</h4>
+        <h4>
+          今天发送消息数：{{ today.total
+          }}<a-button
+            type="primary"
+            icon="reload"
+            size="small"
+            style="float: right"
+            @click="sendStatus"
+          >
+            刷新
+          </a-button>
+        </h4>
         <a-table
           :columns="columns"
           :data-source="today.detail"