diff --git a/docs/install_guide/install_guide_cn.md b/docs/install_guide/install_guide_cn.md
index 4142bc81..dbfa5e2c 100644
--- a/docs/install_guide/install_guide_cn.md
+++ b/docs/install_guide/install_guide_cn.md
@@ -13,7 +13,7 @@
 ## 环境依赖
 
 - `Maven 3.5+`(后端打包依赖)
-- `node 10+`(前端打包依赖)
+- `node v12+`(前端打包依赖)
 - `Java 8+`(运行环境需要)
 - `MySQL 5.7`(数据存储)
 
diff --git a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/constant/TopicCreationConstant.java b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/constant/TopicCreationConstant.java
index 423c6d1d..f2f1922c 100644
--- a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/constant/TopicCreationConstant.java
+++ b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/constant/TopicCreationConstant.java
@@ -46,4 +46,15 @@ public class TopicCreationConstant {
     public static final String TOPIC_NAME_PREFIX_RU = "ru01_";
 
     public static final Integer TOPIC_NAME_MAX_LENGTH = 255;
+
+
+    /**
+     * 单次自动化审批, 默认允许的通过单子
+     */
+    public static final Integer DEFAULT_MAX_PASSED_ORDER_NUM_PER_TASK = 1;
+
+    /**
+     * 单次自动化审批, 最多允许的通过单子
+     */
+    public static final Integer MAX_PASSED_ORDER_NUM_PER_TASK = 200;
 }
\ No newline at end of file
diff --git a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/ResultStatus.java b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/ResultStatus.java
index ce044a13..d59ade76 100644
--- a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/ResultStatus.java
+++ b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/ResultStatus.java
@@ -86,6 +86,8 @@ public enum ResultStatus {
     APP_ID_OR_PASSWORD_ILLEGAL(1000, "app or password illegal"),
     SYSTEM_CODE_ILLEGAL(1000, "system code illegal"),
 
+    CLUSTER_TASK_HOST_LIST_ILLEGAL(1000, "主机列表错误，请检查主机列表"),
+
 
 
 
diff --git a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/ao/RdTopicBasic.java b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/ao/RdTopicBasic.java
index 3cecd3cf..bf57a800 100644
--- a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/ao/RdTopicBasic.java
+++ b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/ao/RdTopicBasic.java
@@ -1,5 +1,6 @@
 package com.xiaojukeji.kafka.manager.common.entity.ao;
 
+import java.util.List;
 import java.util.Properties;
 
 /**
@@ -23,6 +24,8 @@ public class RdTopicBasic {
 
     private String description;
 
+    private List<String> regionNameList;
+
     public Long getClusterId() {
         return clusterId;
     }
@@ -87,6 +90,14 @@ public class RdTopicBasic {
         this.description = description;
     }
 
+    public List<String> getRegionNameList() {
+        return regionNameList;
+    }
+
+    public void setRegionNameList(List<String> regionNameList) {
+        this.regionNameList = regionNameList;
+    }
+
     @Override
     public String toString() {
         return "RdTopicBasic{" +
@@ -98,6 +109,7 @@ public class RdTopicBasic {
                 ", appName='" + appName + '\'' +
                 ", properties=" + properties +
                 ", description='" + description + '\'' +
+                ", regionNameList='" + regionNameList + '\'' +
                 '}';
     }
 }
\ No newline at end of file
diff --git a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/ao/config/CreateTopicConfig.java b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/ao/config/CreateTopicConfig.java
index 35f694f8..897222a3 100644
--- a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/ao/config/CreateTopicConfig.java
+++ b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/ao/config/CreateTopicConfig.java
@@ -1,5 +1,8 @@
 package com.xiaojukeji.kafka.manager.common.entity.ao.config;
 
+import com.xiaojukeji.kafka.manager.common.constant.TopicCreationConstant;
+import com.xiaojukeji.kafka.manager.common.utils.ValidateUtils;
+
 import java.util.List;
 
 /**
@@ -7,8 +10,27 @@ import java.util.List;
  * @date 20/7/24
  */
 public class CreateTopicConfig {
+    /**
+     * 单次自动化审批, 允许的通过单子
+     */
+    private Integer maxPassedOrderNumPerTask;
+
     private List<CreateTopicElemConfig> configList;
 
+    public Integer getMaxPassedOrderNumPerTask() {
+        if (ValidateUtils.isNull(maxPassedOrderNumPerTask)) {
+            return TopicCreationConstant.DEFAULT_MAX_PASSED_ORDER_NUM_PER_TASK;
+        }
+        if (maxPassedOrderNumPerTask > TopicCreationConstant.MAX_PASSED_ORDER_NUM_PER_TASK) {
+            return TopicCreationConstant.MAX_PASSED_ORDER_NUM_PER_TASK;
+        }
+        return maxPassedOrderNumPerTask;
+    }
+
+    public void setMaxPassedOrderNumPerTask(Integer maxPassedOrderNumPerTask) {
+        this.maxPassedOrderNumPerTask = maxPassedOrderNumPerTask;
+    }
+
     public List<CreateTopicElemConfig> getConfigList() {
         return configList;
     }
@@ -20,7 +42,8 @@ public class CreateTopicConfig {
     @Override
     public String toString() {
         return "CreateTopicConfig{" +
-                "configList=" + configList +
+                "maxPassedOrderNumPerTask=" + maxPassedOrderNumPerTask +
+                ", configList=" + configList +
                 '}';
     }
 }
\ No newline at end of file
diff --git a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/ao/topic/TopicBasicDTO.java b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/ao/topic/TopicBasicDTO.java
index 9522feee..e3ea08ed 100644
--- a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/ao/topic/TopicBasicDTO.java
+++ b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/ao/topic/TopicBasicDTO.java
@@ -1,5 +1,7 @@
 package com.xiaojukeji.kafka.manager.common.entity.ao.topic;
 
+import java.util.List;
+
 /**
  * @author arthur
  * @date 2018/09/03
@@ -17,7 +19,7 @@ public class TopicBasicDTO {
 
     private String description;
 
-    private String region;
+    private List<String> regionNameList;
 
     private Integer score;
 
@@ -83,12 +85,12 @@ public class TopicBasicDTO {
         this.description = description;
     }
 
-    public String getRegion() {
-        return region;
+    public List<String> getRegionNameList() {
+        return regionNameList;
     }
 
-    public void setRegion(String region) {
-        this.region = region;
+    public void setRegionNameList(List<String> regionNameList) {
+        this.regionNameList = regionNameList;
     }
 
     public Integer getScore() {
@@ -164,7 +166,7 @@ public class TopicBasicDTO {
                 ", principals='" + principals + '\'' +
                 ", topicName='" + topicName + '\'' +
                 ", description='" + description + '\'' +
-                ", region='" + region + '\'' +
+                ", regionNameList='" + regionNameList + '\'' +
                 ", score=" + score +
                 ", topicCodeC='" + topicCodeC + '\'' +
                 ", partitionNum=" + partitionNum +
diff --git a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/ao/topic/TopicOverview.java b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/ao/topic/TopicOverview.java
index 03dd9e37..fe02fe94 100644
--- a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/ao/topic/TopicOverview.java
+++ b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/ao/topic/TopicOverview.java
@@ -18,6 +18,8 @@ public class TopicOverview {
 
     private Object byteIn;
 
+    private Object byteOut;
+
     private Object produceRequest;
 
     private String appName;
@@ -78,6 +80,14 @@ public class TopicOverview {
         this.byteIn = byteIn;
     }
 
+    public Object getByteOut() {
+        return byteOut;
+    }
+
+    public void setByteOut(Object byteOut) {
+        this.byteOut = byteOut;
+    }
+
     public Object getProduceRequest() {
         return produceRequest;
     }
@@ -135,6 +145,7 @@ public class TopicOverview {
                 ", partitionNum=" + partitionNum +
                 ", retentionTime=" + retentionTime +
                 ", byteIn=" + byteIn +
+                ", byteOut=" + byteOut +
                 ", produceRequest=" + produceRequest +
                 ", appName='" + appName + '\'' +
                 ", appId='" + appId + '\'' +
diff --git a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/dto/rd/LogicalClusterDTO.java b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/dto/rd/LogicalClusterDTO.java
index c3569774..790f9758 100644
--- a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/dto/rd/LogicalClusterDTO.java
+++ b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/dto/rd/LogicalClusterDTO.java
@@ -1,6 +1,7 @@
 package com.xiaojukeji.kafka.manager.common.entity.dto.rd;
 
 import com.fasterxml.jackson.annotation.JsonIgnoreProperties;
+import com.xiaojukeji.kafka.manager.common.bizenum.ClusterModeEnum;
 import com.xiaojukeji.kafka.manager.common.utils.ValidateUtils;
 import io.swagger.annotations.ApiModel;
 import io.swagger.annotations.ApiModelProperty;
@@ -108,10 +109,13 @@ public class LogicalClusterDTO {
         if (ValidateUtils.isNull(clusterId)
                 || ValidateUtils.isNull(clusterId)
                 || ValidateUtils.isEmptyList(regionIdList)
-                || ValidateUtils.isNull(appId)
                 || ValidateUtils.isNull(mode)) {
             return false;
         }
+        if (!ClusterModeEnum.SHARED_MODE.getCode().equals(mode) && ValidateUtils.isNull(appId)) {
+            return false;
+        }
+        appId = ValidateUtils.isNull(appId)? "": appId;
         description = ValidateUtils.isNull(description)? "": description;
         return true;
     }
diff --git a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/metrics/TopicMetrics.java b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/metrics/TopicMetrics.java
index 768d7d84..33c8aaeb 100644
--- a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/metrics/TopicMetrics.java
+++ b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/metrics/TopicMetrics.java
@@ -1,5 +1,7 @@
 package com.xiaojukeji.kafka.manager.common.entity.metrics;
 
+import java.util.List;
+
 /**
  * @author zengqiao
  * @date 20/6/17
@@ -11,6 +13,8 @@ public class TopicMetrics extends BaseMetrics {
 
     private String topicName;
 
+    private List<BrokerMetrics> brokerMetricsList;
+
     public TopicMetrics(Long clusterId, String topicName) {
         super();
         this.clusterId = clusterId;
@@ -24,6 +28,14 @@ public class TopicMetrics extends BaseMetrics {
         this.topicName = topicName;
     }
 
+    public TopicMetrics(String appId, Long clusterId, String topicName, List<BrokerMetrics> brokerMetricsList) {
+        super();
+        this.appId = appId;
+        this.clusterId = clusterId;
+        this.topicName = topicName;
+        this.brokerMetricsList = brokerMetricsList;
+    }
+
     public String getAppId() {
         return appId;
     }
@@ -36,6 +48,14 @@ public class TopicMetrics extends BaseMetrics {
         return topicName;
     }
 
+    public void setBrokerMetricsList(List<BrokerMetrics> brokerMetricsList) {
+        this.brokerMetricsList = brokerMetricsList;
+    }
+
+    public List<BrokerMetrics> getBrokerMetricsList() {
+        return brokerMetricsList;
+    }
+
     @Override
     public String toString() {
         return "TopicMetrics{" +
diff --git a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/vo/common/TopicOverviewVO.java b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/vo/common/TopicOverviewVO.java
index bf462ffc..724e31b2 100644
--- a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/vo/common/TopicOverviewVO.java
+++ b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/vo/common/TopicOverviewVO.java
@@ -28,6 +28,9 @@ public class TopicOverviewVO {
     @ApiModelProperty(value = "每秒流入流量(B)")
     private Object byteIn;
 
+    @ApiModelProperty(value = "每秒流出流量(B)")
+    private Object byteOut;
+
     @ApiModelProperty(value = "发送请求数(个/秒)")
     private Object produceRequest;
 
@@ -94,6 +97,14 @@ public class TopicOverviewVO {
         this.byteIn = byteIn;
     }
 
+    public Object getByteOut() {
+        return byteOut;
+    }
+
+    public void setByteOut(Object byteOut) {
+        this.byteOut = byteOut;
+    }
+
     public Object getProduceRequest() {
         return produceRequest;
     }
@@ -151,6 +162,7 @@ public class TopicOverviewVO {
                 ", partitionNum=" + partitionNum +
                 ", retentionTime=" + retentionTime +
                 ", byteIn=" + byteIn +
+                ", byteOut=" + byteOut +
                 ", produceRequest=" + produceRequest +
                 ", appName='" + appName + '\'' +
                 ", appId='" + appId + '\'' +
diff --git a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/vo/normal/topic/TopicBasicVO.java b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/vo/normal/topic/TopicBasicVO.java
index f3fcb952..946a9997 100644
--- a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/vo/normal/topic/TopicBasicVO.java
+++ b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/vo/normal/topic/TopicBasicVO.java
@@ -3,6 +3,8 @@ package com.xiaojukeji.kafka.manager.common.entity.vo.normal.topic;
 import io.swagger.annotations.ApiModel;
 import io.swagger.annotations.ApiModelProperty;
 
+import java.util.List;
+
 /**
  * Topic的基本信息
  * @author zengqiao
@@ -49,6 +51,9 @@ public class TopicBasicVO {
     @ApiModelProperty(value = "集群地址")
     private String bootstrapServers;
 
+    @ApiModelProperty(value = "所属region")
+    private List<String> regionNameList;
+
     public Long getClusterId() {
         return clusterId;
     }
@@ -153,6 +158,14 @@ public class TopicBasicVO {
         this.score = score;
     }
 
+    public List<String> getRegionNameList() {
+        return regionNameList;
+    }
+
+    public void setRegionNameList(List<String> regionNameList) {
+        this.regionNameList = regionNameList;
+    }
+
     @Override
     public String toString() {
         return "TopicBasicVO{" +
@@ -169,6 +182,7 @@ public class TopicBasicVO {
                 ", topicCodeC='" + topicCodeC + '\'' +
                 ", description='" + description + '\'' +
                 ", bootstrapServers='" + bootstrapServers + '\'' +
+                ", regionNameList=" + regionNameList +
                 '}';
     }
 }
diff --git a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/vo/normal/topic/TopicBrokerRequestTimeVO.java b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/vo/normal/topic/TopicBrokerRequestTimeVO.java
new file mode 100644
index 00000000..486dcc61
--- /dev/null
+++ b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/vo/normal/topic/TopicBrokerRequestTimeVO.java
@@ -0,0 +1,39 @@
+package com.xiaojukeji.kafka.manager.common.entity.vo.normal.topic;
+
+/**
+ * author: mrazkonglingxu
+ * Date: 2020/12/7
+ * Time: 7:40 下午
+ */
+public class TopicBrokerRequestTimeVO {
+
+    private Long clusterId;
+
+    private Integer brokerId;
+
+    private TopicRequestTimeDetailVO brokerRequestTime;
+
+    public Long getClusterId() {
+        return clusterId;
+    }
+
+    public void setClusterId(Long clusterId) {
+        this.clusterId = clusterId;
+    }
+
+    public Integer getBrokerId() {
+        return brokerId;
+    }
+
+    public void setBrokerId(Integer brokerId) {
+        this.brokerId = brokerId;
+    }
+
+    public TopicRequestTimeDetailVO getBrokerRequestTime() {
+        return brokerRequestTime;
+    }
+
+    public void setBrokerRequestTime(TopicRequestTimeDetailVO brokerRequestTime) {
+        this.brokerRequestTime = brokerRequestTime;
+    }
+}
diff --git a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/vo/normal/topic/TopicRequestTimeDetailVO.java b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/vo/normal/topic/TopicRequestTimeDetailVO.java
index c89c7cb2..346e2383 100644
--- a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/vo/normal/topic/TopicRequestTimeDetailVO.java
+++ b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/vo/normal/topic/TopicRequestTimeDetailVO.java
@@ -3,6 +3,8 @@ package com.xiaojukeji.kafka.manager.common.entity.vo.normal.topic;
 import io.swagger.annotations.ApiModel;
 import io.swagger.annotations.ApiModelProperty;
 
+import java.util.List;
+
 /**
  * @author zengqiao
  * @date 20/4/8
@@ -33,6 +35,8 @@ public class TopicRequestTimeDetailVO {
     @ApiModelProperty(value = "totalTimeMs")
     private Object totalTimeMs;
 
+    private List<TopicBrokerRequestTimeVO> brokerRequestTimeList;
+
     public String getRequestTimeType() {
         return requestTimeType;
     }
@@ -97,6 +101,14 @@ public class TopicRequestTimeDetailVO {
         this.totalTimeMs = totalTimeMs;
     }
 
+    public List<TopicBrokerRequestTimeVO> getBrokerRequestTimeList() {
+        return brokerRequestTimeList;
+    }
+
+    public void setBrokerRequestTimeList(List<TopicBrokerRequestTimeVO> brokerRequestTimeList) {
+        this.brokerRequestTimeList = brokerRequestTimeList;
+    }
+
     @Override
     public String toString() {
         return "TopicRequestTimeDetailVO{" +
diff --git a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/vo/rd/RdTopicBasicVO.java b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/vo/rd/RdTopicBasicVO.java
index 55682938..75d50f05 100644
--- a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/vo/rd/RdTopicBasicVO.java
+++ b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/entity/vo/rd/RdTopicBasicVO.java
@@ -3,6 +3,7 @@ package com.xiaojukeji.kafka.manager.common.entity.vo.rd;
 import io.swagger.annotations.ApiModel;
 import io.swagger.annotations.ApiModelProperty;
 
+import java.util.List;
 import java.util.Properties;
 
 /**
@@ -35,6 +36,9 @@ public class RdTopicBasicVO {
     @ApiModelProperty(value = "备注")
     private String description;
 
+    @ApiModelProperty(value = "所属region")
+    private List<String> regionNameList;
+
     public Long getClusterId() {
         return clusterId;
     }
@@ -99,6 +103,14 @@ public class RdTopicBasicVO {
         this.description = description;
     }
 
+    public List<String> getRegionNameList() {
+        return regionNameList;
+    }
+
+    public void setRegionNameList(List<String> regionNameList) {
+        this.regionNameList = regionNameList;
+    }
+
     @Override
     public String toString() {
         return "RdTopicBasicVO{" +
@@ -110,6 +122,7 @@ public class RdTopicBasicVO {
                 ", appName='" + appName + '\'' +
                 ", properties=" + properties +
                 ", description='" + description + '\'' +
+                ", regionNameList='" + regionNameList + '\'' +
                 '}';
     }
 }
\ No newline at end of file
diff --git a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/utils/JsonUtils.java b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/utils/JsonUtils.java
index a8c4997e..1d4bce26 100644
--- a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/utils/JsonUtils.java
+++ b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/utils/JsonUtils.java
@@ -64,7 +64,7 @@ public class JsonUtils {
                     TopicConnectionDO connectionDO = new TopicConnectionDO();
 
                     String[] appIdDetailArray = appIdDetail.toString().split("#");
-                    if (appIdDetailArray.length == 3) {
+                    if (appIdDetailArray.length >= 3) {
                         connectionDO.setAppId(appIdDetailArray[0]);
                         connectionDO.setIp(appIdDetailArray[1]);
                         connectionDO.setClientVersion(appIdDetailArray[2]);
diff --git a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/utils/jmx/MbeanNameUtilV2.java b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/utils/jmx/MbeanNameUtilV2.java
index d7d4ffe9..eb43e989 100644
--- a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/utils/jmx/MbeanNameUtilV2.java
+++ b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/utils/jmx/MbeanNameUtilV2.java
@@ -170,7 +170,10 @@ public class MbeanNameUtilV2 {
                 new MbeanV2(
                         "TopicCodeC",
                         JmxAttributeEnum.VALUE_ATTRIBUTE,
-                        "kafka.server:type=ReplicaManager,name=TopicCodeC"
+                        Arrays.asList(
+                                new AbstractMap.SimpleEntry<>(KafkaVersion.VERSION_0_10_3, "kafka.server:type=ReplicaManager,name=TopicCodeC"),
+                                new AbstractMap.SimpleEntry<>(KafkaVersion.VERSION_MAX, "kafka.server:type=AppIdTopicMetrics,name=RecordCompression,appId=")
+                        )
                 ),
                 Arrays.asList(
                         KafkaMetricsCollections.TOPIC_BASIC_PAGE_METRICS
diff --git a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/zookeeper/ZkPathUtil.java b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/zookeeper/ZkPathUtil.java
index b1758205..464dba7b 100644
--- a/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/zookeeper/ZkPathUtil.java
+++ b/kafka-manager-common/src/main/java/com/xiaojukeji/kafka/manager/common/zookeeper/ZkPathUtil.java
@@ -8,7 +8,7 @@ package com.xiaojukeji.kafka.manager.common.zookeeper;
 public class ZkPathUtil {
     private static final String     ZOOKEEPER_SEPARATOR         = "/";
 
-    private static final String     BROKER_ROOT_NODE            = ZOOKEEPER_SEPARATOR + "brokers";
+    public static final String      BROKER_ROOT_NODE            = ZOOKEEPER_SEPARATOR + "brokers";
 
     public static final String      CONTROLLER_ROOT_NODE        = ZOOKEEPER_SEPARATOR + "controller";
 
diff --git a/kafka-manager-console/package.json b/kafka-manager-console/package.json
index b823bf3d..f06c4120 100644
--- a/kafka-manager-console/package.json
+++ b/kafka-manager-console/package.json
@@ -33,6 +33,8 @@
     "mobx": "^5.9.4",
     "mobx-react": "^5.4.3",
     "moment": "^2.24.0",
+    "monaco-editor": "^0.20.0",
+    "monaco-editor-webpack-plugin": "^1.9.0",
     "optimize-css-assets-webpack-plugin": "^5.0.1",
     "react": "^16.8.4",
     "react-hot-loader": "^4.8.4",
@@ -45,9 +47,13 @@
     "tslint": "^5.13.1",
     "tslint-react": "^3.6.0",
     "typescript": "^3.3.3333",
+    "url-loader": "^4.1.1",
     "webpack": "^4.29.6",
     "webpack-cli": "^3.2.3",
     "webpack-dev-server": "^3.2.1",
     "xlsx": "^0.16.1"
+  },
+  "dependencies": {
+    "format-to-json": "^1.0.4"
   }
 }
diff --git a/kafka-manager-console/pom.xml b/kafka-manager-console/pom.xml
index 81b4e933..e8f6295b 100644
--- a/kafka-manager-console/pom.xml
+++ b/kafka-manager-console/pom.xml
@@ -28,9 +28,10 @@
                             <goal>install-node-and-npm</goal>
                         </goals>
                         <configuration>
-                            <nodeVersion>v8.12.0</nodeVersion>
-                            <npmVersion>6.4.1</npmVersion>
+                            <nodeVersion>v12.20.0</nodeVersion>
+                            <npmVersion>6.14.8</npmVersion>
                             <nodeDownloadRoot>http://npm.taobao.org/mirrors/node/</nodeDownloadRoot>
+                            <npmDownloadRoot>https://registry.npm.taobao.org/npm/-/</npmDownloadRoot>
                         </configuration>
                     </execution>
                     <execution>
diff --git a/kafka-manager-console/src/component/antd/index.tsx b/kafka-manager-console/src/component/antd/index.tsx
index 41efdea5..2d771efe 100644
--- a/kafka-manager-console/src/component/antd/index.tsx
+++ b/kafka-manager-console/src/component/antd/index.tsx
@@ -48,6 +48,9 @@ import 'antd/es/notification/style';
 import Tooltip from 'antd/es/tooltip';
 import 'antd/es/tooltip/style';
 
+import Popover from 'antd/es/popover';
+import 'antd/es/popover/style';
+
 import Radio from 'antd/es/radio';
 import 'antd/es/radio';
 import { RadioChangeEvent } from 'antd/es/radio';
@@ -97,6 +100,9 @@ import 'antd/es/time-picker/style';
 import Badge from 'antd/es/badge';
 import 'antd/es/badge/style';
 
+import Progress from 'antd/es/progress';
+import 'antd/es/progress/style';
+
 import { RangePickerValue } from 'antd/es/date-picker/interface';
 
 export {
@@ -136,4 +142,5 @@ export {
   TimePicker,
   RangePickerValue,
   Badge,
+  Popover
 };
diff --git a/kafka-manager-console/src/component/editor/editor.tsx b/kafka-manager-console/src/component/editor/editor.tsx
new file mode 100644
index 00000000..cf86f2c7
--- /dev/null
+++ b/kafka-manager-console/src/component/editor/editor.tsx
@@ -0,0 +1,68 @@
+// import * as React from 'react';
+// import CodeMirror from 'codemirror/lib/codemirror';
+// import 'codemirror/lib/codemirror.css';
+// import 'codemirror/mode/sql/sql';
+// import 'codemirror/mode/javascript/javascript';
+// import 'codemirror/addon/hint/show-hint.js';
+// import 'codemirror/addon/hint/sql-hint.js';
+// import 'codemirror/addon/hint/show-hint.css';
+// import './index.less';
+// import { indexStore } from 'store/my-index';
+
+// interface IProps {
+//   value?: string;
+//   placeholder?: string;
+//   readOnly?: boolean;
+// }
+// export class CodeMirrorEditor extends React.Component<IProps> {
+
+//   public editor = null as any;
+
+//   public handleCodeFocus = () => {
+//     // tslint:disable-next-line:no-unused-expression
+//     this.editor && this.editor.focus();
+//   }
+
+//   public componentDidMount() {
+//     const { value, placeholder, readOnly } = this.props;
+//     const code = document.querySelector('.codemirror');
+//     code.innerHTML = '';
+//     const editor = CodeMirror(document.querySelector('.codemirror'), {
+//       mode: 'application/json',
+//       indentWithTabs: true,
+//       smartIndent: true,
+//       lineNumbers: true,
+//       matchBrackets: true,
+//       autoCloseBrackets: true,
+//       styleSelectedText: true,
+//       foldGutter: true,
+//       readOnly,
+//       extraKeys: readOnly ? {} : {
+//         'Ctrl-Enter': 'autocomplete',
+//         'Tab': (cm) => {
+//           const spaces = Array(cm.getOption('indentUnit') + 1).join(' ');
+//           cm.replaceSelection(spaces);
+//         },
+//       },
+//       placeholder,
+//     });
+//     editor.setValue(value || '');
+//     indexStore.setCodeEditorValue(value || '');
+//     editor.on('changes', (a: any) => {
+//       const data = a.getValue();
+//       indexStore.setCodeEditorValue(data);
+//     });
+//     this.editor = editor;
+//   }
+
+//   public render() {
+//     return (
+//       <div
+//         className="editor-wrap"
+//         onClick={this.handleCodeFocus}
+//       >
+//         <div className="codemirror" />
+//       </div >
+//     );
+//   }
+// }
diff --git a/kafka-manager-console/src/component/editor/index.less b/kafka-manager-console/src/component/editor/index.less
new file mode 100644
index 00000000..4ff05854
--- /dev/null
+++ b/kafka-manager-console/src/component/editor/index.less
@@ -0,0 +1,31 @@
+.editor {
+  height: 100%;
+}
+
+.CodeMirror-placeholder {
+  color:#999;
+  font-size: 12px;
+  line-height: 14px;
+  font-family: -apple-system,BlinkMacSystemFont,Neue Haas Grotesk Text Pro,Arial Nova,Segoe UI,Helvetica Neue,\.PingFang SC,PingFang SC,Microsoft YaHei,Microsoft JhengHei,Source Han Sans SC,Noto Sans CJK SC,Source Han Sans CN,Noto Sans SC,Source Han Sans TC,Noto Sans CJK TC,Hiragino Sans GB,sans-serif;
+}
+.editor-wrap {
+  max-height: 100%;
+}
+
+.CodeMirror {
+  height: 100vh;
+}
+
+.monacoEditor{
+  height: 150px;
+  position: relative;
+  overflow: hidden;
+  border: 1px solid #cccccc;
+  border-radius: 4px;
+  .editor{
+    height: 100%;
+    position: absolute;
+    left: -14%;
+    width: 120%;
+  }
+}
diff --git a/kafka-manager-console/src/component/editor/index.tsx b/kafka-manager-console/src/component/editor/index.tsx
new file mode 100644
index 00000000..6f605b9c
--- /dev/null
+++ b/kafka-manager-console/src/component/editor/index.tsx
@@ -0,0 +1,50 @@
+import * as React from 'react';
+import * as monaco from 'monaco-editor';
+
+import './index.less';
+
+export interface IEditorProps {
+  style?: React.CSSProperties;
+  options: monaco.editor.IStandaloneEditorConstructionOptions;
+  uri?: monaco.Uri;
+  autoUnmount?: boolean;
+  customMount?: (editor: monaco.editor.IStandaloneCodeEditor, monaco: any) => any;
+  placeholder?: string;
+}
+
+export class EditorCom extends React.Component<IEditorProps> {
+  public ref: HTMLElement = null;
+  public editor: monaco.editor.IStandaloneCodeEditor;
+  public state = {
+    placeholder: this.props.placeholder ?? '',
+  };
+
+  public componentWillUnmount() {
+    if (this.props.autoUnmount === false) return;
+    const model = this.editor.getModel();
+    model.dispose();
+    this.editor.dispose();
+  }
+
+  public componentDidMount() {
+    const { customMount, options, uri } = this.props;
+    const { value, language } = options;
+    if (uri) {
+      options.model = monaco.editor.createModel(value, language, uri);
+    }
+
+    this.editor = monaco.editor.create(this.ref,
+      options,
+    );
+    if (customMount) customMount(this.editor, monaco);
+  }
+
+  public render() {
+    const { style } = this.props;
+    return (
+      <>
+        <div style={style} className="editor" ref={(id) => { this.ref = id; }} />
+      </>
+    );
+  }
+}
diff --git a/kafka-manager-console/src/component/editor/monacoEditor.tsx b/kafka-manager-console/src/component/editor/monacoEditor.tsx
new file mode 100644
index 00000000..7a0dd44c
--- /dev/null
+++ b/kafka-manager-console/src/component/editor/monacoEditor.tsx
@@ -0,0 +1,77 @@
+import * as React from 'react';
+import * as monaco from 'monaco-editor';
+import format2json from 'format-to-json';
+import { Input } from 'component/antd';
+import './index.less';
+
+export interface IEditorProps {
+  style?: React.CSSProperties;
+  options: monaco.editor.IStandaloneEditorConstructionOptions;
+  uri?: monaco.Uri;
+  autoUnmount?: boolean;
+  customMount?: (editor: monaco.editor.IStandaloneCodeEditor, monaco: any) => any;
+  placeholder?: string;
+  value: '';
+  onChange?: any;
+}
+
+class Monacoeditor extends React.Component<IEditorProps> {
+  public ref: HTMLElement = null;
+  public editor: monaco.editor.IStandaloneCodeEditor;
+  public state = {
+    placeholder: '',
+  };
+  // public arr = '{"clusterId":95,"startId":37397856,"step":100,"topicName":"kmo_topic_metrics_tempory_zq"}';
+  // public Ars(a: string) {
+  //   const obj = JSON.parse(a);
+  //   const newobj: any = {};
+  //   for (const item in obj) {
+  //     if (typeof obj[item] === 'object') {
+  //       this.Ars(obj[item]);
+  //     } else {
+  //       newobj[item] = obj[item];
+  //     }
+  //   }
+  //   return JSON.stringify(newobj);
+  // }
+  public async componentDidMount() {
+    const { value, onChange } = this.props;
+    const format: any = await format2json(value);
+    this.editor = monaco.editor.create(this.ref, {
+      value: format.result,
+      language: 'json',
+      lineNumbers: 'off',
+      scrollBeyondLastLine: false,
+      // selectOnLineNumbers: true,
+      // roundedSelection: false,
+      // readOnly: true,
+      minimap: {
+        enabled: false,
+      },
+      // automaticLayout: true, // 自动布局
+      glyphMargin: true, // 字形边缘 {},[]
+      // useTabStops: false,
+      // formatOnPaste: true,
+      // mode: 'application/json',
+      // indentWithTabs: true,
+      // smartIndent: true,
+      // matchBrackets: 'always',
+      // autoCloseBrackets: true,
+      // styleSelectedText: true,
+      // foldGutter: true,
+    });
+    this.editor.onDidChangeModelContent((e) => {
+      const newValue = this.editor.getValue();
+      onChange(newValue);
+    });
+  }
+  public render() {
+    return (
+      <div className="monacoEditor ant-input" >
+        <Input style={{ display: 'none' }} {...this.props} />
+        <div className="editor" {...this.props} ref={(id) => { this.ref = id; }} />
+      </div>
+    );
+  }
+}
+export default Monacoeditor;
diff --git a/kafka-manager-console/src/component/x-form-wrapper/index.tsx b/kafka-manager-console/src/component/x-form-wrapper/index.tsx
index 3fbaee5e..e39f3ef4 100755
--- a/kafka-manager-console/src/component/x-form-wrapper/index.tsx
+++ b/kafka-manager-console/src/component/x-form-wrapper/index.tsx
@@ -2,13 +2,13 @@ import * as React from 'react';
 import { Drawer, Modal, Button, message } from 'component/antd';
 import { XFormComponent } from 'component/x-form';
 import { IXFormWrapper } from 'types/base-type';
+import { wrapper } from 'store';
 
 export class XFormWrapper extends React.Component<IXFormWrapper> {
-
   public state = {
     confirmLoading: false,
     formMap: this.props.formMap || [] as any,
-    formData: this.props.formData || {},
+    formData: this.props.formData || {}
   };
 
   private $formRef: any;
@@ -108,7 +108,7 @@ export class XFormWrapper extends React.Component<IXFormWrapper> {
       if (error) {
         return;
       }
-      const { onSubmit, isWaitting } = this.props;
+      const { onSubmit, isWaitting, onSubmitFaild } = this.props;
 
       if (typeof onSubmit === 'function') {
         if (isWaitting) {
@@ -116,12 +116,16 @@ export class XFormWrapper extends React.Component<IXFormWrapper> {
             confirmLoading: true,
           });
           onSubmit(result).then(() => {
-            this.setState({
-              confirmLoading: false,
-            });
             message.success('操作成功');
             this.resetForm();
             this.closeModalWrapper();
+          }).catch((err: any) => {
+            const { formMap, formData } = wrapper.xFormWrapper;
+            onSubmitFaild(err, this.$formRef, formData, formMap);
+          }).finally(() => {
+            this.setState({
+              confirmLoading: false,
+            });
           });
           return;
         }
diff --git a/kafka-manager-console/src/component/x-form/index.tsx b/kafka-manager-console/src/component/x-form/index.tsx
index 0e4047f4..20b7c421 100755
--- a/kafka-manager-console/src/component/x-form/index.tsx
+++ b/kafka-manager-console/src/component/x-form/index.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { Select, Input, InputNumber, Form, Switch, Checkbox, DatePicker, Radio, Upload, Button, Icon, Tooltip } from 'component/antd';
+import Monacoeditor from 'component/editor/monacoEditor';
 import { searchProps } from 'constants/table';
 import './index.less';
 
@@ -19,6 +20,7 @@ export enum FormItemType {
   rangePicker = 'range_picker',
   radioGroup = 'radio_group',
   upload = 'upload',
+  monacoEditor = 'monaco_editor',
 }
 
 export interface IFormItem {
@@ -105,13 +107,11 @@ class XForm extends React.Component<IXFormProps> {
       <Form layout={layout || 'horizontal'} onSubmit={() => ({})}>
         {formMap.map(formItem => {
           const { initialValue, valuePropName } = this.handleFormItem(formItem, formData);
-
           const getFieldValue = {
             initialValue,
             rules: formItem.rules || [{ required: false, message: '' }],
             valuePropName,
           };
-
           if (formItem.type === FormItemType.upload) {
             Object.assign(getFieldValue, {
               getValueFromEvent: this.onUploadFileChange,
@@ -137,7 +137,6 @@ class XForm extends React.Component<IXFormProps> {
   }
 
   public renderFormItem(item: IFormItem) {
-
     switch (item.type) {
       default:
       case FormItemType.input:
@@ -148,6 +147,9 @@ class XForm extends React.Component<IXFormProps> {
         return <InputNumber {...item.attrs} />;
       case FormItemType.textArea:
         return <TextArea rows={5} {...item.attrs} />;
+      case FormItemType.monacoEditor:
+        // tslint:disable-next-line: jsx-wrap-multiline
+        return <Monacoeditor {...item.attrs} />;
       case FormItemType.select:
         return (
           <Select
diff --git a/kafka-manager-console/src/constants/strategy.ts b/kafka-manager-console/src/constants/strategy.ts
index f8cccc86..c0d19001 100644
--- a/kafka-manager-console/src/constants/strategy.ts
+++ b/kafka-manager-console/src/constants/strategy.ts
@@ -66,7 +66,10 @@ export const timeMonthStr = 'YYYY/MM';
 
 // tslint:disable-next-line:max-line-length
 
-export const indexUrl = 'https://github.com/didi/kafka-manager';
+export const indexUrl ={
+  indexUrl:'https://github.com/didi/kafka-manager',
+  cagUrl:'https://github.com/didi/Logi-KafkaManager/blob/master/docs/user_guide/add_cluster/add_cluster.md', // 集群接入指南 Cluster access Guide
+} 
 
 export const expandRemarks = `请填写不少于5字的申请原因！以便工作人员判断审核`;
 
diff --git a/kafka-manager-console/src/container/admin/cluster-detail/cluster-broker.tsx b/kafka-manager-console/src/container/admin/cluster-detail/cluster-broker.tsx
index 0d0ac52b..3a759e0b 100644
--- a/kafka-manager-console/src/container/admin/cluster-detail/cluster-broker.tsx
+++ b/kafka-manager-console/src/container/admin/cluster-detail/cluster-broker.tsx
@@ -169,6 +169,8 @@ export class ClusterBroker extends SearchAndFilterContainer {
                 title="确定删除？"
                 onConfirm={() => this.deteleTopic(record)}
                 disabled={record.status === 0}
+                cancelText="取消"
+                okText="确认"
               >
                 <a style={record.status === 0 ? { cursor: 'not-allowed', color: '#999' } : {}}>
                   删除
diff --git a/kafka-manager-console/src/container/admin/cluster-detail/cluster-consumer.tsx b/kafka-manager-console/src/container/admin/cluster-detail/cluster-consumer.tsx
index fd7857d2..dd0df49a 100644
--- a/kafka-manager-console/src/container/admin/cluster-detail/cluster-consumer.tsx
+++ b/kafka-manager-console/src/container/admin/cluster-detail/cluster-consumer.tsx
@@ -72,7 +72,7 @@ export class ClusterConsumer extends SearchAndFilterContainer {
     data = searchKey ? origin.filter((item: IOffset) =>
       (item.consumerGroup !== undefined && item.consumerGroup !== null) && item.consumerGroup.toLowerCase().includes(searchKey as string)
       || (item.location !== undefined && item.location !== null) && item.location.toLowerCase().includes(searchKey as string),
-    ) : origin ;
+    ) : origin;
     return data;
   }
 
@@ -82,7 +82,7 @@ export class ClusterConsumer extends SearchAndFilterContainer {
 
   public render() {
     let details: any[];
-    details =  this.consumerDetails ? this.consumerDetails.map((ele, index) => {
+    details = this.consumerDetails ? this.consumerDetails.map((ele, index) => {
       return {
         key: index,
         topicName: ele,
@@ -90,41 +90,43 @@ export class ClusterConsumer extends SearchAndFilterContainer {
     }) : [];
 
     const consumptionColumns = [{
-      title: 'Topic名称',
+      title: '消费的Topic列表',
       dataIndex: 'topicName',
       key: 'topicName',
     }];
 
     return (
       <>
-      <div className="k-row">
-        <ul className="k-tab">
-          <li>{this.props.tab}</li>
-          {this.renderSearch()}
-        </ul>
-        <Table
+        <div className="k-row">
+          <ul className="k-tab">
+            <li>{this.props.tab}</li>
+            {this.renderSearch()}
+          </ul>
+          <Table
             columns={this.columns}
             dataSource={this.getData(admin.consumerData)}
             pagination={pagination}
             rowKey="key"
-        />
-      </div>
-      <Modal
-        title="消费的Topic"
-        visible={this.state.detailsVisible}
-        onOk={() => this.handleDetailsOk()}
-        onCancel={() => this.handleDetailsCancel()}
-        maskClosable={false}
-        footer={null}
-      >
-        <Table
-          columns={consumptionColumns}
-          dataSource={details}
-          pagination={pagination}
-          rowKey="key"
-          scroll={{ y: 260 }}
-        />
-      </Modal>
+          />
+        </div>
+        <Modal
+          title="消费的Topic"
+          visible={this.state.detailsVisible}
+          onOk={() => this.handleDetailsOk()}
+          onCancel={() => this.handleDetailsCancel()}
+          maskClosable={false}
+          footer={null}
+        // centered={true}
+        >
+          <Table
+            columns={consumptionColumns}
+            dataSource={details}
+            // 运维管控－消费组列表－详情
+            pagination={details.length < 10 ? false : pagination}
+            rowKey="key"
+            scroll={{ y: 260 }}
+          />
+        </Modal>
       </>
     );
   }
diff --git a/kafka-manager-console/src/container/admin/cluster-detail/cluster-controller.tsx b/kafka-manager-console/src/container/admin/cluster-detail/cluster-controller.tsx
index 38e07319..aa536471 100644
--- a/kafka-manager-console/src/container/admin/cluster-detail/cluster-controller.tsx
+++ b/kafka-manager-console/src/container/admin/cluster-detail/cluster-controller.tsx
@@ -33,7 +33,7 @@ export class ClusterController extends SearchAndFilterContainer {
 
     data = searchKey ? origin.filter((item: IController) =>
       (item.host !== undefined && item.host !== null) && item.host.toLowerCase().includes(searchKey as string),
-    ) : origin ;
+    ) : origin;
     return data;
   }
 
@@ -46,12 +46,6 @@ export class ClusterController extends SearchAndFilterContainer {
         key: 'brokerId',
         width: '30%',
         sorter: (a: IController, b: IController) => b.brokerId - a.brokerId,
-      },
-      {
-        title: 'BrokerHost',
-        key: 'host',
-        dataIndex: 'host',
-        width: '30%',
         render: (r: string, t: IController) => {
           return (
             <a href={`${this.urlPrefix}/admin/broker-detail?clusterId=${this.clusterId}&brokerId=${t.brokerId}`}>{r}
@@ -59,6 +53,18 @@ export class ClusterController extends SearchAndFilterContainer {
           );
         },
       },
+      {
+        title: 'BrokerHost',
+        key: 'host',
+        dataIndex: 'host',
+        width: '30%',
+        // render: (r: string, t: IController) => {
+        //   return (
+        //     <a href={`${this.urlPrefix}/admin/broker-detail?clusterId=${this.clusterId}&brokerId=${t.brokerId}`}>{r}
+        //     </a>
+        //   );
+        // },
+      },
       {
         title: '变更时间',
         dataIndex: 'timestamp',
diff --git a/kafka-manager-console/src/container/admin/cluster-detail/cluster-overview.tsx b/kafka-manager-console/src/container/admin/cluster-detail/cluster-overview.tsx
index 3f0b540b..86b0b67b 100644
--- a/kafka-manager-console/src/container/admin/cluster-detail/cluster-overview.tsx
+++ b/kafka-manager-console/src/container/admin/cluster-detail/cluster-overview.tsx
@@ -32,10 +32,12 @@ export class ClusterOverview extends React.Component<IOverview> {
     const clusterContent = [{
       value: content.clusterName,
       label: '集群名称',
-    }, {
-      value: clusterTypeMap[content.mode],
-      label: '集群类型',
-    }, {
+    }, 
+    // {
+    //   value: clusterTypeMap[content.mode],
+    //   label: '集群类型',
+    // }, 
+    {
       value: gmtCreate,
       label: '接入时间',
     }];
diff --git a/kafka-manager-console/src/container/admin/cluster-detail/cluster-topic.tsx b/kafka-manager-console/src/container/admin/cluster-detail/cluster-topic.tsx
index 54fbde4c..9aab6cf9 100644
--- a/kafka-manager-console/src/container/admin/cluster-detail/cluster-topic.tsx
+++ b/kafka-manager-console/src/container/admin/cluster-detail/cluster-topic.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
 import Url from 'lib/url-parser';
 import { region } from 'store';
 import { admin } from 'store/admin';
+import { topic } from 'store/topic';
 import { Table, notification, Tooltip, Popconfirm } from 'antd';
 import { pagination, cellStyle } from 'constants/table';
 import { observer } from 'mobx-react';
@@ -15,6 +16,8 @@ import './index.less';
 
 import moment = require('moment');
 import { ExpandPartitionFormWrapper } from 'container/modal/admin/expand-partition';
+import { ConfirmDetailTopicFormWrapper } from 'container/modal/admin/confirm-detail-topic';
+
 import { showEditClusterTopic } from 'container/modal/admin';
 import { timeFormat } from 'constants/strategy';
 
@@ -26,6 +29,7 @@ export class ClusterTopic extends SearchAndFilterContainer {
   public state = {
     searchKey: '',
     expandVisible: false,
+    detailTopicVisible: false,
   };
 
   constructor(props: any) {
@@ -44,10 +48,43 @@ export class ClusterTopic extends SearchAndFilterContainer {
     this.setState({ expandVisible: val });
   }
 
+  // 运维管控－集群列表－Topic列表修改删除业务逻辑-确认删除topic
+  public handleConfirmVisible(val: boolean) {
+    this.setState({ detailTopicVisible: val });
+  }
+
   public expandPartition(item: IClusterTopics) {
+    //   getTopicBasicInfo
+    admin.getTopicsBasicInfo(item.clusterId, item.topicName).then(data => {
+      console.log(admin.topicsBasic);
+      console.log(admin.basicInfo);
+      this.clusterTopicsFrom = item;
+      this.setState({
+        expandVisible: true,
+      });
+    });
+    // if (item.logicalClusterId) {
+    //   topic.getTopicBasicInfo(item.logicalClusterId, item.topicName).then(data => {
+    //     item.regionNameList = topic.baseInfo.regionNameList;
+    //     this.clusterTopicsFrom = item;
+    //     this.setState({
+    //       expandVisible: true,
+    //     });
+    //   });
+    // } else {
+    //   this.clusterTopicsFrom = item;
+    //   this.setState({
+    //     expandVisible: true,
+    //   });
+    // }
+  }
+
+  // 运维管控－集群列表－Topic列表修改删除业务逻辑-确认删除topic
+  public confirmDetailTopic(item: IClusterTopics) {
     this.clusterTopicsFrom = item;
+    // console.log(this.clusterTopicsFrom);
     this.setState({
-      expandVisible: true,
+      detailTopicVisible: true,
     });
   }
 
@@ -71,7 +108,7 @@ export class ClusterTopic extends SearchAndFilterContainer {
     data = searchKey ? origin.filter((item: IClusterTopics) =>
       (item.appName !== undefined && item.appName !== null) && item.appName.toLowerCase().includes(searchKey as string)
       || (item.topicName !== undefined && item.topicName !== null) && item.topicName.toLowerCase().includes(searchKey as string),
-    ) : origin ;
+    ) : origin;
     return data;
   }
 
@@ -85,7 +122,7 @@ export class ClusterTopic extends SearchAndFilterContainer {
         title: 'Topic名称',
         dataIndex: 'topicName',
         key: 'topicName',
-        width: '15%',
+        width: '120px',
         sorter: (a: IClusterTopics, b: IClusterTopics) => a.topicName.charCodeAt(0) - b.topicName.charCodeAt(0),
         render: (text: string, record: IClusterTopics) => {
           return (
@@ -99,11 +136,18 @@ export class ClusterTopic extends SearchAndFilterContainer {
             </Tooltip>);
         },
       },
+      {
+        title: '分区数',
+        dataIndex: 'partitionNum',
+        key: 'partitionNum',
+        width: '90px',
+        sorter: (a: IClusterTopics, b: IClusterTopics) => b.partitionNum - a.partitionNum,
+      },
       {
         title: 'QPS',
         dataIndex: 'produceRequest',
         key: 'produceRequest',
-        width: '10%',
+        // width: '10%',
         sorter: (a: IClusterTopics, b: IClusterTopics) => b.produceRequest - a.produceRequest,
         render: (t: number) => t === null ? '' : t.toFixed(2),
       },
@@ -111,15 +155,23 @@ export class ClusterTopic extends SearchAndFilterContainer {
         title: 'Bytes In(KB/s)',
         dataIndex: 'byteIn',
         key: 'byteIn',
-        width: '15%',
+        // width: '15%',
         sorter: (a: IClusterTopics, b: IClusterTopics) => b.byteIn - a.byteIn,
         render: (t: number) => t === null ? '' : (t / 1024).toFixed(2),
       },
+      {
+        title: 'Bytes Out(KB/s)',
+        dataIndex: 'byteOut',
+        key: 'byteOut',
+        // width: '15%',
+        sorter: (a: IClusterTopics, b: IClusterTopics) => b.byteOut - a.byteOut,
+        render: (t: number) => t && t === null ? '' : (t / 1024).toFixed(2),
+      },
       {
         title: '所属应用',
         dataIndex: 'appName',
         key: 'appName',
-        width: '10%',
+        // width: '10%',
         render: (val: string, record: IClusterTopics) => (
           <Tooltip placement="bottomLeft" title={record.appId} >
             {val}
@@ -130,22 +182,23 @@ export class ClusterTopic extends SearchAndFilterContainer {
         title: '保存时间(h)',
         dataIndex: 'retentionTime',
         key: 'retentionTime',
-        width: '10%',
+        // width: '10%',
         sorter: (a: IClusterTopics, b: IClusterTopics) => b.retentionTime - a.retentionTime,
-        render: (time: any) =>  transMSecondToHour(time),
+        render: (time: any) => transMSecondToHour(time),
       },
       {
         title: '更新时间',
         dataIndex: 'updateTime',
         key: 'updateTime',
+        sorter: (a: IClusterTopics, b: IClusterTopics) => b.updateTime - a.updateTime,
         render: (t: number) => moment(t).format(timeFormat),
-        width: '10%',
+        // width: '10%',
       },
       {
         title: 'Topic说明',
         dataIndex: 'description',
         key: 'description',
-        width: '15%',
+        // width: '15%',
         onCell: () => ({
           style: {
             maxWidth: 180,
@@ -155,14 +208,19 @@ export class ClusterTopic extends SearchAndFilterContainer {
       },
       {
         title: '操作',
-        width: '30%',
+        width: '120px',
         render: (value: string, item: IClusterTopics) => (
           <>
             <a onClick={() => this.getBaseInfo(item)} className="action-button">编辑</a>
             <a onClick={() => this.expandPartition(item)} className="action-button">扩分区</a>
+            {/* <a onClick={() => this.expandPartition(item)} className="action-button">删除</a> */}
             <Popconfirm
               title="确定删除？"
-              onConfirm={() => this.deleteTopic(item)}
+              // 运维管控－集群列表－Topic列表修改删除业务逻辑
+              onConfirm={() => this.confirmDetailTopic(item)}
+              // onConfirm={() => this.deleteTopic(item)}
+              cancelText="取消"
+              okText="确认"
             >
               <a>删除</a>
             </Popconfirm>
@@ -190,6 +248,24 @@ export class ClusterTopic extends SearchAndFilterContainer {
           />
         </div>
         {this.renderExpandModal()}
+        {this.renderConfirmDetailModal()}
+      </>
+    );
+  }
+  // 运维管控－集群列表－Topic列表修改删除业务逻辑-确认删除topic
+  public renderConfirmDetailModal() {
+    let formData = {} as IClusterTopics;
+    formData = this.clusterTopicsFrom ? this.clusterTopicsFrom : formData;
+    // console.log(formData);
+    return (
+      <>
+        {this.state.detailTopicVisible && <ConfirmDetailTopicFormWrapper
+          deleteTopic={(val: IClusterTopics) => this.deleteTopic(val)}
+          handleVisible={(val: boolean) => this.handleConfirmVisible(val)}
+          visible={this.state.detailTopicVisible}
+          formData={formData}
+          clusterId={this.clusterId}
+        />}
       </>
     );
   }
diff --git a/kafka-manager-console/src/container/admin/cluster-detail/exclusive-cluster.tsx b/kafka-manager-console/src/container/admin/cluster-detail/exclusive-cluster.tsx
index 9c296739..24b90c5e 100644
--- a/kafka-manager-console/src/container/admin/cluster-detail/exclusive-cluster.tsx
+++ b/kafka-manager-console/src/container/admin/cluster-detail/exclusive-cluster.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { Table, notification, Tooltip, Popconfirm } from 'component/antd';
+import { Table, notification, Tooltip, Popconfirm, Modal, Button } from 'component/antd';
 import { observer } from 'mobx-react';
 import { SearchAndFilterContainer } from 'container/search-filter';
 import { pagination, cellStyle } from 'constants/table';
@@ -21,6 +21,8 @@ export class ExclusiveCluster extends SearchAndFilterContainer {
   public state = {
     searchKey: '',
     filterStatus: false,
+    deteleRegion: false,
+    logicalClusterName: '',
   };
 
   private xFormModal: IXFormWrapper;
@@ -78,7 +80,7 @@ export class ExclusiveCluster extends SearchAndFilterContainer {
         }),
         render: (value: number[]) => {
           const num = value ? value.join(',') : '';
-          return(
+          return (
             <Tooltip placement="bottomLeft" title={num}>
               {num}
             </Tooltip>);
@@ -143,6 +145,8 @@ export class ExclusiveCluster extends SearchAndFilterContainer {
               <Popconfirm
                 title="确定删除？"
                 onConfirm={() => this.handleDeleteRegion(record)}
+                cancelText="取消"
+                okText="确认"
               >
                 <a>删除</a>
               </Popconfirm>
@@ -154,10 +158,31 @@ export class ExclusiveCluster extends SearchAndFilterContainer {
   }
 
   public handleDeleteRegion = (record: IBrokersRegions) => {
-    deleteRegions(record.id).then(() => {
-      notification.success({ message: '删除成功' });
-      admin.getBrokersRegions(this.clusterId);
-    });
+    const filterRegion = admin.logicalClusters.filter(item => item.regionIdList.includes(record.id));
+
+    if (!filterRegion) {
+      return;
+    }
+    if (filterRegion && filterRegion.length < 1) {
+      deleteRegions(record.id).then(() => {
+        notification.success({ message: '删除成功' });
+        admin.getBrokersRegions(this.clusterId);
+      });
+      return;
+    }
+    this.setState({ deteleRegion: true, logicalClusterName: filterRegion[0].logicalClusterName });
+    // deleteRegions(record.id).then(() => {
+    //   notification.success({ message: '删除成功' });
+    //   admin.getBrokersRegions(this.clusterId);
+    // });
+  }
+
+  public handleExpandOk = () => {
+    this.setState({ deteleRegion: false });
+  }
+
+  public handleExpandCancel = () => {
+    this.setState({ deteleCluster: false });
   }
 
   public addOrModifyRegion(record?: IBrokersRegions) {
@@ -185,9 +210,9 @@ export class ExclusiveCluster extends SearchAndFilterContainer {
           key: 'brokerIdList',
           label: 'Broker列表',
           defaultValue: record ? record.brokerIdList.join(',') : [],
-          rules: [{ required: true, message: '请输入BrokerIdList' }],
+          rules: [{ required: true, message: '请输入BrokerID,多个BrokerID用半角逗号分隔' }],
           attrs: {
-            placeholder: '请输入BrokerIdList',
+            placeholder: '请输入BrokerID,多个BrokerID用半角逗号分隔',
           },
         },
         {
@@ -248,6 +273,7 @@ export class ExclusiveCluster extends SearchAndFilterContainer {
 
   public componentDidMount() {
     admin.getBrokersRegions(this.clusterId);
+    admin.getLogicalClusters(this.clusterId);
     admin.getBrokersMetadata(this.clusterId);
   }
 
@@ -255,10 +281,10 @@ export class ExclusiveCluster extends SearchAndFilterContainer {
     let data: T[] = origin;
     let { searchKey } = this.state;
     searchKey = (searchKey + '').trim().toLowerCase();
-
     data = searchKey ? origin.filter((item: IBrokersRegions) =>
-      (item.name !== undefined && item.name !== null) && item.name.toLowerCase().includes(searchKey as string),
-    ) : origin ;
+      (item.name !== undefined && item.name !== null) && item.name.toLowerCase().includes(searchKey as string)
+      || item.brokerIdList && item.brokerIdList.map(item => "" + item).join(',').includes(searchKey as string),
+    ) : origin;
     return data;
   }
 
@@ -272,6 +298,30 @@ export class ExclusiveCluster extends SearchAndFilterContainer {
       />
     );
   }
+  // -删除RegionModal
+  public renderDeleteRegionModal() {
+    return (
+      <Modal
+        title="提示"
+        visible={this.state.deteleRegion}
+        // okText="确定"
+        // cancelText="取消"
+        maskClosable={false}
+        // onCancel={() => this.handleExpandCancel()}
+        closable={false}
+        // onOk={() => this.handleExpandOk()}
+        footer={<Button style={{ width: '80px' }} type="primary" onClick={() => this.handleExpandOk()}>确定</Button>}
+      // onCancel={() => this.handleExpandCancel()}
+      >
+        <div className="region-prompt">
+          <span>
+            由于该Region已被逻辑集群【 {this.state.logicalClusterName} 】使用
+            请先解除Region与逻辑集群的关系
+          </span>
+        </div>
+      </Modal>
+    );
+  }
 
   public render() {
     return (
@@ -282,10 +332,10 @@ export class ExclusiveCluster extends SearchAndFilterContainer {
             <i className="k-icon-xinjian didi-theme" />
             <span>新增Region</span>
           </li>
-          {this.renderSearch('', '请输入Region名称')}
+          {this.renderSearch('', '请输入Region名称／broker ID')}
         </ul>
-         {this.renderRegion()}
-      </div>
+        {this.renderRegion()}
+      </div >
     );
   }
 }
diff --git a/kafka-manager-console/src/container/admin/cluster-detail/index.less b/kafka-manager-console/src/container/admin/cluster-detail/index.less
index dc4a29ff..65c45b9c 100644
--- a/kafka-manager-console/src/container/admin/cluster-detail/index.less
+++ b/kafka-manager-console/src/container/admin/cluster-detail/index.less
@@ -81,4 +81,17 @@
     justify-content: space-between;
     margin-bottom: 10px;
   }
+}
+.cluster-prompt{
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+.cluster-explain{
+  color: #838383;
+  // transform: scale(0.95,0.95);
+  // text-align: center;
+}
+.region-prompt{
+  font-weight: bold;
+  text-align: center;
 }
\ No newline at end of file
diff --git a/kafka-manager-console/src/container/admin/cluster-detail/logical-cluster.tsx b/kafka-manager-console/src/container/admin/cluster-detail/logical-cluster.tsx
index ce7fe609..93a58703 100644
--- a/kafka-manager-console/src/container/admin/cluster-detail/logical-cluster.tsx
+++ b/kafka-manager-console/src/container/admin/cluster-detail/logical-cluster.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 
 import { Table, notification, Popconfirm } from 'component/antd';
+import { Modal } from 'antd';
 import { observer } from 'mobx-react';
 import { SearchAndFilterContainer } from 'container/search-filter';
 import { pagination } from 'constants/table';
@@ -21,6 +22,8 @@ export class LogicalCluster extends SearchAndFilterContainer {
   public state = {
     searchKey: '',
     filterStatus: false,
+    deteleCluster: false,
+    logicalClusterId: -1,
   };
 
   constructor(props: any) {
@@ -37,9 +40,16 @@ export class LogicalCluster extends SearchAndFilterContainer {
         key: 'logicalClusterId',
       },
       {
-        title: '逻辑集群名称',
+        title: '逻辑集群中文名称',
         dataIndex: 'logicalClusterName',
         key: 'logicalClusterName',
+        width: '150px'
+      },
+      {
+        title: '逻辑集群英文名称',
+        dataIndex: 'logicalClusterName',
+        key: 'logicalClusterName1',
+        width: '150px'
       },
       {
         title: '应用ID',
@@ -52,7 +62,7 @@ export class LogicalCluster extends SearchAndFilterContainer {
         key: 'regionIdList',
         render: (value: number[]) => {
           const num = value ? `[${value.join(',')}]` : '';
-          return(
+          return (
             <span>{num}</span>
           );
         },
@@ -63,12 +73,12 @@ export class LogicalCluster extends SearchAndFilterContainer {
         key: 'mode',
         render: (value: number) => {
           let val = '';
-          cluster.clusterModes.forEach((ele: any) => {
+          cluster.clusterModes && cluster.clusterModes.forEach((ele: any) => {
             if (value === ele.code) {
               val = ele.message;
             }
           });
-          return(<span>{val}</span>);
+          return (<span>{val}</span>);
         },
       },
       {
@@ -84,16 +94,20 @@ export class LogicalCluster extends SearchAndFilterContainer {
       },
       {
         title: '操作',
+        width: '120px',
         render: (text: string, record: ILogicalCluster) => {
           return (
             <span className="table-operation">
               <a onClick={() => this.editRegion(record)}>编辑</a>
-              <Popconfirm
+              <a onClick={() => this.handleDeleteRegion(record)}>删除</a>
+              {/* <Popconfirm
                 title="确定删除？"
+                cancelText="取消"
+                okText="确认"
                 onConfirm={() => this.handleDeleteRegion(record)}
               >
                 <a>删除</a>
-              </Popconfirm>
+              </Popconfirm> */}
             </span>
           );
         },
@@ -102,9 +116,24 @@ export class LogicalCluster extends SearchAndFilterContainer {
   }
 
   public handleDeleteRegion = (record: ILogicalCluster) => {
-    admin.deteleLogicalClusters(this.clusterId, record.logicalClusterId).then(() => {
+    this.setState({ deteleCluster: true, logicalClusterId: record.logicalClusterId });
+    // admin.deteleLogicalClusters(this.clusterId, record.logicalClusterId).then(() => {
+    //   notification.success({ message: '删除成功' });
+    // });
+  }
+
+  // -删除逻辑集群
+
+  public handleExpandOk = () => {
+    const { logicalClusterId } = this.state;
+    admin.deteleLogicalClusters(this.clusterId, logicalClusterId).then(() => {
       notification.success({ message: '删除成功' });
     });
+    this.setState({ deteleCluster: false });
+  }
+
+  public handleExpandCancel = () => {
+    this.setState({ deteleCluster: false });
   }
 
   public async editRegion(record: ILogicalCluster) {
@@ -131,12 +160,11 @@ export class LogicalCluster extends SearchAndFilterContainer {
     let data: T[] = origin;
     let { searchKey } = this.state;
     searchKey = (searchKey + '').trim().toLowerCase();
-
     data = searchKey ? origin.filter((item: ILogicalCluster) =>
       (item.logicalClusterName !== undefined && item.logicalClusterName !== null)
-        && item.logicalClusterName.toLowerCase().includes(searchKey as string)
+      && item.logicalClusterName.toLowerCase().includes(searchKey as string)
       || (item.appId !== undefined && item.appId !== null) && item.appId.toLowerCase().includes(searchKey as string),
-    ) : origin ;
+    ) : origin;
     return data;
   }
 
@@ -151,11 +179,37 @@ export class LogicalCluster extends SearchAndFilterContainer {
     );
   }
 
+  // -删除逻辑集群
+  public renderDeleteCluster() {
+    return (
+      <Modal
+        title="提示"
+        visible={this.state.deteleCluster}
+        okText="确认删除"
+        cancelText="取消"
+        maskClosable={false}
+        onOk={() => this.handleExpandOk()}
+        onCancel={() => this.handleExpandCancel()}
+      >
+        <div className="cluster-prompt">
+          <span>
+            若逻辑集群上存在Topic，则删除逻辑集群后，用户将无法在Topic管理页查看到该Topic
+          </span>
+        </div>
+        <div className="cluster-explain">
+          <span>
+            说明：删除逻辑集群不会真实删除该逻辑集群上创建的topic
+          </span>
+        </div>
+      </Modal>
+    );
+  }
+
   public render() {
     return (
       <div className="k-row">
         <ul className="k-tab">
-        <li>{this.props.tab}</li>
+          <li>{this.props.tab}</li>
           <li className="k-add" onClick={() => this.addOrEditLogicalCluster()}>
             <i className="k-icon-xinjian didi-theme" />
             <span>新增逻辑集群</span>
@@ -163,6 +217,7 @@ export class LogicalCluster extends SearchAndFilterContainer {
           {this.renderSearch('', '请输入逻辑集群名称或AppId')}
         </ul>
         {this.renderLogicalCluster()}
+        {this.renderDeleteCluster()}
       </div>
     );
   }
diff --git a/kafka-manager-console/src/container/admin/cluster-list/index.tsx b/kafka-manager-console/src/container/admin/cluster-list/index.tsx
index 1dc246ca..97d6cb5d 100644
--- a/kafka-manager-console/src/container/admin/cluster-list/index.tsx
+++ b/kafka-manager-console/src/container/admin/cluster-list/index.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Modal, Table, Button, notification, message, Tooltip, Icon, Popconfirm } from 'component/antd';
+import { Modal, Table, Button, notification, message, Tooltip, Icon, Popconfirm, Alert } from 'component/antd';
 import { wrapper } from 'store';
 import { observer } from 'mobx-react';
 import { IXFormWrapper, IMetaData, IRegister } from 'types/base-type';
@@ -9,6 +9,7 @@ import { SearchAndFilterContainer } from 'container/search-filter';
 import { cluster } from 'store/cluster';
 import { customPagination } from 'constants/table';
 import { urlPrefix } from 'constants/left-menu';
+import { indexUrl } from 'constants/strategy'
 import { region } from 'store';
 import './index.less';
 import { getAdminClusterColumns } from '../config';
@@ -126,8 +127,13 @@ export class ClusterList extends SearchAndFilterContainer {
             message: '请输入安全协议',
           }],
           attrs: {
-            placeholder: '请输入安全协议',
-            rows: 6,
+            placeholder: `请输入安全协议，例如：
+{ 
+  "security.protocol": "SASL_PLAINTEXT", 
+  "sasl.mechanism": "PLAIN", 
+  "sasl.jaas.config": "org.apache.kafka.common.security.plain.PlainLoginModule required username=\"xxxxxx\" password=\"xxxxxx\";"
+}`,
+            rows: 8,
           },
         },
       ],
@@ -172,7 +178,7 @@ export class ClusterList extends SearchAndFilterContainer {
           <span className="offline_span">
             删除集群&nbsp;
           <a>
-              <Tooltip placement="right" title={'当前集群存在逻辑集群，无法申请下线'} >
+              <Tooltip placement="right" title={'若当前集群存在逻辑集群，则无法删除'} >
                 <Icon type="question-circle" />
               </Tooltip>
             </a>
@@ -185,7 +191,7 @@ export class ClusterList extends SearchAndFilterContainer {
         cancelText: '取消',
         onOk() {
           if (data.length) {
-            return message.warning('存在逻辑集群，无法申请下线！');
+            return message.warning('存在逻辑集群，无法删除！');
           }
           admin.deleteCluster(record.clusterId).then(data => {
             notification.success({ message: '删除成功' });
@@ -204,7 +210,7 @@ export class ClusterList extends SearchAndFilterContainer {
     };
     const monitorColumns = [
       {
-        title: '集群名称',
+        title: '逻辑集群列表',
         dataIndex: 'name',
         key: 'name',
         onCell: () => ({
@@ -231,6 +237,7 @@ export class ClusterList extends SearchAndFilterContainer {
             pagination={false}
             bordered={true}
           />
+          <Alert message="若当前集群存在逻辑集群，则无法删除" type="error" showIcon={true} />
         </div>
       </>
     );
@@ -243,7 +250,7 @@ export class ClusterList extends SearchAndFilterContainer {
 
     data = searchKey ? origin.filter((item: IMetaData) =>
       (item.clusterName !== undefined && item.clusterName !== null) && item.clusterName.toLowerCase().includes(searchKey as string),
-    ) : origin ;
+    ) : origin;
     return data;
   }
 
@@ -261,6 +268,8 @@ export class ClusterList extends SearchAndFilterContainer {
           <Popconfirm
             title={`确定${item.status === 1 ? '暂停' : '开始'}${item.clusterName}监控？`}
             onConfirm={() => this.pauseMonitor(item)}
+            cancelText="取消"
+            okText="确认"
           >
             <a
               className="action-button"
@@ -286,6 +295,7 @@ export class ClusterList extends SearchAndFilterContainer {
             <ul>
               {this.renderSearch('', '请输入集群名称')}
               <li className="right-btn-1">
+                <a style={{ display: 'inline-block', marginRight: '20px' }} href={indexUrl.cagUrl} target="_blank">集群接入指南</a>
                 <Button type="primary" onClick={this.createOrRegisterCluster.bind(this, null)}>接入集群</Button>
               </li>
             </ul>
diff --git a/kafka-manager-console/src/container/admin/config.tsx b/kafka-manager-console/src/container/admin/config.tsx
index 098d0b49..bce02cce 100644
--- a/kafka-manager-console/src/container/admin/config.tsx
+++ b/kafka-manager-console/src/container/admin/config.tsx
@@ -30,6 +30,8 @@ export const getUserColumns = () => {
             <Popconfirm
               title="确定删除？"
               onConfirm={() => users.deleteUser(record.username)}
+              cancelText="取消"
+              okText="确认"
             >
               <a>删除</a>
             </Popconfirm>
@@ -54,7 +56,7 @@ export const getVersionColumns = () => {
       render: (text: string, record: IUploadFile) => {
         return (
           <Tooltip placement="topLeft" title={text} >
-              <a href={`${urlPrefix}/info?fileId=${record.id}`} target="_blank">{text}</a>
+            <a href={`${window.origin}/api/v1/rd/kafka-files/${record.id}/config-files?dataCenter=cn`} target="_blank">{text}</a>
           </Tooltip>);
       },
     }, {
@@ -70,7 +72,7 @@ export const getVersionColumns = () => {
       render: (text: string) => {
         return (
           <Tooltip placement="bottomLeft" title={text} >
-              {text.substring(0, 8)}
+            {text.substring(0, 8)}
           </Tooltip>);
       },
     }, {
@@ -95,26 +97,28 @@ export const getVersionColumns = () => {
       render: (text: string) => {
         return (
           <Tooltip placement="topLeft" title={text} >
-              {text}
+            {text}
           </Tooltip>);
       },
     }, {
       title: '操作',
-        dataIndex: 'operation',
-        key: 'operation',
-        render: (text: string, record: IUploadFile) => {
-          return (
-            <span className="table-operation">
-              <a onClick={() => showModifyModal(record)}>编辑</a>
-              <Popconfirm
-                title="确定删除？"
-                onConfirm={() => version.deleteFile(record.id)}
-              >
-                <a>删除</a>
-              </Popconfirm>
-            </span>);
-        },
+      dataIndex: 'operation',
+      key: 'operation',
+      render: (text: string, record: IUploadFile) => {
+        return (
+          <span className="table-operation">
+            <a onClick={() => showModifyModal(record)}>编辑</a>
+            <Popconfirm
+              title="确定删除？"
+              onConfirm={() => version.deleteFile(record.id)}
+              cancelText="取消"
+              okText="确认"
+            >
+              <a>删除</a>
+            </Popconfirm>
+          </span>);
       },
+    },
   ];
   return columns;
 };
@@ -168,6 +172,8 @@ export const getConfigureColumns = () => {
             <Popconfirm
               title="确定删除？"
               onConfirm={() => admin.deleteConfigure(record.configKey)}
+              cancelText="取消"
+              okText="确认"
             >
               <a>删除</a>
             </Popconfirm>
@@ -178,11 +184,11 @@ export const getConfigureColumns = () => {
   return columns;
 };
 
-const  renderClusterHref = (value: number | string, item: IMetaData, key: number) => {
+const renderClusterHref = (value: number | string, item: IMetaData, key: number) => {
   return ( // 0 暂停监控--不可点击  1 监控中---可正常点击
     <>
-    {item.status === 1 ? <a href={`${urlPrefix}/admin/cluster-detail?clusterId=${item.clusterId}#${key}`}>{value}</a>
-      : <a style={{ cursor: 'not-allowed', color: '#999' }}>{value}</a>}
+      {item.status === 1 ? <a href={`${urlPrefix}/admin/cluster-detail?clusterId=${item.clusterId}#${key}`}>{value}</a>
+        : <a style={{ cursor: 'not-allowed', color: '#999' }}>{value}</a>}
     </>
   );
 };
@@ -190,13 +196,13 @@ const  renderClusterHref = (value: number | string, item: IMetaData, key: number
 export const getAdminClusterColumns = () => {
   return [
     {
-      title: '集群ID',
+      title: '物理集群ID',
       dataIndex: 'clusterId',
       key: 'clusterId',
       sorter: (a: IMetaData, b: IMetaData) => b.clusterId - a.clusterId,
     },
     {
-      title: '集群名称',
+      title: '物理集群名称',
       dataIndex: 'clusterName',
       key: 'clusterName',
       sorter: (a: IMetaData, b: IMetaData) => a.clusterName.charCodeAt(0) - b.clusterName.charCodeAt(0),
diff --git a/kafka-manager-console/src/container/admin/configure-management.tsx b/kafka-manager-console/src/container/admin/configure-management.tsx
index 82fdb90a..680d1da7 100644
--- a/kafka-manager-console/src/container/admin/configure-management.tsx
+++ b/kafka-manager-console/src/container/admin/configure-management.tsx
@@ -26,11 +26,11 @@ export class ConfigureManagement extends SearchAndFilterContainer {
     searchKey = (searchKey + '').trim().toLowerCase();
 
     data = searchKey ? origin.filter((item: IConfigure) =>
-    ((item.configKey !== undefined && item.configKey !== null) && item.configKey.toLowerCase().includes(searchKey as string))
-    || ((item.configValue !== undefined && item.configValue !== null) && item.configValue.toLowerCase().includes(searchKey as string))
-    || ((item.configDescription !== undefined && item.configDescription !== null) &&
+      ((item.configKey !== undefined && item.configKey !== null) && item.configKey.toLowerCase().includes(searchKey as string))
+      || ((item.configValue !== undefined && item.configValue !== null) && item.configValue.toLowerCase().includes(searchKey as string))
+      || ((item.configDescription !== undefined && item.configDescription !== null) &&
         item.configDescription.toLowerCase().includes(searchKey as string)),
-    ) : origin ;
+    ) : origin;
     return data;
   }
 
diff --git a/kafka-manager-console/src/container/admin/operation-detail/essential-info.tsx b/kafka-manager-console/src/container/admin/operation-detail/essential-info.tsx
index cc4ed002..9a0a68af 100644
--- a/kafka-manager-console/src/container/admin/operation-detail/essential-info.tsx
+++ b/kafka-manager-console/src/container/admin/operation-detail/essential-info.tsx
@@ -55,7 +55,9 @@ export class EassentialInfo extends React.Component<IEassProps> {
           <Descriptions.Item key={item.label || index} label={item.label}>{item.value}</Descriptions.Item>
         ))}
         <Descriptions.Item key="server" label="server配置名">
-          <a href={`${urlPrefix}/info?fileId=${tasks.serverPropertiesFileId || ''}`} target="_blank">{tasks.serverPropertiesName}</a>
+          {/* /api/v1/rd/kafka-files/66/config-files?dataCenter=cn */}
+          
+          <a href={`${window.origin}/api/v1/rd/kafka-files/${tasks.serverPropertiesFileId}/config-files?dataCenter=cn`} target="_blank">{tasks.serverPropertiesName}</a>
         </Descriptions.Item>
         <Descriptions.Item key="server" label="server配置 MD5">{tasks.serverPropertiesMd5}</Descriptions.Item>
       </Descriptions>
diff --git a/kafka-manager-console/src/container/admin/operation-detail/index.tsx b/kafka-manager-console/src/container/admin/operation-detail/index.tsx
index b6cda6e7..43c39dfc 100644
--- a/kafka-manager-console/src/container/admin/operation-detail/index.tsx
+++ b/kafka-manager-console/src/container/admin/operation-detail/index.tsx
@@ -82,6 +82,8 @@ export class OperationDetail extends React.Component {
             <Popconfirm
               title={`确定${showContinue ? '开始' : '暂停'}？`}
               onConfirm={() => this.bindClick()}
+              cancelText="取消"
+              okText="确认"
             >
               <a>{showContinue ? '开始' : '暂停'}</a>
             </Popconfirm>
@@ -94,6 +96,8 @@ export class OperationDetail extends React.Component {
             <Popconfirm
               title={`确定回滚？`}
               onConfirm={() => this.callBackOrCancel('rollback')}
+              cancelText="取消"
+              okText="确认"
             >
               <a>回滚</a>
             </Popconfirm>
@@ -106,6 +110,8 @@ export class OperationDetail extends React.Component {
             <Popconfirm
               title={`确定回滚？`}
               onConfirm={() => this.callBackOrCancel('cancel')}
+              cancelText="取消"
+              okText="确认"
             >
               <a>取消</a>
             </Popconfirm>
diff --git a/kafka-manager-console/src/container/admin/operation-detail/taskStatus-details.tsx b/kafka-manager-console/src/container/admin/operation-detail/taskStatus-details.tsx
index 2bb70c76..5723fa11 100644
--- a/kafka-manager-console/src/container/admin/operation-detail/taskStatus-details.tsx
+++ b/kafka-manager-console/src/container/admin/operation-detail/taskStatus-details.tsx
@@ -87,6 +87,8 @@ export class TaskStatusDetails extends SearchAndFilterContainer {
           <Popconfirm
             title={`确定忽略？`}
             onConfirm={() => this.bindClick(record, 'ignore')}
+            cancelText="取消"
+            okText="确认"
           >
             <a>忽略</a>
           </Popconfirm>
@@ -130,7 +132,7 @@ export class TaskStatusDetails extends SearchAndFilterContainer {
     return (
       <>
         <div className="config-info">
-          {admin.clusterTaskLog}
+          {admin.clusterTaskLog ? admin.clusterTaskLog : '暂无数据'}
         </div>
       </>
     );
diff --git a/kafka-manager-console/src/container/admin/operation-management/cluster-task.tsx b/kafka-manager-console/src/container/admin/operation-management/cluster-task.tsx
index 44ceb967..60136145 100644
--- a/kafka-manager-console/src/container/admin/operation-management/cluster-task.tsx
+++ b/kafka-manager-console/src/container/admin/operation-management/cluster-task.tsx
@@ -78,10 +78,10 @@ export class ClusterTask extends SearchAndFilterContainer {
       cluster,
       {
         title: '创建时间',
-        dataIndex: 'gmtCreate',
-        key: 'gmtCreate',
+        dataIndex: 'createTime',
+        key: 'createTime',
         width: '15%',
-        sorter: (a: ITaskManage, b: ITaskManage) => b.gmtCreate - a.gmtCreate,
+        sorter: (a: ITaskManage, b: ITaskManage) => b.createTime - a.createTime,
         render: (t: number) => moment(t).format(timeFormat),
       },
       {
diff --git a/kafka-manager-console/src/container/admin/operation-management/config.tsx b/kafka-manager-console/src/container/admin/operation-management/config.tsx
index d21370f7..3fb5ad3a 100644
--- a/kafka-manager-console/src/container/admin/operation-management/config.tsx
+++ b/kafka-manager-console/src/container/admin/operation-management/config.tsx
@@ -41,6 +41,8 @@ export const migrationTaskColumns = (migrationUrl: string) => {
           <Popconfirm
             title="确定开始？"
             onConfirm={() => startMigrationTask(item, 'start')}
+            cancelText="取消"
+            okText="确认"
           >
             <a style={{ marginRight: 16 }}>开始</a>
           </Popconfirm>}
@@ -49,6 +51,8 @@ export const migrationTaskColumns = (migrationUrl: string) => {
         {item.status === 0 &&
           <Popconfirm
             title="确定取消？"
+            cancelText="取消"
+            okText="确认"
             onConfirm={() => cancelMigrationTask(item, 'cancel')}
           ><a>取消</a>
           </Popconfirm>}
diff --git a/kafka-manager-console/src/container/admin/operation-management/migration-detail.tsx b/kafka-manager-console/src/container/admin/operation-management/migration-detail.tsx
index 6328fb70..c997749f 100644
--- a/kafka-manager-console/src/container/admin/operation-management/migration-detail.tsx
+++ b/kafka-manager-console/src/container/admin/operation-management/migration-detail.tsx
@@ -35,7 +35,7 @@ export class MigrationDetail extends SearchAndFilterContainer {
     const detail = expert.tasksDetail;
     const gmtCreate = moment(detail.gmtCreate).format(timeFormat);
     const startTime = moment(detail.beginTime).format(timeFormat);
-    const endTime = moment(detail.endTime).format(timeFormat);
+    const endTime = detail.endTime == null ? '任务运行中' : moment(detail.endTime).format(timeFormat);
     const options = [{
       value: detail.taskName,
       label: '任务名称',
diff --git a/kafka-manager-console/src/container/admin/version-management.tsx b/kafka-manager-console/src/container/admin/version-management.tsx
index ab50a289..2d761fec 100644
--- a/kafka-manager-console/src/container/admin/version-management.tsx
+++ b/kafka-manager-console/src/container/admin/version-management.tsx
@@ -20,7 +20,7 @@ export class VersionManagement extends SearchAndFilterContainer {
 
   public async componentDidMount() {
     if (!version.fileTypeList.length) {
-     await version.getFileTypeList();
+      await version.getFileTypeList();
     }
 
     if (!version.fileList.length) {
@@ -58,7 +58,7 @@ export class VersionManagement extends SearchAndFilterContainer {
 
     if (searchKey) {
       data = origin.filter((item: IUploadFile) => item.id + '' === searchKey
-       || ((item.fileName !== undefined && item.fileName !== null) && item.fileName.toLowerCase().includes(searchKey as string)));
+        || ((item.fileName !== undefined && item.fileName !== null) && item.fileName.toLowerCase().includes(searchKey as string)));
     }
     return data;
   }
diff --git a/kafka-manager-console/src/container/alarm/add-alarm/config.tsx b/kafka-manager-console/src/container/alarm/add-alarm/config.tsx
index de611ba1..f499ebd0 100644
--- a/kafka-manager-console/src/container/alarm/add-alarm/config.tsx
+++ b/kafka-manager-console/src/container/alarm/add-alarm/config.tsx
@@ -76,6 +76,8 @@ export const getAlarmColumns = (urlPrefix: string) => {
           <Popconfirm
             title="确定删除？"
             onConfirm={() => deteleMonitor(item)}
+            cancelText="取消"
+            okText="确认"
           >
             <a>删除</a>
           </Popconfirm>
@@ -193,21 +195,21 @@ export const xActionFormMap = [{
   key: 'acceptGroup',
   label: '报警接收组',
   type: 'custom',
-  customFormItem: <AlarmSelect isDisabled={isDetailPage}/>,
+  customFormItem: <AlarmSelect isDisabled={isDetailPage} />,
   rules: [{ required: true, message: '请输入报警接收组' }],
 },
 {
   key: 'callback',
   label: '回调地址',
   rules: [{ required: false, message: '请输入回调地址' }],
-  attrs: {disabled: isDetailPage},
+  attrs: { disabled: isDetailPage },
 }] as unknown as IFormSelect[]; // as IFormItem[];
 
 export const xTypeFormMap = [{
   key: 'alarmName',
-  label: '告警规则',
+  label: '告警规则名称',
   rules: [{ required: true, message: '请输入告警规则' }],
-  attrs: {placeholder: '请输入', disabled: isDetailPage},
+  attrs: { placeholder: '请输入告警规则名称', disabled: isDetailPage },
 }, {
   key: 'app',
   label: '所属应用',
@@ -217,8 +219,8 @@ export const xTypeFormMap = [{
     optionFilterProp: 'children',
     showSearch: true,
     filterOption: (input: any, option: any) => {
-      if ( typeof option.props.children === 'object' ) {
-        const { props } =  option.props.children as any;
+      if (typeof option.props.children === 'object') {
+        const { props } = option.props.children as any;
         return (props.children + '').toLowerCase().indexOf(input.toLowerCase()) >= 0;
       }
       return (option.props.children + '').toLowerCase().indexOf(input.toLowerCase()) >= 0;
diff --git a/kafka-manager-console/src/container/alarm/add-alarm/filter-form.tsx b/kafka-manager-console/src/container/alarm/add-alarm/filter-form.tsx
index 7e01b15f..50e9ce32 100644
--- a/kafka-manager-console/src/container/alarm/add-alarm/filter-form.tsx
+++ b/kafka-manager-console/src/container/alarm/add-alarm/filter-form.tsx
@@ -260,7 +260,7 @@ export class DynamicSetFilter extends React.Component<IDynamicProps> {
       rules: [{ required: showMore, message: '请选择消费组' }],
       attrs: {
         placeholder: '请选择消费组',
-        className: 'middle-size',
+        className: 'large-size',
         disabled: this.isDetailPage,
         onChange: (e: string) => this.handleSelectChange(e, 'consumerGroup'),
       },
diff --git a/kafka-manager-console/src/container/alarm/add-alarm/index.less b/kafka-manager-console/src/container/alarm/add-alarm/index.less
index 559f87a2..9946c0c1 100644
--- a/kafka-manager-console/src/container/alarm/add-alarm/index.less
+++ b/kafka-manager-console/src/container/alarm/add-alarm/index.less
@@ -45,10 +45,13 @@
     }
 
     &.type-form {
-      padding-top: 10px;
-
+      padding-top: 10px; 
+      .ant-form{
+        min-width: 755px;
+      }
       .ant-form-item {
-        width: 30%
+        width: 30%;
+        min-width: 360px;
       }
       .ant-form-item-label {
         padding-left: 10px;
@@ -161,7 +164,7 @@
 }
 
 .dynamic-set {
-  padding: 15px 10px;
+  padding: 15px 0;
 
   ul{
     li{
@@ -176,7 +179,7 @@
 
   .ant-form-item {
     display: inline-block;
-    margin: 0px 5px 10px 5px;
+    margin: 0px 5px 10px 0;
 
     .ant-select {
       width: 150px;
diff --git a/kafka-manager-console/src/container/alarm/alarm-detail/shield-history.tsx b/kafka-manager-console/src/container/alarm/alarm-detail/shield-history.tsx
index 71ec4877..421feeb7 100644
--- a/kafka-manager-console/src/container/alarm/alarm-detail/shield-history.tsx
+++ b/kafka-manager-console/src/container/alarm/alarm-detail/shield-history.tsx
@@ -163,6 +163,8 @@ export class ShieldHistory extends React.Component {
               <Popconfirm
                 title="确定删除？"
                 onConfirm={() => this.deleteSilences(record)}
+                cancelText="取消"
+                okText="确认"
               >
                 <a>删除</a>
               </Popconfirm>
diff --git a/kafka-manager-console/src/container/app-select.tsx b/kafka-manager-console/src/container/app-select.tsx
index 1d329c96..72f14a97 100644
--- a/kafka-manager-console/src/container/app-select.tsx
+++ b/kafka-manager-console/src/container/app-select.tsx
@@ -7,7 +7,7 @@ const Option = Select.Option;
 
 interface IStaffSelectProps {
   selectData?: any[];
-  onChange?: (result: string []) => any;
+  onChange?: (result: string[]) => any;
   value?: string[];
 }
 
@@ -21,7 +21,7 @@ export class AppSelect extends React.Component<IStaffSelectProps> {
         <Select
           placeholder="请选择"
           value={value || []}
-          onChange={(e: string []) => this.handleChange(e)}
+          onChange={(e: string[]) => this.handleChange(e)}
           {...searchProps}
         >
           {selectData.map((d: any) =>
@@ -29,16 +29,18 @@ export class AppSelect extends React.Component<IStaffSelectProps> {
               {d.name.length > 25 ? <Tooltip placement="bottomLeft" title={d.name}>{d.name}</Tooltip> : d.name}
             </Option>)}
         </Select>
-        {
-          selectData.length ? null : <i>
-            没有应用？
+        {/* {
+          selectData.length ? null :  */}
+        <i>
+          没有应用？
             <a href={`${urlPrefix}/topic/app-list?${query}`}>立刻创建</a>
-          </i>}
+        </i>
+        {/* } */}
       </>
     );
   }
 
-  public handleChange(params: string []) {
+  public handleChange(params: string[]) {
     const { onChange } = this.props;
     // tslint:disable-next-line:no-unused-expression
     onChange && onChange(params);
diff --git a/kafka-manager-console/src/container/app/app-detail.tsx b/kafka-manager-console/src/container/app/app-detail.tsx
index bcfe9f74..966630be 100644
--- a/kafka-manager-console/src/container/app/app-detail.tsx
+++ b/kafka-manager-console/src/container/app/app-detail.tsx
@@ -61,6 +61,7 @@ export class AppDetail extends SearchAndFilterContainer {
         title: '申请时间',
         dataIndex: 'gmtCreate',
         key: 'gmtCreate',
+        sorter: (a: any, b: any) => a.gmtCreate - b.gmtCreate,
         render: (t: number) => moment(t).format(timeFormat),
       },
       statusColumn,
@@ -101,11 +102,11 @@ export class AppDetail extends SearchAndFilterContainer {
       value: baseInfo.principals,
     }];
     const infoCopy: ILabelValue[] = [{
-        label: 'AppID',
-        value: baseInfo.appId,
-      }, {
-        label: '密钥',
-        value: baseInfo.password,
+      label: 'AppID',
+      value: baseInfo.appId,
+    }, {
+      label: '密钥',
+      value: baseInfo.password,
     }];
     return (
       <PageHeader
@@ -118,7 +119,7 @@ export class AppDetail extends SearchAndFilterContainer {
             <Descriptions.Item key={key} label={item.label}>
               <Tooltip placement="bottomLeft" title={item.value}>
                 <span className="overview-bootstrap">
-                <i className="overview-boot">{item.value}</i>
+                  <i className="overview-boot">{item.value}</i>
                 </span>
               </Tooltip>
             </Descriptions.Item>
@@ -136,14 +137,14 @@ export class AppDetail extends SearchAndFilterContainer {
           ))}
         </Descriptions>
         <Descriptions size="small" column={1}>
-            <Descriptions.Item label="应用描述">
-              <Tooltip placement="bottomLeft" title={baseInfo.description}>
-                <span className="overview-bootstrap" style={{width: '600px'}}>
-                  <i className="overview-boot"> {baseInfo.description} </i>
-                </span>
-              </Tooltip>
-            </Descriptions.Item>
-          </Descriptions>
+          <Descriptions.Item label="应用描述">
+            <Tooltip placement="bottomLeft" title={baseInfo.description}>
+              <span className="overview-bootstrap" style={{ width: '600px' }}>
+                <i className="overview-boot"> {baseInfo.description} </i>
+              </span>
+            </Tooltip>
+          </Descriptions.Item>
+        </Descriptions>
       </PageHeader>
     );
   }
@@ -156,7 +157,7 @@ export class AppDetail extends SearchAndFilterContainer {
     data = searchKey ? origin.filter((item: ITopic) =>
       (item.topicName !== undefined && item.topicName !== null) && item.topicName.toLowerCase().includes(searchKey as string)
       || (item.clusterName !== undefined && item.clusterName !== null) && item.clusterName.toLowerCase().includes(searchKey as string),
-    ) : origin ;
+    ) : origin;
     return data;
   }
 
@@ -183,22 +184,22 @@ export class AppDetail extends SearchAndFilterContainer {
     const { currentTab } = app;
     return (
       <>
-      <div className="app-container">
-        <div className="base-info">
-          {this.renderBaseInfo(app.baseInfo)}
+        <div className="app-container">
+          <div className="base-info">
+            {this.renderBaseInfo(app.baseInfo)}
+          </div>
+          <div className="k-row">
+            <Tabs defaultActiveKey="1" type="card" onChange={(e) => this.onChangeTab(e)}>
+              <TabPane tab="创建的Topic" key="1" />
+              <TabPane tab="有权限Topic" key="2" />
+            </Tabs>
+            <ul className="k-tab">
+              <li>{currentTab === '1' ? '创建的Topic' : '有权限Topic'}</li>
+              {this.renderSearch('', '请输入Topic名称/集群名称')}
+            </ul>
+            {this.renderTable()}
+          </div>
         </div>
-        <div className="k-row">
-          <Tabs defaultActiveKey="1" type="card" onChange={(e) => this.onChangeTab(e)}>
-            <TabPane tab="创建的Topic" key="1" />
-            <TabPane tab="有权限Topic" key="2" />
-          </Tabs>
-          <ul className="k-tab">
-            <li>{currentTab === '1' ? '创建的Topic' : '有权限Topic'}</li>
-            {this.renderSearch('', '请输入Topic名称/集群名称')}
-          </ul>
-          {this.renderTable()}
-        </div>
-      </div>
       </>
     );
   }
diff --git a/kafka-manager-console/src/container/cluster/cluster-detail/cluster-overview.tsx b/kafka-manager-console/src/container/cluster/cluster-detail/cluster-overview.tsx
index b5ead852..49a25a3c 100644
--- a/kafka-manager-console/src/container/cluster/cluster-detail/cluster-overview.tsx
+++ b/kafka-manager-console/src/container/cluster/cluster-detail/cluster-overview.tsx
@@ -31,8 +31,13 @@ export class ClusterOverview extends React.Component<IOverview> {
     const content = this.props.basicInfo as IBasicInfo;
     const clusterContent = [{
       value: content.clusterName,
-      label: '集群名称',
-    }, {
+      label: '集群中文名称',
+    },
+    {
+      value: content.clusterName,
+      label: '集群英文名称',
+    },
+    {
       value: clusterTypeMap[content.mode],
       label: '集群类型',
     }, {
@@ -55,23 +60,23 @@ export class ClusterOverview extends React.Component<IOverview> {
         <PageHeader className="detail" title="">
           <Descriptions size="small" column={3}>
             {clusterContent.map((item: ILabelValue, index: number) => (
-                <Descriptions.Item key={index} label={item.label} >
-                  {item.value}
-                </Descriptions.Item>
+              <Descriptions.Item key={index} label={item.label} >
+                {item.value}
+              </Descriptions.Item>
             ))}
             {clusterInfo.map((item: ILabelValue, index: number) => (
-                <Descriptions.Item key={index} label={item.label}>
-                  <Tooltip placement="bottomLeft" title={item.value}>
-                    <span className="overview-bootstrap">
-                      <Icon
-                        onClick={() => copyString(item.value)}
-                        type="copy"
-                        className="didi-theme overview-theme"
-                      />
-                      <i className="overview-boot">{item.value}</i>
-                    </span>
-                  </Tooltip>
-                </Descriptions.Item>
+              <Descriptions.Item key={index} label={item.label}>
+                <Tooltip placement="bottomLeft" title={item.value}>
+                  <span className="overview-bootstrap">
+                    <Icon
+                      onClick={() => copyString(item.value)}
+                      type="copy"
+                      className="didi-theme overview-theme"
+                    />
+                    <i className="overview-boot">{item.value}</i>
+                  </span>
+                </Tooltip>
+              </Descriptions.Item>
             ))}
           </Descriptions>
         </PageHeader>
diff --git a/kafka-manager-console/src/container/cluster/cluster-detail/cluster-topic.tsx b/kafka-manager-console/src/container/cluster/cluster-detail/cluster-topic.tsx
index 5ebed99a..b0617398 100644
--- a/kafka-manager-console/src/container/cluster/cluster-detail/cluster-topic.tsx
+++ b/kafka-manager-console/src/container/cluster/cluster-detail/cluster-topic.tsx
@@ -101,6 +101,7 @@ export class ClusterTopic extends SearchAndFilterContainer {
         dataIndex: 'updateTime',
         key: 'updateTime',
         width: '20%',
+        sorter: (a: IClusterTopics, b: IClusterTopics) => b.updateTime - a.updateTime,
         render: (t: number) => moment(t).format(timeFormat),
       },
       {
diff --git a/kafka-manager-console/src/container/cluster/config.tsx b/kafka-manager-console/src/container/cluster/config.tsx
index b5b88dfa..bbd03cb0 100644
--- a/kafka-manager-console/src/container/cluster/config.tsx
+++ b/kafka-manager-console/src/container/cluster/config.tsx
@@ -13,10 +13,35 @@ const { confirm } = Modal;
 export const getClusterColumns = (urlPrefix: string) => {
   return [
     {
-      title: '集群名称',
+      title: '逻辑集群ID',
+      dataIndex: 'clusterId',
+      key: 'clusterId',
+      width: '9%',
+      sorter: (a: IClusterData, b: IClusterData) => b.clusterId - a.clusterId,
+    },
+    {
+      title: '逻辑集群中文名称',
       dataIndex: 'clusterName',
       key: 'clusterName',
-      width: '15%',
+      width: '13%',
+      onCell: () => ({
+        style: {
+          maxWidth: 120,
+          ...cellStyle,
+        },
+      }),
+      sorter: (a: IClusterData, b: IClusterData) => a.clusterName.charCodeAt(0) - b.clusterName.charCodeAt(0),
+      render: (text: string, record: IClusterData) => (
+        <Tooltip placement="bottomLeft" title={text} >
+          <a href={`${urlPrefix}/cluster/cluster-detail?clusterId=${record.clusterId}`}> {text} </a>
+        </Tooltip>
+      ),
+    },
+    {
+      title: '逻辑集群英文名称',
+      dataIndex: 'clusterName',
+      key: 'clusterName',
+      width: '13%',
       onCell: () => ({
         style: {
           maxWidth: 120,
@@ -34,21 +59,21 @@ export const getClusterColumns = (urlPrefix: string) => {
       title: 'Topic数量',
       dataIndex: 'topicNum',
       key: 'topicNum',
-      width: '10%',
+      width: '9%',
       sorter: (a: IClusterData, b: IClusterData) => b.topicNum - a.topicNum,
     },
     {
       title: '集群类型',
       dataIndex: 'mode',
       key: 'mode',
-      width: '10%',
+      width: '9%',
       render: (text: number) => (clusterTypeMap[text] || ''),
     },
     {
       title: '集群版本',
       dataIndex: 'clusterVersion',
       key: 'clusterVersion',
-      width: '25%',
+      width: '9%',
       onCell: () => ({
         style: {
           maxWidth: 200,
@@ -60,14 +85,14 @@ export const getClusterColumns = (urlPrefix: string) => {
       title: '接入时间',
       dataIndex: 'gmtCreate',
       key: 'gmtCreate',
-      width: '15%',
+      width: '13%',
       sorter: (a: IClusterData, b: IClusterData) => b.gmtCreate - a.gmtCreate,
       render: (t: number) => moment(t).format(timeFormat),
     }, {
       title: '修改时间',
       dataIndex: 'gmtModify',
       key: 'gmtModify',
-      width: '15%',
+      width: '13%',
       sorter: (a: IClusterData, b: IClusterData) => b.gmtModify - a.gmtModify,
       render: (t: number) => moment(t).format(timeFormat),
     },
@@ -75,7 +100,7 @@ export const getClusterColumns = (urlPrefix: string) => {
       title: '操作',
       dataIndex: 'action',
       key: 'action',
-      width: '10%',
+      width: '20%',
       render: (val: string, record: IClusterData) => (
         <>
           {
@@ -90,6 +115,6 @@ export const getClusterColumns = (urlPrefix: string) => {
   ];
 };
 
-export  const showConfirm = (record: IClusterData) => {
+export const showConfirm = (record: IClusterData) => {
   modal.showOfflineClusterModal(record.clusterId);
 };
diff --git a/kafka-manager-console/src/container/header/index.less b/kafka-manager-console/src/container/header/index.less
index c6491221..98aefd99 100644
--- a/kafka-manager-console/src/container/header/index.less
+++ b/kafka-manager-console/src/container/header/index.less
@@ -113,8 +113,10 @@
     text-align: center;
     height: 32px;
     line-height: 32px;
-    padding: 0px 20px;
-
+    a {
+      display: inline-block;
+      padding: 0px 20px;
+    }
     &:hover {
       background: rgba(236, 111, 38, 0.1);
     }
@@ -159,4 +161,17 @@
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-}
\ No newline at end of file
+}
+
+// .kafka-header-menu{
+//   .qqqq{
+//     position: relative;
+//     .popover {
+//       position: absolute;
+//       display: block;
+//       left: 0 !important;
+//       // left: 62% !important;
+//       // top: 68px !important;
+//     }
+//   }
+// }
diff --git a/kafka-manager-console/src/container/header/index.tsx b/kafka-manager-console/src/container/header/index.tsx
index 5e05dd7c..e86bcf11 100644
--- a/kafka-manager-console/src/container/header/index.tsx
+++ b/kafka-manager-console/src/container/header/index.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 
 import './index.less';
 import { userLogOut } from 'lib/api';
-import { notification, Dropdown, Icon, Tooltip } from 'component/antd';
+import { notification, Dropdown, Icon, Tooltip, Popover } from 'component/antd';
 import { urlPrefix } from 'constants/left-menu';
 import { region, IRegionIdcs } from 'store/region';
 import logoUrl from '../../assets/image/kafka-logo.png';
@@ -59,7 +59,11 @@ export const Header = observer((props: IHeader) => {
       notification.success({ message: '退出成功' });
     });
   };
-
+  const content = (
+    <div style={{ height: '250px', padding: '5px' }} className="kafka-avatar-img">
+      <img style={{ width: '190px', height: '246px' }} src={weChat} alt="" />
+    </div>
+  );
   const helpCenter = (
     <ul className="kafka-header-menu">
       <li>
@@ -70,25 +74,33 @@ export const Header = observer((props: IHeader) => {
         </a></li>
       <li>
         <a
-          href="https://github.com/didi/kafka-manager"
+          href="https://github.com/didi/kafka-manager/blob/master/docs/user_guide/user_guide_cn.md"
+          target="_blank"
+        >使用手册
+        </a></li>
+      <li>
+        <a
+          href="https://github.com/didi/kafka-manager/blob/master/docs/install_guide/install_guide_cn.md"
           target="_blank"
         >QuickStart
         </a></li>
       <li>
         <a
-          href=""
+          href="https://github.com/didi/kafka-manager/blob/master/docs/user_guide/faq.md"
           target="_blank"
         >常见问题
         </a></li>
       <li>
-        <a
-          // tslint:disable-next-line:max-line-length
-          href="https://github.com/didi/kafka-manager"
-          target="_blank"
-        >联系我们
-        </a></li>
-      <li style={{ height: '80px', padding: '5px' }} className="kafka-avatar-img">
-        <img style={{ width: '70px', height: '70px' }} src={weChat} alt="" />
+        <Popover placement="left" content={content} trigger="hover">
+          <a
+            // tslint:disable-next-line:max-line-length
+            // href="https://github.com/didi/kafka-manager"
+            href="javascript:void(0)"
+            onClick={() => { return false }}
+          // target="_blank"
+          >联系我们
+          </a>
+        </Popover>
       </li>
     </ul>
   );
@@ -111,7 +123,7 @@ export const Header = observer((props: IHeader) => {
   const handleJumpLocation = (): string => {
     const isDetailPage = window.location.pathname.includes('detail');
     const pathNames = window.location.pathname.split('/');
-    const loc = window.location.pathname.includes('error') ? `${urlPrefix}/topic` : window.location.pathname ;
+    const loc = window.location.pathname.includes('error') ? `${urlPrefix}/topic` : window.location.pathname;
 
     return isDetailPage ? pathNames.splice(0, 3).join('/') : loc;
   };
diff --git a/kafka-manager-console/src/container/modal/admin/cluster.ts b/kafka-manager-console/src/container/modal/admin/cluster.ts
index 43b8a333..ccf1aa54 100644
--- a/kafka-manager-console/src/container/modal/admin/cluster.ts
+++ b/kafka-manager-console/src/container/modal/admin/cluster.ts
@@ -29,6 +29,7 @@ export const showEditClusterTopic = (item: IClusterTopics) => {
         }],
         attrs: {
           placeholder: '请输入应用ID',
+          disabled: true,
         },
       },
       {
@@ -57,7 +58,7 @@ export const showEditClusterTopic = (item: IClusterTopics) => {
         key: 'properties',
         label: 'Topic属性列表',
         type: 'text_area',
-        rules: [{ required: false}],
+        rules: [{ required: false }],
         attrs: {
           placeholder: '请输入Topic属性列表',
         },
@@ -78,7 +79,7 @@ export const showEditClusterTopic = (item: IClusterTopics) => {
       clusterName: item.clusterName,
       appId: item.appId,
       topicName: item.topicName,
-      retentionTime:  transMSecondToHour(item.retentionTime),
+      retentionTime: transMSecondToHour(item.retentionTime),
       properties: JSON.stringify(item.properties, null, 4),
       description: item.description,
     },
@@ -97,18 +98,13 @@ export const showEditClusterTopic = (item: IClusterTopics) => {
 };
 
 export const showLogicalClusterOpModal = (clusterId: number, record?: ILogicalCluster) => {
-  let clusterModes = [] as  IConfigInfo[];
-  clusterModes = cluster.clusterModes ?  cluster.clusterModes : clusterModes;
-  const xFormModal = {
-    formMap: [
-      {
-        key: 'logicalClusterName',
-        label: '逻辑集群名称',
-        rules: [{ required: true, message: '请输入逻辑集群名称' }],
-        attrs: {
-          disabled: record ? true : false,
-        },
-      },
+  let isShow = false;
+  if (record && record.mode != 0) {
+    isShow = true;
+  }
+  const updateFormModal = (isShow: boolean) => {
+    const formMap = wrapper.xFormWrapper.formMap;
+    isShow ? formMap.splice(2, 0,
       {
         key: 'appId',
         label: '所属应用',
@@ -123,6 +119,41 @@ export const showLogicalClusterOpModal = (clusterId: number, record?: ILogicalCl
         attrs: {
           placeholder: '请选择所属应用',
         },
+      }) : formMap.splice(2, 1);
+    const formData = wrapper.xFormWrapper.formData;
+    wrapper.ref && wrapper.ref.updateFormMap$(formMap, formData || {});
+  };
+  let clusterModes = [] as IConfigInfo[];
+  clusterModes = cluster.clusterModes ? cluster.clusterModes : clusterModes;
+  let xFormModal = {
+    formMap: [
+      {
+        key: 'logicalClusterName',
+        label: '逻辑集群中文名称',
+        // defaultValue:'',
+        rules: [{ 
+          required: true, 
+          message: '请输入逻辑集群中文名称，支持中文、字母、数字、下划线(_)和短划线(-)组成，长度在3-128字符之间', // 不能以下划线（_）和短划线(-)开头和结尾
+          pattern: /^[a-zA-Z0-9_\-\u4e00-\u9fa5]{3,128}$/g, //(?!(_|\-))(?!.*?(_|\-)$)
+        }],
+        attrs: {
+          // disabled: record ? true : false,
+          placeholder:'请输入逻辑集群中文名称'
+        },
+      },
+      {
+        key: 'logicalClusterName1',
+        label: '逻辑集群英文名称',
+        // defaultValue:'',
+        rules: [{ 
+          required: true, 
+          message: '请输入逻辑集群英文名称，支持字母、数字、下划线(_)和短划线(-)组成，长度在3-128字符之间', //不能以下划线（_）和短划线(-)开头和结尾
+          pattern:/^[a-zA-Z0-9_\-]{3,128}$/g, //(?!(_|\-))(?!.*?(_|\-)$)
+        }],
+        attrs: {
+          disabled: record ? true : false,
+          placeholder:'请输入逻辑集群英文名称，创建后无法修改'
+        },
       },
       {
         key: 'mode',
@@ -136,8 +167,32 @@ export const showLogicalClusterOpModal = (clusterId: number, record?: ILogicalCl
           };
         }),
         attrs: {
+          onChange(item: any) {
+            if (isShow && item == 0) {
+              updateFormModal(false);
+              isShow = false;
+            } else if (!isShow && (item == 1 || item == 2)) {
+              updateFormModal(true);
+              isShow = true;
+            }
+          },
         },
       },
+      // {
+      //   key: 'appId',
+      //   label: '所属应用',
+      //   rules: [{ required: true , message: '请选择所属应用' }],
+      //   type: 'select',
+      //   options: app.adminAppData.map(item => {
+      //     return {
+      //       label: item.name,
+      //       value: item.appId,
+      //     };
+      //   }),
+      //   attrs: {
+      //     placeholder: '请选择所属应用',
+      //   },
+      // },
       {
         key: 'regionIdList',
         label: 'RegionIdList',
@@ -149,10 +204,10 @@ export const showLogicalClusterOpModal = (clusterId: number, record?: ILogicalCl
             value: item.id,
           };
         }),
-        rules: [{ required: true, message: '请选择BrokerIdList' }],
+        rules: [{ required: true, message: '请选择RegionIdList' }],
         attrs: {
           mode: 'multiple',
-          placeholder: '请选择BrokerIdList',
+          placeholder: '请选择RegionIdList',
         },
       },
       {
@@ -169,7 +224,7 @@ export const showLogicalClusterOpModal = (clusterId: number, record?: ILogicalCl
     ],
     formData: record,
     visible: true,
-    title: '新增逻辑集群',
+    title: record ? '编辑逻辑集群' : '新增逻辑集群',
     onSubmit: (value: INewLogical) => {
       const params = {
         appId: value.appId,
@@ -178,6 +233,7 @@ export const showLogicalClusterOpModal = (clusterId: number, record?: ILogicalCl
         id: record ? record.logicalClusterId : '',
         mode: value.mode,
         name: value.logicalClusterName,
+        englishName:value.logicalClusterEName, // 存储逻辑集群英文名称
         regionIdList: value.regionIdList,
       } as INewLogical;
       if (record) {
@@ -190,11 +246,12 @@ export const showLogicalClusterOpModal = (clusterId: number, record?: ILogicalCl
       });
     },
   };
+
   wrapper.open(xFormModal);
 };
 
 export const showClusterRegionOpModal = (clusterId: number, content: IMetaData, record?: IBrokersRegions) => {
- const xFormModal = {
+  const xFormModal = {
     formMap: [
       {
         key: 'name',
@@ -216,9 +273,9 @@ export const showClusterRegionOpModal = (clusterId: number, content: IMetaData,
         key: 'brokerIdList',
         label: 'Broker列表',
         defaultValue: record ? record.brokerIdList.join(',') : [] as any,
-        rules: [{ required: true, message: '请输入BrokerIdList' }],
+        rules: [{ required: true, message: '请输入BrokerID,多个BrokerID用半角逗号分隔' }],
         attrs: {
-          placeholder: '请输入BrokerIdList',
+          placeholder: '请输入BrokerID,多个BrokerID用半角逗号分隔',
         },
       },
       {
@@ -274,5 +331,5 @@ export const showClusterRegionOpModal = (clusterId: number, content: IMetaData,
       });
     },
   };
- wrapper.open(xFormModal);
+  wrapper.open(xFormModal);
 };
diff --git a/kafka-manager-console/src/container/modal/admin/confirm-detail-topic.tsx b/kafka-manager-console/src/container/modal/admin/confirm-detail-topic.tsx
new file mode 100644
index 00000000..41f6ed61
--- /dev/null
+++ b/kafka-manager-console/src/container/modal/admin/confirm-detail-topic.tsx
@@ -0,0 +1,173 @@
+import * as React from 'react';
+import { admin } from 'store/admin';
+import { notification, Modal, Form, Input, Switch, Select, Tooltip, Radio } from 'antd';
+import { IBrokersMetadata, IBrokersRegions, IExpand } from 'types/base-type';
+import { searchProps } from 'constants/table';
+import { expandPartition } from 'lib/api';
+
+const layout = {
+  labelCol: { span: 6 },
+  wrapperCol: { span: 15 },
+};
+
+interface IXFormProps {
+  form: any;
+  formData?: any;
+  visible?: boolean;
+  handleVisible?: any;
+  clusterId?: number;
+  deleteTopic?: any;
+}
+
+class CustomForm extends React.Component<IXFormProps> {
+  // public state = {
+  //   checked: false,
+  // };
+
+  // public onSwitchChange(checked: boolean) {
+  //   this.setState({ checked });
+  //   this.props.form.validateFields((err: any, values: any) => {
+  //     checked ? values.brokerIdList = [] : values.regionId = '';
+  //   });
+  // }
+
+  public handleExpandOk() {
+    this.props.form.validateFields((err: any, values: any) => {
+      const deleteData = this.props.formData;
+      if (!err) {
+        // console.log('values', values);
+        if (values.topicName !== this.props.formData.topicName) {
+          notification.error({ message: 'topic名称不正确，请重新输入' });
+        } else {
+          this.props.handleVisible(false);
+          // 调用删除接口
+          this.props.deleteTopic(deleteData);
+        }
+      }
+      // if (!err) {
+      //   this.props.handleVisible(false);
+      //   const params = {
+      //     topicName: values.topicName,
+      //     clusterId: this.props.clusterId,
+      //     partitionNum: values.partitionNum,
+      //   } as IExpand;
+      //   if (values.brokerIdList) {
+      //     params.brokerIdList = values.brokerIdList;
+      //   } else {
+      //     params.regionId = values.regionId;
+      //   }
+      //   const valueParams = [] as IExpand[];
+      //   valueParams.push(params);
+      //   expandPartition(valueParams).then(data => {
+      //     notification.success({ message: '扩分成功' });
+      //     this.props.form.resetFields();
+      //     admin.getClusterTopics(this.props.clusterId);
+      //   });
+    });
+  }
+
+  public handleExpandCancel() {
+    this.props.handleVisible(false);
+    this.props.form.resetFields();
+  }
+
+  public componentDidMount() {
+    admin.getBrokersMetadata(this.props.clusterId);
+    admin.getBrokersRegions(this.props.clusterId);
+  }
+
+  public render() {
+    // console.log('props', this.props);
+    const { formData = {} as any, visible } = this.props;
+    const { getFieldDecorator } = this.props.form;
+    let metadata = [] as IBrokersMetadata[];
+    metadata = admin.brokersMetadata ? admin.brokersMetadata : metadata;
+    let regions = [] as IBrokersRegions[];
+    regions = admin.brokersRegions ? admin.brokersRegions : regions;
+    return (
+      <Modal
+        title="提示"
+        visible={visible}
+        onOk={() => this.handleExpandOk()}
+        onCancel={() => this.handleExpandCancel()}
+        maskClosable={false}
+        okText="确认"
+        cancelText="取消"
+      >
+        <Form {...layout} name="basic" onSubmit={() => ({})} >
+          {/* <Form.Item label="Topic名称" >
+            {getFieldDecorator('topicName', {
+              initialValue: formData.topicName,
+              rules: [{ required: true, message: '请输入Topic名称' }],
+            })(<Input disabled={true} placeholder="请输入Topic名称" />)}
+          </Form.Item> */}
+
+          {/* 运维管控-topic信息-扩分区操作 */}
+          {/* <Form.Item label="所属region" >
+            {getFieldDecorator('topicName', {
+              initialValue: formData.topicName,
+              rules: [{ required: true, message: '请输入所属region' }],
+            })(<Input disabled={true} placeholder="请输入所属region" />)}
+          </Form.Item> */}
+          {/* 运维管控-topic信息-扩分区操作 */}
+          <div style={{ textAlign: 'center', padding: '10px 0', fontSize: '13px', fontWeight: 'bold', color: 'red' }}>
+            <span>由于删除Topic是高危操作,需再次输入Topic名称进行确认。</span>
+          </div>
+          <Form.Item label="Topic名称" >
+            {getFieldDecorator('topicName', {
+              rules: [{
+                required: true,
+                message: 'topic名称错误',
+              }],
+            })(<Input />)}
+          </Form.Item>
+
+          {/* <Form.Item label="brokerIdList" style={{ display: this.state.checked ? 'none' : '' }}>
+            {getFieldDecorator('brokerIdList', {
+              initialValue: formData.brokerIdList,
+              rules: [{ required: !this.state.checked, message: '请输入brokerIdList' }],
+            })(
+              <Select
+                mode="multiple"
+                {...searchProps}
+              >
+                {metadata.map((v, index) => (
+                  <Select.Option
+                    key={v.brokerId || v.key || index}
+                    value={v.brokerId}
+                  >
+                    {v.host.length > 16 ?
+                      <Tooltip placement="bottomLeft" title={v.host}> {v.host} </Tooltip>
+                      : v.host}
+                  </Select.Option>
+                ))}
+              </Select>,
+            )}
+
+          </Form.Item>*/}
+          {/* <Form.Item label="regionId" style={{ display: this.state.checked ? '' : 'none' }} >
+            {getFieldDecorator('regionId', {
+              initialValue: formData.regionId,
+              rules: [{ required: this.state.checked, message: '请选择regionId' }],
+            })(
+              <Select {...searchProps}>
+                {regions.map((v, index) => (
+                  <Select.Option
+                    key={v.id || v.key || index}
+                    value={v.id}
+                  >
+                    {v.name.length > 16 ?
+                      <Tooltip placement="bottomLeft" title={v.name}> {v.name} </Tooltip>
+                      : v.name}
+                  </Select.Option>
+                ))}
+              </Select>,
+            )}
+          </Form.Item> */}
+        </Form>
+      </Modal>
+    );
+  }
+}
+
+export const ConfirmDetailTopicFormWrapper = Form.create<IXFormProps>()(CustomForm);
diff --git a/kafka-manager-console/src/container/modal/admin/expand-partition.tsx b/kafka-manager-console/src/container/modal/admin/expand-partition.tsx
index 747cbf90..89133734 100644
--- a/kafka-manager-console/src/container/modal/admin/expand-partition.tsx
+++ b/kafka-manager-console/src/container/modal/admin/expand-partition.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { admin } from 'store/admin';
-import { notification, Modal, Form, Input, Switch, Select, Tooltip } from 'antd';
+import { notification, Modal, Form, Input, Switch, Select, Tooltip, Radio } from 'antd';
 import { IBrokersMetadata, IBrokersRegions, IExpand } from 'types/base-type';
 import { searchProps } from 'constants/table';
 import { expandPartition } from 'lib/api';
@@ -89,14 +89,31 @@ class CustomForm extends React.Component<IXFormProps> {
               rules: [{ required: true, message: '请输入Topic名称' }],
             })(<Input disabled={true} placeholder="请输入Topic名称" />)}
           </Form.Item>
+
+          {/* 运维管控-topic信息-扩分区操作 */}
+          <Form.Item label="所属region" >
+            {getFieldDecorator('regionNameList', {
+              initialValue: admin.topicsBasic ? admin.topicsBasic.regionNameList : '',
+              rules: [{ required: true, message: '请输入所属region' }],
+            })(<Input disabled={true} />)}
+          </Form.Item>
+          {/* 运维管控-topic信息-扩分区操作 */}
+
           <Form.Item label="分区数" >
             {getFieldDecorator('partitionNum', {
-              rules: [{ required: true,
-                message: '请输入分区数' }],
+              rules: [{
+                required: true,
+                message: '请输入分区数',
+              }],
             })(<Input placeholder="请输入分区数" />)}
           </Form.Item>
-          <Form.Item label={this.state.checked ? 'Region类型' : 'Borker类型'} >
-            <Switch onChange={(checked) => this.onSwitchChange(checked)} />
+          <Form.Item label="类型">
+            {/* <Form.Item label={this.state.checked ? 'Region类型' : 'Borker类型'} > */}
+            {/* <Switch onChange={(checked) => this.onSwitchChange(checked)} /> */}
+            <Radio.Group value={this.state.checked ? 'region' : 'broker'} onChange={(e) => { this.onSwitchChange(e.target.value === 'region' ? true : false); }}>
+              <Radio.Button value="region">Region类型</Radio.Button>
+              <Radio.Button value="broker">Borker类型</Radio.Button>
+            </Radio.Group>
           </Form.Item>
           <Form.Item label="brokerIdList" style={{ display: this.state.checked ? 'none' : '' }}>
             {getFieldDecorator('brokerIdList', {
@@ -107,14 +124,14 @@ class CustomForm extends React.Component<IXFormProps> {
                 mode="multiple"
                 {...searchProps}
               >
-                { metadata.map((v, index) => (
+                {metadata.map((v, index) => (
                   <Select.Option
                     key={v.brokerId || v.key || index}
                     value={v.brokerId}
                   >
-                  {v.host.length > 16 ?
-                    <Tooltip placement="bottomLeft" title={v.host}> {v.host} </Tooltip>
-                    : v.host}
+                    {v.host.length > 16 ?
+                      <Tooltip placement="bottomLeft" title={v.host}> {v.host} </Tooltip>
+                      : v.host}
                   </Select.Option>
                 ))}
               </Select>,
@@ -127,7 +144,7 @@ class CustomForm extends React.Component<IXFormProps> {
               rules: [{ required: this.state.checked, message: '请选择regionId' }],
             })(
               <Select {...searchProps}>
-                { regions.map((v, index) => (
+                {regions.map((v, index) => (
                   <Select.Option
                     key={v.id || v.key || index}
                     value={v.id}
diff --git a/kafka-manager-console/src/container/modal/admin/leader-rebalance.tsx b/kafka-manager-console/src/container/modal/admin/leader-rebalance.tsx
index a4b516fc..779a0d0d 100644
--- a/kafka-manager-console/src/container/modal/admin/leader-rebalance.tsx
+++ b/kafka-manager-console/src/container/modal/admin/leader-rebalance.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Table, notification, Button, Modal, Input, Form, Select, message, Tooltip } from 'component/antd';
+import { Table, notification, Button, Modal, Input, Form, Select, message, Tooltip, Icon, Spin } from 'component/antd';
 import { IBrokersMetadata, IRebalance } from 'types/base-type';
 import { admin } from 'store/admin';
 import { implementRegions, rebalanceStatus } from 'lib/api';
@@ -27,6 +27,7 @@ class LeaderRebalanceModal extends React.Component<IXFormProps> {
   public state = {
     imVisible: false,
     status: '',
+    isExecutionBtn: false
   };
 
   public handleRebalanceCancel() {
@@ -48,6 +49,7 @@ class LeaderRebalanceModal extends React.Component<IXFormProps> {
   public handleSubmit = (e: any) => {
     e.preventDefault();
     this.props.form.validateFields((err: any, values: any) => {
+      values.brokerId && this.setState({ isExecutionBtn: true })
       if (!err) {
         let params = {} as IRebalance;
         params = {
@@ -58,12 +60,19 @@ class LeaderRebalanceModal extends React.Component<IXFormProps> {
           topicName: '',
         };
         implementRegions(params).then(data => {
-          message.success('获取成功');
+          // message.success('获取成功');
           this.getStatus();
           this.setState({
             imVisible: true,
+            isExecutionBtn: false
           });
-        });
+        }).catch((err) => {
+          message.error('获取失败')
+          this.setState({
+            imVisible: true,
+            isExecutionBtn: false
+          });
+        })
       }
     });
   }
@@ -77,7 +86,7 @@ class LeaderRebalanceModal extends React.Component<IXFormProps> {
 
   public getStatus() {
     rebalanceStatus(this.props.clusterId).then((data: any) => {
-      message.success('状态更新成功');
+      // message.success('状态更新成功');
       if (data.code === 30) { // code -1 未知 101 成功 30 运行中
         setTimeout(this.iTimer, 0);
       } else {
@@ -91,6 +100,8 @@ class LeaderRebalanceModal extends React.Component<IXFormProps> {
   public componentWillUnmount() {
     clearInterval(this.timer);
   }
+  // 执行加载图标
+  public antIcon = <Icon type="loading" style={{ fontSize: 12, color: '#cccccc' }} spin />
 
   public render() {
     const { visible } = this.props;
@@ -140,21 +151,21 @@ class LeaderRebalanceModal extends React.Component<IXFormProps> {
               {getFieldDecorator('brokerId', {
                 rules: [{ required: true, message: '请输入Broker' }],
               })(
-              <Select
-                onChange={(value: number) => this.onMetaChange(value)}
-                {...searchProps}
-              >
-                {this.metadata.map((v, index) => (
-                  <Select.Option
-                    key={v.brokerId || v.key || index}
-                    value={v.brokerId}
-                  >
-                    {v.host.length > 16 ?
-                      <Tooltip placement="bottomLeft" title={v.host}> {v.host} </Tooltip>
-                      : v.host}
-                  </Select.Option>
-                ))}
-              </Select>)}
+                <Select
+                  onChange={(value: number) => this.onMetaChange(value)}
+                  {...searchProps}
+                >
+                  {this.metadata.map((v, index) => (
+                    <Select.Option
+                      key={v.brokerId || v.key || index}
+                      value={v.brokerId}
+                    >
+                      {v.host.length > 16 ?
+                        <Tooltip placement="bottomLeft" title={v.host}> {v.host} </Tooltip>
+                        : v.host}
+                    </Select.Option>
+                  ))}
+                </Select>)}
             </Form.Item>
             <Form.Item label="" >
               {getFieldDecorator('submit')(
@@ -162,8 +173,9 @@ class LeaderRebalanceModal extends React.Component<IXFormProps> {
                   htmlType="submit"
                   type="primary"
                   className="implement-button"
+                  disabled={this.state.isExecutionBtn}
                 >
-                  执行
+                  {this.state.isExecutionBtn ? (<span>执行中<Spin indicator={this.antIcon} size="small" /></span>) : '执行'}
                 </Button>,
               )}
             </Form.Item>
diff --git a/kafka-manager-console/src/container/modal/admin/migration.ts b/kafka-manager-console/src/container/modal/admin/migration.ts
index da89b003..78e24eca 100644
--- a/kafka-manager-console/src/container/modal/admin/migration.ts
+++ b/kafka-manager-console/src/container/modal/admin/migration.ts
@@ -19,42 +19,42 @@ export const startMigrationTask = (item: IReassignTasks, action: string) => {
 };
 
 export const modifyMigrationTask = (item: IReassignTasks, action: string) => {
-    const status: number = item.status;
-    const xFormModal = {
-      formMap: [
-        {
-          key: 'beginTime',
-          label: '计划开始时间',
-          type: 'date_picker',
-          rules: [{
-            required: status === 0,
-            message: '请输入计划开始时间',
-          }],
-          attrs: {
-            placeholder: '请输入计划开始时间',
-            format: timeFormat,
-            showTime: true,
-            disabled: status !== 0,
-          },
+  const status: number = item.status;
+  const xFormModal = {
+    formMap: [
+      {
+        key: 'beginTime',
+        label: '计划开始时间',
+        type: 'date_picker',
+        rules: [{
+          required: status === 0,
+          message: '请输入计划开始时间',
+        }],
+        attrs: {
+          placeholder: '请输入计划开始时间',
+          format: timeFormat,
+          showTime: true,
+          disabled: status !== 0,
         },
-      ],
-      formData: {
-        beginTime: moment(item.beginTime),
       },
-      visible: true,
-      title: '操作迁移任务',
-      onSubmit: (value: IExecute) => {
-        const params = {
-          action,
-          beginTime: +moment(value.beginTime).format('x'),
-          taskId: item.taskId,
-        } as IExecute;
-        expert.getExecuteTask(params).then(data => {
-          notification.success({ message: '操作成功' });
-        });
-      },
-    };
-    wrapper.open(xFormModal);
+    ],
+    formData: {
+      beginTime: moment(item.beginTime),
+    },
+    visible: true,
+    title: '操作迁移任务',
+    onSubmit: (value: IExecute) => {
+      const params = {
+        action,
+        beginTime: +moment(value.beginTime).format('x'),
+        taskId: item.taskId,
+      } as IExecute;
+      expert.getExecuteTask(params).then(data => {
+        notification.success({ message: '操作成功' });
+      });
+    },
+  };
+  wrapper.open(xFormModal);
 };
 
 export const modifyTransferTask = (item: IReassign, action: string, taskId: number) => {
@@ -287,6 +287,7 @@ export const addMigrationTask = () => {
     formData: {},
     visible: true,
     title: '新建集群任务',
+    isWaitting: true,
     onSubmit: (value: INewBulidEnums) => {
       value.kafkaPackageName = value.kafkafileNameMd5.split(',')[0];
       value.kafkaPackageMd5 = value.kafkafileNameMd5.split(',')[1];
@@ -294,10 +295,21 @@ export const addMigrationTask = () => {
       value.serverPropertiesMd5 = value.serverfileNameMd5.split(',')[1];
       delete value.kafkafileNameMd5;
       delete value.serverfileNameMd5;
-      admin.addMigrationTask(value).then(data => {
+      return admin.addMigrationTask(value).then(data => {
         notification.success({ message: '新建集群任务成功' });
       });
     },
+    onSubmitFaild: (err: any, ref: any, formData: any, formMap: any) => {
+      if (err.message === '主机列表错误，请检查主机列表') {
+        const hostList = ref.getFieldValue('hostList');
+        ref.setFields({
+          hostList: {
+            value: hostList,
+            errors: [new Error('主机列表错误，请检查主机列表')],
+          }
+        })
+      }
+    }
   };
   wrapper.open(xFormModal);
 };
diff --git a/kafka-manager-console/src/container/modal/admin/task.ts b/kafka-manager-console/src/container/modal/admin/task.ts
index da0c45b3..8b9e5086 100644
--- a/kafka-manager-console/src/container/modal/admin/task.ts
+++ b/kafka-manager-console/src/container/modal/admin/task.ts
@@ -12,12 +12,12 @@ const updateFormModal = (topicName?: string) => {
   const formMap = wrapper.xFormWrapper.formMap;
   const formData = wrapper.xFormWrapper.formData;
   if (topicName) {
-    formMap[5].options = expert.partitionIdMap[topicName]; // 3
+    formMap[2].options = expert.partitionIdMap[topicName]; // 3
     formData.originalRetentionTime = transMSecondToHour(admin.topicsBasic.retentionTime);
   } else {
     formMap[1].options = expert.taskTopicMetadata;
-    formMap[3].options = admin.brokersMetadata; // 2
-    formMap[4].options = admin.brokersRegions;
+    formMap[4].options = admin.brokersMetadata; // 2
+    formMap[5].options = admin.brokersRegions;
   }
   // tslint:disable-next-line:no-unused-expression
   wrapper.ref && wrapper.ref.updateFormMap$(formMap, wrapper.xFormWrapper.formData, !!topicName, ['partitionIdList']);
@@ -25,11 +25,11 @@ const updateFormModal = (topicName?: string) => {
 
 const updateInputModal = (status?: string) => {
   const formMap = wrapper.xFormWrapper.formMap;
-  formMap[3].invisible = status === 'region';
-  formMap[4].invisible = status !== 'region';
+  formMap[4].invisible = status === 'region';
+  formMap[5].invisible = status !== 'region';
 
-  formMap[3].rules = [{required: status !== 'region'}];
-  formMap[4].rules = [{required: status === 'region'}];
+  formMap[4].rules = [{required: status !== 'region'}];
+  formMap[5].rules = [{required: status === 'region'}];
   // tslint:disable-next-line:no-unused-expression
   wrapper.ref && wrapper.ref.updateFormMap$(formMap, wrapper.xFormWrapper.formData);
 };
@@ -81,6 +81,19 @@ export const createMigrationTasks = () => {
           },
         },
       },
+      {
+        key: 'partitionIdList',
+        label: '分区ID',
+        type: 'select',
+        defaultValue: [] as any,
+        rules: [{
+          required: false,
+        }],
+        attrs: {
+          mode: 'tags',
+          placeholder: '请选择PartitionIdList',
+        },
+      },
       {
         key: 'species',
         label: '类型',
@@ -110,10 +123,10 @@ export const createMigrationTasks = () => {
         defaultValue: [] as any,
         invisible: false,
         options: admin.brokersMetadata,
-        rules: [{ required: true, message: '请选择Broker' }],
+        rules: [{ required: true, message: '请选择目标Broker,Broker数量需大于等于副本数量' }],
         attrs: {
           mode: 'multiple',
-          placeholder: '请选择Broker',
+          placeholder: '请选择目标Broker,Broker数量需大于等于副本数量',
         },
       },
       {
@@ -123,24 +136,12 @@ export const createMigrationTasks = () => {
         defaultValue: [] as any,
         invisible: true,
         options: admin.brokersRegions,
-        rules: [{ required: false, message: '请选择Region' }],
+        rules: [{ required: false, message: '请选择目标Region' }],
         attrs: {
-          placeholder: '请选择Region',
-        },
-      },
-      {
-        key: 'partitionIdList',
-        label: '分区ID',
-        type: 'select',
-        defaultValue: [] as any,
-        rules: [{
-          required: false,
-        }],
-        attrs: {
-          mode: 'tags',
-          placeholder: '请选择PartitionIdList',
+          placeholder: '请选择目标Region',
         },
       },
+      
       {
         key: 'beginTime',
         label: '计划开始时间',
diff --git a/kafka-manager-console/src/container/modal/admin/user.ts b/kafka-manager-console/src/container/modal/admin/user.ts
index dcfc69ae..9f35e4cf 100644
--- a/kafka-manager-console/src/container/modal/admin/user.ts
+++ b/kafka-manager-console/src/container/modal/admin/user.ts
@@ -12,6 +12,9 @@ export const showApplyModal = (record?: IUser) => {
         key: 'username',
         label: '用户名',
         rules: [{ required: true, message: '请输入用户名' }],
+        attrs: {
+          disabled: record ? true : false
+        }
       }, {
         key: 'role',
         label: '角色',
diff --git a/kafka-manager-console/src/container/modal/admin/version.ts b/kafka-manager-console/src/container/modal/admin/version.ts
index 07e592af..ea642a8f 100644
--- a/kafka-manager-console/src/container/modal/admin/version.ts
+++ b/kafka-manager-console/src/container/modal/admin/version.ts
@@ -1,10 +1,15 @@
+import * as React from 'react';
 import { notification } from 'component/antd';
 import { IUploadFile, IConfigure } from 'types/base-type';
 import { version } from 'store/version';
 import { admin } from 'store/admin';
 import { wrapper } from 'store';
 import { computeChecksumMd5 } from 'lib/utils';
+import format2json from 'format-to-json';
 
+interface ISearchAndFilterState {
+  [filter: string]: boolean | string | number | any[];
+}
 const handleSelectChange = (e: number) => {
   version.setAcceptFileType(e);
   updateFormModal(e);
@@ -150,7 +155,11 @@ export const showModifyModal = (record: IUploadFile) => {
   wrapper.open(xFormModal);
 };
 
-export const showConfigureModal = (record?: IConfigure) => {
+export const showConfigureModal = async (record?: IConfigure) => {
+  if (record) {
+    const result:any = await format2json(record.configValue);
+    record.configValue = result.result;
+  }
   const xFormModal = {
     formMap: [
       {
@@ -163,8 +172,11 @@ export const showConfigureModal = (record?: IConfigure) => {
       }, {
         key: 'configValue',
         label: '配置值',
-        type: 'text_area',
-        rules: [{ required: true, message: '请输入配置值' }],
+        type: 'monaco_editor',
+        rules: [{
+          required: true,
+          message: '请输入配置值',
+        }],
       }, {
         key: 'configDescription',
         label: '备注',
diff --git a/kafka-manager-console/src/container/modal/app.tsx b/kafka-manager-console/src/container/modal/app.tsx
index 64556c0d..26becc73 100644
--- a/kafka-manager-console/src/container/modal/app.tsx
+++ b/kafka-manager-console/src/container/modal/app.tsx
@@ -28,8 +28,8 @@ export const showEditModal = (record?: IAppItem, from?: string, isDisabled?: boo
         defaultValue: record && record.name || '',
         rules: [{
           required: isDisabled ? false : true,
-          message: '请输入不得超过64个字符',
-          pattern: /^.{1,64}$/,
+          message: '应用名称只支持中文、字母、数字、下划线、短划线，长度限制在3-64字符',
+          pattern: /[\u4e00-\u9fa5_a-zA-Z0-9_-]{3,64}/,
         }],
         attrs: { disabled: isDisabled },
       }, {
@@ -45,11 +45,11 @@ export const showEditModal = (record?: IAppItem, from?: string, isDisabled?: boo
         attrs: {
           disabled: true,
           suffix: (
-          <Icon
-            onClick={() => copyString(record.password)}
-            type="copy"
-            className="icon-color"
-          />),
+            <Icon
+              onClick={() => copyString(record.password)}
+              type="copy"
+              className="icon-color"
+            />),
         },
       }, {
         key: 'idc',
@@ -64,7 +64,7 @@ export const showEditModal = (record?: IAppItem, from?: string, isDisabled?: boo
         key: 'principalList',
         label: '负责人',
         type: 'custom',
-        customFormItem: <StaffSelect isDisabled={isDisabled}/>,
+        customFormItem: <StaffSelect isDisabled={isDisabled} />,
         rules: [{
           required: isDisabled ? false : true,
           message: '请选择负责人（至少两人）',
@@ -74,18 +74,20 @@ export const showEditModal = (record?: IAppItem, from?: string, isDisabled?: boo
             }
             return true;
           },
-       }],
+        }],
       }, {
         key: 'description',
         label: '应用描述',
         type: 'text_area',
-        rules: [{ required: isDisabled ? false : true, message: '请输入描述'}],
+        rules: [{ required: isDisabled ? false : true, message: '请输入描述' }],
         attrs: { disabled: isDisabled },
       },
     ],
     formData: record,
     visible: true,
-    title: `${isDisabled ? '详情' : record ? '编辑' : '应用申请'}`,
+    title: isDisabled ? '详情' : record ? '编辑' : <div><span>应用申请</span><a className='applicationDocument' href="###" target='_blank'>应用申请文档</a></div>,
+    // customRenderElement: isDisabled ? '' : record ? '' : <span className="tips">集群资源充足时，预计1分钟自动审批通过</span>,
+    isWaitting: true,
     onSubmit: (value: IAppItem) => {
       if (isDisabled) {
         return;
@@ -98,7 +100,18 @@ export const showEditModal = (record?: IAppItem, from?: string, isDisabled?: boo
         }
       });
     },
-};
+    onSubmitFaild: (err: any, ref: any, formData: any, formMap: any) => {
+      if (err.message == '资源已经存在') {
+        const topic = ref.getFieldValue('name');
+        ref.setFields({
+          name: {
+            value: topic,
+            errors: [new Error('该应用名称已存在')],
+          }
+        })
+      }
+    }
+  };
   wrapper.open(xFormModal);
 };
 
@@ -116,7 +129,7 @@ const operateApp = (isEdit: boolean, value: IAppItem, record?: IAppItem, from?:
   params.extensions = JSON.stringify({ principals, idc: value.idc, name: value.name });
   let modifyParams = {};
   if (isEdit) {
-     modifyParams = {
+    modifyParams = {
       appId: record.appId,
       description: value.description,
       name: value.name,
diff --git a/kafka-manager-console/src/container/modal/cancel-topic-permission.tsx b/kafka-manager-console/src/container/modal/cancel-topic-permission.tsx
index ef736365..ec93a6a6 100644
--- a/kafka-manager-console/src/container/modal/cancel-topic-permission.tsx
+++ b/kafka-manager-console/src/container/modal/cancel-topic-permission.tsx
@@ -116,11 +116,11 @@ export class CancelTopicPermission extends React.Component {
         type: 'check_box',
         defaultValue: accessStatus,
         options: [{
-          label: '消费权限',
+          label: '取消消费权限',
           value: '1',
           disabled: send,
         }, {
-          label: '发送权限',
+          label: '取消发送权限',
           value: '2',
           disabled: consume,
         }],
diff --git a/kafka-manager-console/src/container/modal/connect-topic-list.tsx b/kafka-manager-console/src/container/modal/connect-topic-list.tsx
index e7fdcc5e..287bd3ee 100644
--- a/kafka-manager-console/src/container/modal/connect-topic-list.tsx
+++ b/kafka-manager-console/src/container/modal/connect-topic-list.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Table, Modal, Tooltip, Icon, message, notification } from 'component/antd';
+import { Table, Modal, Tooltip, Icon, message, notification, Alert } from 'component/antd';
 import { getApplyOnlineColumns } from 'container/topic/config';
 import { observer } from 'mobx-react';
 import { modal } from 'store/modal';
@@ -59,7 +59,7 @@ export class ConnectTopicList extends React.Component {
           maskClosable={false}
           onCancel={this.handleCancel}
           onOk={this.handleSubmit}
-          okText="下线"
+          okText="确认"
           cancelText="取消"
           okButtonProps={{ disabled: topic.connectLoading || !!topic.connectionInfo.length }}
           width={700}
@@ -74,6 +74,7 @@ export class ConnectTopicList extends React.Component {
           pagination={false}
           bordered={true}
         />
+        <Alert message="如若有连接信息，则表示资源正处于使用中，禁止下线操作。如需下线，烦请关闭连接信息中的Kafka发送/消费客户端后再进行下线。" type="error" showIcon />
         </Modal>
       </>
     );
diff --git a/kafka-manager-console/src/container/modal/offline-app-modal.tsx b/kafka-manager-console/src/container/modal/offline-app-modal.tsx
index eeb90cb2..0d680521 100644
--- a/kafka-manager-console/src/container/modal/offline-app-modal.tsx
+++ b/kafka-manager-console/src/container/modal/offline-app-modal.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Table, Modal, Tooltip, Icon, message, notification } from 'component/antd';
+import { Table, Modal, Tooltip, Icon, message, notification, Alert } from 'component/antd';
 import { app } from 'store/app';
 import { getApplyOnlineColumns } from 'container/topic/config';
 import { observer } from 'mobx-react';
@@ -55,7 +55,7 @@ export class ConnectAppList extends React.Component {
           maskClosable={false}
           onCancel={this.handleCancel}
           onOk={this.handleSubmit}
-          okText="下线"
+          okText="确认"
           cancelText="取消"
           okButtonProps={{ disabled: app.connectLoading || !!app.appsConnections.length }}
           width={700}
@@ -70,6 +70,7 @@ export class ConnectAppList extends React.Component {
             pagination={false}
             bordered={true}
           />
+          <Alert message="如若有连接信息，则表示资源正处于使用中，禁止下线操作。如需下线，烦请关闭连接信息中的Kafka发送/消费客户端后再进行下线。" type="error" showIcon />
         </Modal>
       </>
     );
diff --git a/kafka-manager-console/src/container/modal/offline-cluster-modal.tsx b/kafka-manager-console/src/container/modal/offline-cluster-modal.tsx
index 6dbe6e33..2114f6e7 100644
--- a/kafka-manager-console/src/container/modal/offline-cluster-modal.tsx
+++ b/kafka-manager-console/src/container/modal/offline-cluster-modal.tsx
@@ -74,7 +74,7 @@ export class OfflineClusterModal extends React.Component {
           maskClosable={false}
           onCancel={this.handleCancel}
           onOk={this.handleSubmit}
-          okText="下线"
+          okText="确认"
           cancelText="取消"
           okButtonProps={{ disabled: cluster.filterLoading || !!cluster.clusterMetaTopics.length }}
           width={700}
diff --git a/kafka-manager-console/src/container/modal/order.tsx b/kafka-manager-console/src/container/modal/order.tsx
index 3b0ae0ab..2930e3df 100644
--- a/kafka-manager-console/src/container/modal/order.tsx
+++ b/kafka-manager-console/src/container/modal/order.tsx
@@ -57,25 +57,26 @@ export const showApprovalModal = (info: IOrderInfo, status: number, from?: strin
     }],
   }, {
     key: 'retentionTime',
-    label: '保存时间',
-    defaultValue: '48',
-    type: 'select',
-    options: [{
-      label: '12小时',
-      value: '12',
-    }, {
-      label: '24小时',
-      value: '24',
-    }, {
-      label: '48小时',
-      value: '48',
-    }, {
-      label: '72小时',
-      value: '72',
-    }],
+    label: '保存时间（/小时）',
+    defaultValue: '12',
+    type: 'input_number',
+    // options: [{
+    //   label: '12小时',
+    //   value: '12',
+    // }, {
+    //   label: '24小时',
+    //   value: '24',
+    // }, {
+    //   label: '48小时',
+    //   value: '48',
+    // }, {
+    //   label: '72小时',
+    //   value: '72',
+    // }],
     rules: [{
       required: true,
-      message: '请选择',
+      message: '请输入大于12小于999的整数',
+      pattern: /^([1-9]{1}[0-9]{2})$|^([2-9]{1}[0-9]{1})$|^(1[2-9]{1})$/,
     }],
   }, {
     key: 'species',
@@ -242,11 +243,15 @@ export const showApprovalModal = (info: IOrderInfo, status: number, from?: strin
   if ((type === 2 || type === 12) && status === 1) { // 通过配额  12分区
     xFormWrapper.formMap.splice(1, 0, ...quotaFormMap);
   }
-
   wrapper.open(xFormWrapper);
 };
 
-export const renderOrderOpModal = (selectedRowKeys: IBaseOrder[], status: number) => {
+export const renderOrderOpModal = (selectedRowKeys: IBaseOrder[], status: number, rowsCallBack?: any) => {
+  if (modal.actionAfterClose === 'close') {
+    // tslint:disable-next-line: no-unused-expression
+    rowsCallBack && rowsCallBack.onChange([], []);
+    order.setSelectedRows([]);
+  }
   const orderIdList = selectedRowKeys.map((ele: IBaseOrder) => {
     return ele.id;
   });
@@ -283,6 +288,7 @@ export const renderOrderOpModal = (selectedRowKeys: IBaseOrder[], status: number
       order.batchApprovalOrders(params).then(data => {
         modal.setAction('close');
         modal.showOrderOpResult();
+        order.setSelectedRows();
       });
     },
   };
@@ -293,6 +299,7 @@ export const RenderOrderOpResult = () => {
   const handleOk = () => {
     order.getApplyOrderList(0);
     order.getApprovalList(0);
+    order.setSelectedRows();
     modal.close();
   };
 
@@ -309,7 +316,7 @@ export const RenderOrderOpResult = () => {
       render: (t: number) => {
         return (
           <span className={t === 0 ? 'success' : 'fail'}>
-              {t === 0 ? '成功' : '失败'}
+            {t === 0 ? '成功' : '失败'}
           </span>
         );
       },
@@ -327,7 +334,7 @@ export const RenderOrderOpResult = () => {
       render: (text: string) => {
         return (
           <Tooltip placement="bottomLeft" title={text} >
-              {text}
+            {text}
           </Tooltip>);
       },
     },
diff --git a/kafka-manager-console/src/container/modal/render-order-op-result.tsx b/kafka-manager-console/src/container/modal/render-order-op-result.tsx
index f9091b39..35951c23 100644
--- a/kafka-manager-console/src/container/modal/render-order-op-result.tsx
+++ b/kafka-manager-console/src/container/modal/render-order-op-result.tsx
@@ -59,7 +59,7 @@ export class RenderOrderOpResult extends React.Component {
           maskClosable={false}
           onCancel={this.handleCancel}
           onOk={this.handleSubmit}
-          okText="下线"
+          okText="确认"
           cancelText="取消"
           okButtonProps={{ disabled: topic.connectLoading || !!topic.connectionInfo.length }}
           width={700}
diff --git a/kafka-manager-console/src/container/modal/topic.tsx b/kafka-manager-console/src/container/modal/topic.tsx
index 3e8be75b..e4c47f14 100644
--- a/kafka-manager-console/src/container/modal/topic.tsx
+++ b/kafka-manager-console/src/container/modal/topic.tsx
@@ -22,7 +22,7 @@ export const applyTopic = () => {
     formMap: [
       {
         key: 'clusterId',
-        label: '所属集群：',
+        label: '所属逻辑集群：',
         type: 'select',
         options: cluster.clusterData,
         rules: [{ required: true, message: '请选择' }],
@@ -36,8 +36,8 @@ export const applyTopic = () => {
           addonBefore: region.currentRegion === 'us' || region.currentRegion === 'ru' ? `${region.currentRegion}01_` : '',
         },
         rules: [
-          { required: true },
           {
+            required: true,
             pattern: /^[-\w]{3,128}$/,
             message: '只能包含字母、数字、下划线（_）和短划线(-),长度限制在3-128字符之间',
           },
@@ -90,6 +90,8 @@ export const applyTopic = () => {
     visible: true,
     title: '申请Topic',
     okText: '确认',
+    // customRenderElement: <span className="tips">集群资源充足时，预计1分钟自动审批通过</span>,
+    isWaitting: true,
     onSubmit: (value: any) => {
       value.topicName = region.currentRegion === 'us' || region.currentRegion === 'ru' ?
         `${region.currentRegion}01_` + value.topicName : value.topicName;
@@ -102,11 +104,21 @@ export const applyTopic = () => {
         description: value.description,
         extensions: JSON.stringify(params),
       };
-      topic.applyTopic(quotaParams).then(data => {
-        notification.success({ message: '申请Topic成功' });
+      return topic.applyTopic(quotaParams).then(data => {
         window.location.href = `${urlPrefix}/user/order-detail/?orderId=${data.id}&region=${region.currentRegion}`;
-      });
+      })
     },
+    onSubmitFaild: (err: any, ref: any, formData: any, formMap: any) => {
+      if (err.message === 'topic already existed') {
+        const topic = ref.getFieldValue('topicName');
+        ref.setFields({
+          topicName: {
+            value: topic,
+            errors: [new Error('该topic名称已存在')],
+          }
+        })
+      }
+    }
   };
   wrapper.open(xFormModal);
 };
@@ -170,7 +182,7 @@ export const showApplyQuatoModal = (item: ITopic | IAppsIdInfo, record: IQuotaQu
     formMap: [
       {
         key: 'clusterName',
-        label: '集群名称',
+        label: '逻辑集群名称',
         rules: [{ required: true, message: '' }],
         attrs: { disabled: true },
         invisible: !item.hasOwnProperty('clusterName'),
@@ -187,7 +199,7 @@ export const showApplyQuatoModal = (item: ITopic | IAppsIdInfo, record: IQuotaQu
         attrs: { disabled: true },
       }, {
         key: 'produceQuota',
-        label: '发送数据速率',
+        label: '申请发送数据速率',
         attrs: {
           disabled: isProduce,
           placeholder: '请输入',
@@ -199,7 +211,7 @@ export const showApplyQuatoModal = (item: ITopic | IAppsIdInfo, record: IQuotaQu
         }],
       }, {
         key: 'consumeQuota',
-        label: '消费数据速率',
+        label: '申请消费数据速率',
         attrs: {
           disabled: isConsume,
           placeholder: '请输入',
@@ -282,10 +294,10 @@ export const showTopicApplyQuatoModal = (item: ITopic) => {
     formMap: [
       {
         key: 'clusterName',
-        label: '集群名称',
+        label: '逻辑集群名称',
         rules: [{ required: true, message: '' }],
         attrs: { disabled: true },
-        invisible: !item.hasOwnProperty('clusterName'),
+        // invisible: !item.hasOwnProperty('clusterName'),
       }, {
         key: 'topicName',
         label: 'Topic名称',
@@ -318,7 +330,7 @@ export const showTopicApplyQuatoModal = (item: ITopic) => {
         },
       }, {  // 0 无权限 1可读 2可写 3 可读写 4可读写可管理
         key: 'produceQuota',
-        label: '发送数据速率',
+        label: '申请发送数据速率',
         attrs: {
           disabled: false,
           placeholder: '请输入',
@@ -330,7 +342,7 @@ export const showTopicApplyQuatoModal = (item: ITopic) => {
         }],
       }, {
         key: 'consumeQuota',
-        label: '消费数据速率',
+        label: '申请消费数据速率',
         attrs: {
           disabled: false,
           placeholder: '请输入',
@@ -704,14 +716,14 @@ export const applyExpandModal = (item: ITopic) => {
         rules: [{ required: true }],
       }, {
         key: 'needIncrPartitionNum',
-        label: '分区',
+        label: '申请增加分区数量',
         type: 'input_number',
         rules: [{
           required: true,
-          message: '请输入0-100正整数',
-          pattern: /^((?!0)\d{1,2}|100)$/,
+          message: '请输入0-1000正整数',
+          pattern: /^((?!0)\d{1,3}|1000)$/,
         }],
-        attrs: { placeholder: '0-100正整数' },
+        attrs: { placeholder: '0-1000正整数' },
         renderExtraElement: () => <div className="form-tip mr--10">分区标准为3MB/s一个，请按需申请</div>,
       }, {
         key: 'description',
diff --git a/kafka-manager-console/src/container/network-flow.tsx b/kafka-manager-console/src/container/network-flow.tsx
index 88ed5516..8d4aecf7 100644
--- a/kafka-manager-console/src/container/network-flow.tsx
+++ b/kafka-manager-console/src/container/network-flow.tsx
@@ -55,7 +55,7 @@ export class NetWorkFlow extends React.Component<any> {
       <div className="chart-box-0">
         <div className="chart-title">
           <span className="action-button">历史流量</span>
-          <a href={indexUrl} target="_blank">指标说明</a>
+          <a href={indexUrl.indexUrl} target="_blank">指标说明</a>
         </div>
         <Divider />
         <ChartWithDatePicker
@@ -70,18 +70,18 @@ export class NetWorkFlow extends React.Component<any> {
 
 export const renderTrafficTable = (updateRealStatus: any, Element: React.ComponentClass) => {
   return (
-      <div className="traffic-table">
-        <div className="traffic-header">
-          <span>
-            <span className="action-button">实时流量</span>
-            <a href={indexUrl} target="_blank">指标说明</a>
-          </span>
-          <span className="k-abs" onClick={updateRealStatus}>
-            <i className="k-icon-shuaxin didi-theme mr-5" />
-            <a>刷新</a>
-          </span>
-        </div>
-        <Element />
+    <div className="traffic-table">
+      <div className="traffic-header">
+        <span>
+          <span className="action-button">实时流量</span>
+          <a href={indexUrl.indexUrl} target="_blank">指标说明</a>
+        </span>
+        <span className="k-abs" onClick={updateRealStatus}>
+          <i className="k-icon-shuaxin didi-theme mr-5" />
+          <a>刷新</a>
+        </span>
       </div>
+      <Element />
+    </div>
   );
 };
diff --git a/kafka-manager-console/src/container/search-filter.tsx b/kafka-manager-console/src/container/search-filter.tsx
index 27393af5..12603d40 100644
--- a/kafka-manager-console/src/container/search-filter.tsx
+++ b/kafka-manager-console/src/container/search-filter.tsx
@@ -18,7 +18,7 @@ interface IFilterParams {
 }
 
 interface ISearchAndFilterState {
-  [filter: string]: boolean | string | number;
+  [filter: string]: boolean | string | number | any[];
 }
 
 export class SearchAndFilterContainer extends React.Component<any, ISearchAndFilterState> {
@@ -88,14 +88,14 @@ export class SearchAndFilterContainer extends React.Component<any, ISearchAndFil
           {...searchProps}
         >
           {cluster.selectAllData.map((d, index) =>
-          <Select.Option
-            value={d.value}
-            key={index}
-          >
-            {d.label.length > 16 ?
-              <Tooltip placement="bottomLeft" title={d.label}>{d.label}</Tooltip>
-              : d.label}
-          </Select.Option>)}
+            <Select.Option
+              value={d.value}
+              key={index}
+            >
+              {d.label.length > 16 ?
+                <Tooltip placement="bottomLeft" title={d.label}>{d.label}</Tooltip>
+                : d.label}
+            </Select.Option>)}
         </Select>
       </li>
     );
@@ -113,14 +113,14 @@ export class SearchAndFilterContainer extends React.Component<any, ISearchAndFil
           {...searchProps}
         >
           {expert.metaData.map((d, index) =>
-          <Select.Option
-            value={d.clusterId}
-            key={index}
-          >
-            {d.clusterName.length > 16 ?
-              <Tooltip placement="bottomLeft" title={d.clusterName}>{d.clusterName}</Tooltip>
-              : d.clusterName}
-          </Select.Option>)}
+            <Select.Option
+              value={d.clusterId}
+              key={index}
+            >
+              {d.clusterName.length > 16 ?
+                <Tooltip placement="bottomLeft" title={d.clusterName}>{d.clusterName}</Tooltip>
+                : d.clusterName}
+            </Select.Option>)}
         </Select>
       </li>
     );
diff --git a/kafka-manager-console/src/container/topic/config.tsx b/kafka-manager-console/src/container/topic/config.tsx
index c5a5d262..a845cec1 100644
--- a/kafka-manager-console/src/container/topic/config.tsx
+++ b/kafka-manager-console/src/container/topic/config.tsx
@@ -28,7 +28,7 @@ export const renderMyTopicOperation = (record: ITopic) => {
           item.clickFunc ? <a type="javascript;" key={index} onClick={() => item.clickFunc(record)}>{item.label}</a> :
             <span key={index} className="mr-10">{item.label}</span>
         ))}
-        {getTopicBtn(record).length > 2 && <MoreBtns btns={leftBtns} data={record}/>}
+        {getTopicBtn(record).length > 2 && <MoreBtns btns={leftBtns} data={record} />}
       </span>
     </>);
 };
@@ -72,7 +72,7 @@ const getTopicBtn = (record: ITopic) => {
 export const renderAllTopicOperation = (item: ITopic) => {
   return (
     <>
-    {item.needAuth && <a className="mr-10" onClick={() => showAllPermissionModal(item)}>申请权限</a>}
+      {item.needAuth && <a className="mr-10" onClick={() => showAllPermissionModal(item)}>申请权限</a>}
     </>
   );
 };
@@ -85,6 +85,7 @@ export const applyQuotaQuery = (item: ITopic) => {
 };
 
 export const applyTopicQuotaQuery = async (item: ITopic) => {
+  console.log(item)
   await app.getTopicAppQuota(item.clusterId, item.topicName);
   await showTopicApplyQuatoModal(item);
 };
@@ -141,10 +142,8 @@ export const getAllTopicColumns = (urlPrefix: string) => {
           <Tooltip placement="bottomLeft" title={record.topicName} >
             <a
               // tslint:disable-next-line:max-line-length
-              href={`${urlPrefix}/topic/topic-detail?clusterId=${record.clusterId}&topic=${record.topicName}&region=${region.currentRegion}`}
-            >
-              {text}
-            </a>
+              href={`${urlPrefix}/topic/topic-detail?clusterId=${record.clusterId}&topic=${record.topicName}&region=${region.currentRegion}&needAuth=${record.needAuth}&clusterName=${record.clusterName}`}
+            >{text}</a>
           </Tooltip>);
       },
     }, {
@@ -276,7 +275,7 @@ export const getMyTopicColumns = (urlPrefix: string) => {
       render: (text: string, record: ITopic) => (
         <>
           <Tooltip placement="bottomLeft" title={record.appId} >
-              {text}
+            {text}
           </Tooltip>
         </>
       ),
diff --git a/kafka-manager-console/src/container/topic/peak-flow.tsx b/kafka-manager-console/src/container/topic/peak-flow.tsx
index 0fda2b5a..933a01cc 100644
--- a/kafka-manager-console/src/container/topic/peak-flow.tsx
+++ b/kafka-manager-console/src/container/topic/peak-flow.tsx
@@ -1,6 +1,7 @@
 import { Input } from 'component/antd';
 import { region } from 'store';
 import * as React from 'react';
+import { indexUrl } from 'constants/strategy';
 
 interface IPeakFlowProps {
   value?: any;
@@ -23,7 +24,7 @@ export class PeakFlowInput extends React.Component<IPeakFlowProps> {
           预估费用：{region.currentRegion === 'cn' ? value * 40 : value * 45}元/月，
           <a
             // tslint:disable-next-line:max-line-length
-            href="https://github.com/didi/kafka-manager"
+            href={indexUrl.indexUrl}
             target="_blank"
           >kafka计价方式
           </a>
diff --git a/kafka-manager-console/src/container/topic/topic-all.tsx b/kafka-manager-console/src/container/topic/topic-all.tsx
index ffe6d26f..19bdc709 100644
--- a/kafka-manager-console/src/container/topic/topic-all.tsx
+++ b/kafka-manager-console/src/container/topic/topic-all.tsx
@@ -15,7 +15,7 @@ import 'styles/table-filter.less';
 @observer
 export class AllTopic extends SearchAndFilterContainer {
   public state = {
-    searchKey: '',
+    searchKey: ''
   };
 
   public componentDidMount() {
diff --git a/kafka-manager-console/src/container/topic/topic-detail/appid-information.tsx b/kafka-manager-console/src/container/topic/topic-detail/appid-information.tsx
index 0c06199e..a24d9e9a 100644
--- a/kafka-manager-console/src/container/topic/topic-detail/appid-information.tsx
+++ b/kafka-manager-console/src/container/topic/topic-detail/appid-information.tsx
@@ -3,13 +3,16 @@ import './index.less';
 import Url from 'lib/url-parser';
 import { observer } from 'mobx-react';
 import { topic, IAppsIdInfo } from 'store/topic';
+import { ITopic } from 'types/base-type';
 import { Table, Tooltip } from 'component/antd';
 import { SearchAndFilterContainer } from 'container/search-filter';
 import { IQuotaQuery } from 'types/base-type';
 import { showApplyQuatoModal } from 'container/modal';
 import { pagination, cellStyle } from 'constants/table';
 import { transBToMB } from 'lib/utils';
-
+import { topicStatusMap } from 'constants/status-map';
+import { tableFilter } from 'lib/utils';
+import { users } from 'store/users';
 @observer
 export class AppIdInformation extends SearchAndFilterContainer {
   public clusterId: number;
@@ -26,7 +29,20 @@ export class AppIdInformation extends SearchAndFilterContainer {
     this.topicName = url.search.topic;
   }
 
-  public renderColumns = () => {
+  public renderColumns = (data: any) => {
+    const statusColumn = Object.assign({
+      title: '权限',
+      dataIndex: 'access',
+      key: 'access',
+      filters: tableFilter<ITopic>(data, 'access', topicStatusMap),
+      onFilter: (text: number, record: ITopic) => record.access === text,
+      render: (val: number) => (
+        <div className={val === 0 ? '' : 'success'}>
+          {topicStatusMap[val] || ''}
+        </div>
+      ),
+    }, this.renderColumnsFilter('filterStatus')) as any;
+
     return [{
       title: '应用Id',
       key: 'appId',
@@ -53,7 +69,9 @@ export class AppIdInformation extends SearchAndFilterContainer {
             {text}
           </Tooltip>);
       },
-    }, {
+    },
+      statusColumn,
+    {
       title: '生产配额(MB/s)',
       key: 'produceQuota',
       dataIndex: 'produceQuota',
@@ -77,8 +95,13 @@ export class AppIdInformation extends SearchAndFilterContainer {
       title: '操作',
       key: 'action',
       dataIndex: 'action',
-      render: (val: string, item: IAppsIdInfo) =>
-        <a onClick={() => this.applyQuotaQuery(item)}>申请配额</a>,
+      render: (val: string, item: IAppsIdInfo) => {
+        const role = users.currentUser.role;
+        const showEditBtn = (role == 1 || role == 2) || (item && item.appPrincipals.includes(users.currentUser.username));
+        return (
+          showEditBtn ? <a onClick={() => this.applyQuotaQuery(item)}>申请配额</a> : '--'
+        )
+      }
     }];
   }
 
@@ -116,7 +139,7 @@ export class AppIdInformation extends SearchAndFilterContainer {
           <div style={searchKey ? { minHeight: 700 } : null}>
             <Table
               loading={topic.loading}
-              columns={this.renderColumns()}
+              columns={this.renderColumns(this.getData(topic.appsIdInfo))}
               table-Layout="fixed"
               dataSource={this.getData(topic.appsIdInfo)}
               rowKey="key"
diff --git a/kafka-manager-console/src/container/topic/topic-detail/base-information.tsx b/kafka-manager-console/src/container/topic/topic-detail/base-information.tsx
index 12bf4263..48a58f36 100644
--- a/kafka-manager-console/src/container/topic/topic-detail/base-information.tsx
+++ b/kafka-manager-console/src/container/topic/topic-detail/base-information.tsx
@@ -3,7 +3,7 @@ import './index.less';
 import Url from 'lib/url-parser';
 import { observer } from 'mobx-react';
 import { topic, IRealConsumeDetail, ITopicBaseInfo, IRealTimeTraffic } from 'store/topic';
-import { Table, Tooltip, Icon, PageHeader, Descriptions, Spin } from 'component/antd';
+import { Table, Tooltip, Icon, PageHeader, Descriptions, Spin, Switch } from 'component/antd';
 import { ILabelValue } from 'types/base-type';
 import { copyString, transMSecondToHour } from 'lib/utils';
 import moment from 'moment';
@@ -19,12 +19,14 @@ interface IInfoProps {
 export class BaseInformation extends React.Component<IInfoProps> {
   public clusterId: number;
   public topicName: string;
+  public percentile: string;
 
   constructor(props: any) {
     super(props);
     const url = Url();
     this.clusterId = Number(url.search.clusterId);
     this.topicName = url.search.topic;
+    this.percentile = "75thPercentile";
   }
 
   public updateRealStatus = () => {
@@ -32,7 +34,11 @@ export class BaseInformation extends React.Component<IInfoProps> {
   }
 
   public updateConsumeStatus = () => {
-    topic.getRealConsume(this.clusterId, this.topicName);
+    topic.getRealConsume(this.clusterId, this.topicName, this.percentile);
+  }
+  public onSwitch = (val: boolean) => {
+    this.percentile = val ? '99thPercentile' : "75thPercentile"
+    topic.getRealConsume(this.clusterId, this.topicName, this.percentile);
   }
 
   public fillBaseInfo() {
@@ -63,8 +69,11 @@ export class BaseInformation extends React.Component<IInfoProps> {
         label: '压缩格式',
         value: baseInfo.topicCodeC,
       }, {
-        label: '集群ID',
+        label: '所属物理集群ID',
         value: baseInfo.clusterId,
+      }, {
+        label: '所属region',
+        value: baseInfo.regionNameList && baseInfo.regionNameList.join(','),
       }];
       const infoHide: ILabelValue[] = [{
         label: 'Bootstrap Severs',
@@ -195,7 +204,11 @@ export class BaseInformation extends React.Component<IInfoProps> {
             <div className="traffic-header">
               <span>
                 <span className="action-button">实时耗时</span>
-                <a href={indexUrl} target="_blank">指标说明</a>
+                <a href={indexUrl.indexUrl} target="_blank">指标说明</a>
+              </span>
+              <span className="switch">
+                <span>默认展示75分位数据，点击开启99分位数据</span>
+                <Switch checkedChildren="开启" unCheckedChildren="关闭" onChange={this.onSwitch} />
               </span>
               <span className="k-abs" onClick={this.updateConsumeStatus}>
                 <i className="k-icon-shuaxin didi-theme mr-5" />
@@ -217,7 +230,7 @@ export class BaseInformation extends React.Component<IInfoProps> {
 
   public componentDidMount() {
     topic.getRealTimeTraffic(this.clusterId, this.topicName);
-    topic.getRealConsume(this.clusterId, this.topicName);
+    topic.getRealConsume(this.clusterId, this.topicName, this.percentile);
   }
 
   public render() {
diff --git a/kafka-manager-console/src/container/topic/topic-detail/common-detail.tsx b/kafka-manager-console/src/container/topic/topic-detail/common-detail.tsx
index f11fb7a3..6e09928e 100644
--- a/kafka-manager-console/src/container/topic/topic-detail/common-detail.tsx
+++ b/kafka-manager-console/src/container/topic/topic-detail/common-detail.tsx
@@ -29,7 +29,7 @@ export class NetWorkFlow extends React.Component<any> {
   }
 
   public handleAppChange = (value: string) => {
-    const {clusterId, topicName} = this.props;
+    const { clusterId, topicName } = this.props;
     topic.appId = value;
     this.setState({ loading: true });
     topic.getMetriceInfo(clusterId, topicName).then(data => {
@@ -42,8 +42,8 @@ export class NetWorkFlow extends React.Component<any> {
     const isTrue = this.props.selectArr === selectOptionMap;
     return (
       <>
-      <li>
-        <span className="label">统计类型</span>
+        <li>
+          <span className="label">统计类型</span>
           <Select
             defaultValue={this.props.type}
             style={{ width: 230 }}
@@ -53,29 +53,29 @@ export class NetWorkFlow extends React.Component<any> {
             {this.props.selectArr.map((item: ILabelValue) => (
               <Select.Option key={item.value} value={item.value}>
                 {item.label.length > 16 ?
-                <Tooltip placement="bottomLeft" title={item.label}>{item.label}</Tooltip>
-                : item.label}
+                  <Tooltip placement="bottomLeft" title={item.label}>{item.label}</Tooltip>
+                  : item.label}
               </Select.Option>
             ))}
           </Select>
-      </li>
-      <li className={!isTrue ? 'is-show' : ''}>
-        <span className="label">应用</span>
-        <Select
-          placeholder="请选择应用"
-          style={{ width: 180 }}
-          onChange={this.handleAppChange}
-          {...searchProps}
-        >
-          {topic.appInfo.map((item: IAppsIdInfo) => (
-            <Select.Option key={item.appId} value={item.appId}>
-              {item.appName.length > 16 ?
-                <Tooltip placement="bottomLeft" title={item.appName}> {item.appName} </Tooltip>
-                : item.appName}
-            </Select.Option>
-          ))}
-        </Select>
-      </li>
+        </li>
+        <li className={!isTrue ? 'is-show' : ''}>
+          <span className="label">应用</span>
+          <Select
+            placeholder="请选择应用"
+            style={{ width: 180 }}
+            onChange={this.handleAppChange}
+            {...searchProps}
+          >
+            {topic.appInfo.map((item: IAppsIdInfo) => (
+              <Select.Option key={item.appId} value={item.appId}>
+                {item.appName && item.appName.length > 16 ?
+                  <Tooltip placement="bottomLeft" title={item.appName}> {item.appName} </Tooltip>
+                  : item.appName || ''}
+              </Select.Option>
+            ))}
+          </Select>
+        </li>
       </>
     );
   }
diff --git a/kafka-manager-console/src/container/topic/topic-detail/connect-information.tsx b/kafka-manager-console/src/container/topic/topic-detail/connect-information.tsx
index fe5085f5..f323310c 100644
--- a/kafka-manager-console/src/container/topic/topic-detail/connect-information.tsx
+++ b/kafka-manager-console/src/container/topic/topic-detail/connect-information.tsx
@@ -92,8 +92,8 @@ export class ConnectInformation extends SearchAndFilterContainer {
   }
 
   public componentDidMount() {
-    const appId = this.props.baseInfo.appId;
-    topic.getConnectionInfo(this.clusterId, this.topicName, appId);
+    // const appId = this.props.baseInfo.appId;
+    topic.getConnectionInfo(this.clusterId, this.topicName, '');
   }
 
   public render() {
diff --git a/kafka-manager-console/src/container/topic/topic-detail/index.less b/kafka-manager-console/src/container/topic/topic-detail/index.less
index 6873da9f..5d39da28 100644
--- a/kafka-manager-console/src/container/topic/topic-detail/index.less
+++ b/kafka-manager-console/src/container/topic/topic-detail/index.less
@@ -215,3 +215,13 @@
 .is-show {
   display: none;
 }
+
+.switch {
+  position: absolute;
+  right: 70px;
+  span {
+    line-height: 20px !important;
+    font-size: 12px !important; 
+    margin-right: 10px;
+  }
+}
\ No newline at end of file
diff --git a/kafka-manager-console/src/container/topic/topic-detail/index.tsx b/kafka-manager-console/src/container/topic/topic-detail/index.tsx
index 6a91e24d..451e5382 100644
--- a/kafka-manager-console/src/container/topic/topic-detail/index.tsx
+++ b/kafka-manager-console/src/container/topic/topic-detail/index.tsx
@@ -11,6 +11,7 @@ import { PartitionInformation } from './partition-information';
 import { BrokersInformation } from './brokers-information';
 import { AppIdInformation } from './appid-information';
 import { BillInformation } from './bill-information';
+import { showAllPermissionModal } from 'container/modal';
 import { IXFormWrapper, ITopic } from 'types/base-type';
 import { getTopicCompile, getTopicSampling } from 'lib/api';
 import { copyString } from 'lib/utils';
@@ -22,17 +23,22 @@ import { users } from 'store/users';
 import { urlPrefix } from 'constants/left-menu';
 import { handlePageBack } from 'lib/utils';
 import Url from 'lib/url-parser';
+import router from 'routers/router';
 const { TabPane } = Tabs;
+import { app } from 'store/app';
 
 interface IInfoData {
   value: string;
+  history: any;
 }
 
 @observer
-export class TopicDetail extends React.Component {
+export class TopicDetail extends React.Component<any> {
   public clusterId: number;
   public topicName: string;
   public isPhysicalTrue: string;
+  public needAuth: string;
+  public clusterName: string;
 
   public state = {
     drawerVisible: false,
@@ -47,6 +53,8 @@ export class TopicDetail extends React.Component {
     super(props);
     const url = Url();
     this.clusterId = Number(url.search.clusterId);
+    this.needAuth = url.search.needAuth;
+    this.clusterName = url.search.clusterName;
     this.topicName = url.search.topic;
     const isPhysical = Url().search.hasOwnProperty('isPhysicalClusterId');
     this.isPhysicalTrue = isPhysical ? '&isPhysicalClusterId=true' : '';
@@ -110,11 +118,11 @@ export class TopicDetail extends React.Component {
     const formMap = [
       {
         key: 'maxMsgNum',
-        label: '最大采样数据条数',
+        label: '最大采样条数',
         type: 'input_number',
         rules: [{
           required: true,
-          message: '请输入最大采样数据条数',
+          message: '请输入最大采样条数',
         }],
         attrs: {
           max: 100,
@@ -122,32 +130,32 @@ export class TopicDetail extends React.Component {
       },
       {
         key: 'timeout',
-        label: '最大采样时间',
+        label: '采样超时时间(ms)',
         type: 'input_number',
         rules: [{
           required: true,
-          message: '请输入最大采样时间',
+          message: '请输入采样超时时间(ms)',
         }],
         attrs: {
-          max: 300000,
+          max: 500000,
         },
       },
       {
         key: 'partitionId',
-        label: '分区号',
+        label: '采样分区号',
         type: 'input_number',
         rules: [{
           required: false,
-          message: '请输入分区号',
+          message: '请输入采样分区号',
         }],
       },
       {
         key: 'offset',
-        label: '偏移量',
+        label: '采样offset位置',
         type: 'input_number',
         rules: [{
           required: false,
-          message: '请输入偏移量',
+          message: '请输入采样offset位置',
         }],
       },
       {
@@ -167,13 +175,13 @@ export class TopicDetail extends React.Component {
           message: '请选择是否截断',
         }],
       },
-    ] as IFormItem [];
+    ] as IFormItem[];
     const formData = {
       maxMsgNum: 1,
-      timeout: 3000,
+      timeout: 5000,
     };
     const { infoVisible } = this.state;
-    return(
+    return (
       <>
         <Drawer
           title="Topic 采样"
@@ -198,7 +206,7 @@ export class TopicDetail extends React.Component {
 
   public getAllValue = () => {
     const { infoTopicList } = this.state;
-    const text = infoTopicList.map(ele => ele.value );
+    const text = infoTopicList.map(ele => ele.value);
     return text.join('\n\n');
   }
 
@@ -274,11 +282,11 @@ export class TopicDetail extends React.Component {
     let idx = str.indexOf(findStr);
     let count = 1;
     while (idx >= 0 && count < num) {
-        idx = str.indexOf(findStr, idx + 1);
-        count++;
+      idx = str.indexOf(findStr, idx + 1);
+      count++;
     }
     if (idx < 0) {
-        return '';
+      return '';
     }
     return str.substring(0, idx);
   }
@@ -312,11 +320,13 @@ export class TopicDetail extends React.Component {
   public render() {
     const role = users.currentUser.role;
     const baseInfo = topic.baseInfo as ITopicBaseInfo;
-    const showEditBtn = topic.topicBusiness && topic.topicBusiness.principals.includes(users.currentUser.username);
+    const showEditBtn = (role == 1 || role == 2) || (topic.topicBusiness && topic.topicBusiness.principals.includes(users.currentUser.username));
     const topicRecord = {
       clusterId: this.clusterId,
       topicName: this.topicName,
+      clusterName: this.clusterName
     } as ITopic;
+    app.getAppList();
 
     return (
       <>
@@ -329,10 +339,12 @@ export class TopicDetail extends React.Component {
                 title={this.topicName || ''}
                 extra={
                   <>
-                  <Button key="1" type="primary" onClick={() => applyTopicQuotaQuery(topicRecord)} >申请配额</Button>
-                  <Button key="2" type="primary" onClick={() => applyExpandModal(topicRecord)} >申请分区</Button>
-                  <Button key="3" type="primary" onClick={this.showDrawer.bind(this)} >采样</Button>
-                  {showEditBtn && <Button key="4" onClick={() => this.compileDetails()} type="primary">编辑</Button>}
+                    {this.needAuth == "true" && <Button key="0" type="primary" onClick={() => showAllPermissionModal(topicRecord)} >申请权限</Button>}
+                    <Button key="1" type="primary" onClick={() => applyTopicQuotaQuery(topicRecord)} >申请配额</Button>
+                    <Button key="2" type="primary" onClick={() => applyExpandModal(topicRecord)} >申请分区</Button>
+                    <Button key="3" type="primary" onClick={() => this.props.history.push(`/alarm/add`)} >新建告警规则</Button>
+                    <Button key="4" type="primary" onClick={this.showDrawer.bind(this)} >采样</Button>
+                    {showEditBtn && <Button key="5" onClick={() => this.compileDetails()} type="primary">编辑</Button>}
                   </>
                 }
               />
@@ -359,9 +371,9 @@ export class TopicDetail extends React.Component {
                 </TabPane>
                 {
                   role === 0 ? null :
-                  <TabPane tab="Broker信息" key="6">
-                    <BrokersInformation />
-                  </TabPane>
+                    <TabPane tab="Broker信息" key="6">
+                      <BrokersInformation />
+                    </TabPane>
                 }
                 <TabPane tab="应用信息" key="7">
                   <AppIdInformation />
diff --git a/kafka-manager-console/src/container/topic/topic-detail/status-chart.tsx b/kafka-manager-console/src/container/topic/topic-detail/status-chart.tsx
index 0409e044..63689f2a 100644
--- a/kafka-manager-console/src/container/topic/topic-detail/status-chart.tsx
+++ b/kafka-manager-console/src/container/topic/topic-detail/status-chart.tsx
@@ -45,7 +45,7 @@ export class StatusChart extends React.Component {
         <div className="chart-box-0">
           <div className="chart-title">
             <span className="action-button">历史流量</span>
-            <a href={indexUrl} target="_blank">指标说明</a>
+            <a href={indexUrl.indexUrl} target="_blank">指标说明</a>
           </div>
           <Divider className="chart-divider" />
           <NetWorkFlow
@@ -61,7 +61,7 @@ export class StatusChart extends React.Component {
         <div className="chart-box-0">
           <div className="chart-title">
             <span className="action-button">历史耗时信息</span>
-            <a href={indexUrl} target="_blank">指标说明</a>
+            <a href={indexUrl.indexUrl} target="_blank">指标说明</a>
           </div>
           <Divider className="chart-divider" />
           <NetWorkFlow
diff --git a/kafka-manager-console/src/container/user-center/my-approval.tsx b/kafka-manager-console/src/container/user-center/my-approval.tsx
index 226903fa..a45010b8 100644
--- a/kafka-manager-console/src/container/user-center/my-approval.tsx
+++ b/kafka-manager-console/src/container/user-center/my-approval.tsx
@@ -2,12 +2,13 @@ import { observer } from 'mobx-react';
 import { order } from 'store/order';
 import { OrderList } from './order-list';
 import * as React from 'react';
-import { Table, Spin, Alert } from 'component/antd';
+import { Table, Spin, Alert, Button } from 'component/antd';
 import { modal } from 'store/modal';
 import { pagination } from 'constants/table';
 import { renderOrderOpModal } from 'container/modal/order';
 import ReactDOM from 'react-dom';
 import { IBaseOrder } from 'types/base-type';
+// import {  } from 'antd/es/radio';
 
 @observer
 export class MyApproval extends OrderList {
@@ -15,29 +16,36 @@ export class MyApproval extends OrderList {
   public static defaultProps = {
     type: 'approval',
   };
-
   public unpendinngRef: HTMLDivElement = null;
-
   public onSelectChange = {
     onChange: (selectedRowKeys: string[], selectedRows: []) => {
       const num = selectedRows.length;
-      ReactDOM.render(
-        selectedRows.length ? (
-          <>
-            <Alert
-              type="warning"
-              message={`已选择 ${num} 项 `}
-              showIcon={true}
-              closable={false}
-            />
-            <span className="k-coll-btn" >
-              <a className="btn-right" onClick={renderOrderOpModal.bind(this, selectedRows, 1)}>通过</a>
-              <a onClick={renderOrderOpModal.bind(this, selectedRows, 2)}>驳回</a>
-            </span>
-          </>) : null,
-        this.unpendinngRef,
-      );
+      order.setSelectedRows(selectedRows);
+      // console.log(selectedRows);
+      // ReactDOM.render(
+      //   selectedRows.length ? (
+      //     <>
+      //       <Alert
+      //         type="warning"
+      //         message={`已选择 ${num} 项 `}
+      //         showIcon={true}
+      //         closable={false}
+      //       />
+      //       <span className="k-coll-btn" >
+      //         <a className="btn-right" onClick={renderOrderOpModal.bind(this, selectedRows, 1)}>通过</a>
+      //         <a onClick={renderOrderOpModal.bind(this, selectedRows, 2)}>驳回</a>
+      //       </span>
+      //     </>
+      //   ) : null,
+      //   this.unpendinngRef,
+      // );
     },
+    // getCheckboxProps: (record: any) => {
+    //   return {
+    //     disabled: record.type === 0 || record.type === 12 || record.type === 1,
+    //     name: record.name,
+    //   };
+    // },
   };
 
   constructor(defaultProps: any) {
@@ -50,13 +58,33 @@ export class MyApproval extends OrderList {
   }
 
   public renderTableList(data: IBaseOrder[]) {
-    const { currentTab } = this.state;
-    if (modal.actionAfterClose === 'close') {
-      this.onSelectChange.onChange([], []);
-    }
+    const { currentTab, selectedRows } = this.state;
+    // if (modal.actionAfterClose === 'close') {
+    //   this.onSelectChange.onChange([], []);
+    // }
     return (
       <Spin spinning={order.loading}>
-        <div className="k-collect" ref={(id) => this.unpendinngRef = id} />
+        <div style={{ marginBottom: '0' }} className="k-collect" ref={(id) => this.unpendinngRef = id} />
+        {/* 我的审批 业务逻辑修改 问题：state无法定义 */}
+        <div style={{ paddingBottom: '10px' }}>
+          <Button
+            style={{ margin: '0 5px' }}
+            disabled={order.selectedRows.filter(item => item.type === 0 || item.type === 12).length > 0 || order.selectedRows.length < 1 ? true : false}
+            onClick={() => renderOrderOpModal(order.selectedRows, 1, this.onSelectChange)}
+          >
+            批量通过
+          </Button>
+          <Button
+            disabled={order.selectedRows.length > 0 ? false : true}
+            onClick={() => renderOrderOpModal(order.selectedRows, 2, this.onSelectChange)}
+          >
+            批量驳回
+          </Button>
+          <span style={{ color: '#a1a0a0', fontSize: '10px', display: 'inline-block', margin: '0 10px' }}>
+            Topic申请、分区申请无法批量通过
+          </span>
+        </div>
+        {/* 我的审批 业务逻辑修改 */}
         <Table
           rowKey="id"
           columns={this.getColumns(data)}
@@ -74,7 +102,7 @@ export class MyApproval extends OrderList {
 
   public render() {
 
-   return (
+    return (
       <div className="container">
         {this.renderTab()}
         <div className="operation-panel">
diff --git a/kafka-manager-console/src/container/user-center/order-list.tsx b/kafka-manager-console/src/container/user-center/order-list.tsx
index bfa6cd40..6c81b0ec 100644
--- a/kafka-manager-console/src/container/user-center/order-list.tsx
+++ b/kafka-manager-console/src/container/user-center/order-list.tsx
@@ -21,21 +21,20 @@ interface IProps {
 
 @observer
 export class OrderList extends SearchAndFilterContainer {
-
   public orderType: string;
-
-  public state = {
+  public state: { [propname: string]: any } = {
     searchKey: '',
     currentTab: '0',
     filterTypeVisible: false,
     filterStatusVisible: false,
+    selectedRows: [],
   };
-
   public currentItem = {} as IBaseOrder;
 
   constructor(props: IProps) {
     super(props);
     this.orderType = props.type;
+    // this.state.b;
   }
 
   public cancelOrder(record: IBaseOrder) {
@@ -73,9 +72,9 @@ export class OrderList extends SearchAndFilterContainer {
       onFilter: (value: string, record: IBaseOrder) => record.status === +value,
       render: (t: number) => (
         <>
-        <span className={t === 1 ? 'success' : (t === 2 ? 'fail' : '')}>
-        {orderStatusMap[t] || ''}
-        </span>
+          <span className={t === 1 ? 'success' : (t === 2 ? 'fail' : '')}>
+            {orderStatusMap[t] || ''}
+          </span>
         </>
       ),
     }, this.renderColumnsFilter('filterStatusVisible'));
diff --git a/kafka-manager-console/src/lib/api.ts b/kafka-manager-console/src/lib/api.ts
index 484757f8..f53f6852 100644
--- a/kafka-manager-console/src/lib/api.ts
+++ b/kafka-manager-console/src/lib/api.ts
@@ -1,4 +1,4 @@
-import fetch , { formFetch } from './fetch';
+import fetch, { formFetch } from './fetch';
 import { IUploadFile, IUser, IQuotaModelItem, ILimitsItem, ITopic, IOrderParams, ISample, IMigration, IExecute, IEepand, IUtils, ITopicMetriceParams, IRegister, IEditTopic, IExpand, IDeleteTopic, INewRegions, INewLogical, IRebalance, INewBulidEnums, ITrigger, IApprovalOrder, IMonitorSilences, IConfigure, IBatchApproval } from 'types/base-type';
 import { IRequestParams } from 'types/alarm';
 import { apiCache } from 'lib/api-cache';
@@ -94,8 +94,8 @@ export const getRealTimeTraffic = (clusterId: number, topicName: string) => {
   return fetch(`/normal/${clusterId}/topics/${topicName}/metrics`);
 };
 
-export const getRealConsume = (clusterId: number, topicName: string) => {
-  return fetch(`/normal/${clusterId}/topics/${topicName}/request-time`);
+export const getRealConsume = (clusterId: number, topicName: string, percentile: string) => {
+  return fetch(`/normal/${clusterId}/topics/${topicName}/request-time?percentile=${percentile}`);
 };
 
 export const getConnectionInfo = (clusterId: number, topicName: string, appId?: string) => {
@@ -354,12 +354,12 @@ export const approvalOrder = (params: IApprovalOrder) => {
  * @see http://127.0.0.1:8080/swagger-ui.html#!/OP4524037213333045620851255092147540REST41/getOrderAppDetailUsingGET
  */
 export const getOrderTypeList = () => {
-  return fetch('/normal/orders/type-enums') ;
+  return fetch('/normal/orders/type-enums');
 };
 
 // 我的申请
 export const getApplyOrderList = (status: number) => {
-  return fetch(`/normal/orders?status=${status === 2 ? '' : status}`) ;
+  return fetch(`/normal/orders?status=${status === 2 ? '' : status}`);
 };
 
 export const getOrderDetail = (orderId: number) => {
@@ -436,7 +436,7 @@ export const editConfigure = (params: IConfigure) => {
   });
 };
 
-export const deleteConfigure  = (configKey: string) => {
+export const deleteConfigure = (configKey: string) => {
   return fetch(`/rd/configs?config-key=${configKey}`, {
     method: 'DELETE',
   });
@@ -800,21 +800,21 @@ export const getTicketBycode = (code: string) => {
     method: 'POST',
     body: JSON.stringify({ code }),
   });
- };
+};
 
 export const userLogOut = () => {
   return fetch('/sso/logout', {
     method: 'DELETE',
   });
- };
+};
 
- /**
-  *  监控报警 alarm
-  */
+/**
+ *  监控报警 alarm
+ */
 
 export const getMonitorStrategies = () => {
   return fetch('/normal/monitor-strategies');
- };
+};
 
 export const deteleMonitorStrategies = (monitorId: number) => {
   return fetch(`/normal/monitor-strategies?monitorId=${monitorId}`, {
@@ -873,7 +873,7 @@ export const getMonitorDetail = (monitorId: number) => {
 };
 
 export const modifyMonitorStrategy = (params: IRequestParams) => {
-  return fetch('/normal/monitor-strategies',  {
+  return fetch('/normal/monitor-strategies', {
     method: 'PUT',
     body: JSON.stringify(params),
   });
diff --git a/kafka-manager-console/src/lib/bar-pie-config.ts b/kafka-manager-console/src/lib/bar-pie-config.ts
index dc37d8fa..bd79c5a9 100644
--- a/kafka-manager-console/src/lib/bar-pie-config.ts
+++ b/kafka-manager-console/src/lib/bar-pie-config.ts
@@ -76,7 +76,8 @@ export const getPieChartOption = (data: ILabelValue[], legend: string[]) => {
         },
         emphasis: {
           label: {
-            show: true,
+            // show: true,
+            show: false,
             fontSize: '16',
             fontWeight: 'bold',
           },
diff --git a/kafka-manager-console/src/routers/index.tsx b/kafka-manager-console/src/routers/index.tsx
index 7841e124..3ecea6fb 100644
--- a/kafka-manager-console/src/routers/index.tsx
+++ b/kafka-manager-console/src/routers/index.tsx
@@ -2,6 +2,7 @@ import * as ReactDOM from 'react-dom';
 import { Provider } from 'mobx-react';
 import * as React from 'react';
 import Router from './router';
+import 'styles/style.less';
 
 const renderApp = () => {
   ReactDOM.render(
diff --git a/kafka-manager-console/src/routers/page/index.less b/kafka-manager-console/src/routers/page/index.less
index 55b90786..e4559814 100644
--- a/kafka-manager-console/src/routers/page/index.less
+++ b/kafka-manager-console/src/routers/page/index.less
@@ -107,3 +107,10 @@ html, body, .router-nav {
   padding: 10px;
 }
 
+.applicationDocument {
+  display: inline-block;
+  margin-left: 10px;
+  cursor: pointer;
+  font-size: 12px;
+}
+
diff --git a/kafka-manager-console/src/store/admin.ts b/kafka-manager-console/src/store/admin.ts
index d5bec622..f3d08264 100644
--- a/kafka-manager-console/src/store/admin.ts
+++ b/kafka-manager-console/src/store/admin.ts
@@ -597,7 +597,9 @@ class Admin {
   }
 
   public getTopicsBasicInfo(clusterId: number, topicName: string) {
-    return getTopicsBasicInfo(clusterId, topicName).then(this.setTopicsBasicInfo);
+    return getTopicsBasicInfo(clusterId, topicName).then(data => {
+      return this.setTopicsBasicInfo(data);
+    });
   }
 
   public getTasksKafkaFiles(clusterId?: any) {
diff --git a/kafka-manager-console/src/store/order.ts b/kafka-manager-console/src/store/order.ts
index e06d8b68..0742d0f6 100644
--- a/kafka-manager-console/src/store/order.ts
+++ b/kafka-manager-console/src/store/order.ts
@@ -19,6 +19,9 @@ class Order {
   @observable
   public loading: boolean = false;
 
+  @observable
+  public selectedRows: any[] = [];
+
   @observable
   public orderList: IBaseOrder[] = [];
 
@@ -55,6 +58,15 @@ class Order {
     this.loading = value;
   }
 
+  @action.bound
+  public setSelectedRows(rows?: any[]) {
+    if (rows) {
+      this.selectedRows = rows;
+    } else {
+      this.selectedRows = [];
+    }
+  }
+
   @action.bound
   public setOrderList(data: IBaseOrder[]) {
     this.orderList = data;
diff --git a/kafka-manager-console/src/store/region.ts b/kafka-manager-console/src/store/region.ts
index 0b26c96e..6bb20e9d 100644
--- a/kafka-manager-console/src/store/region.ts
+++ b/kafka-manager-console/src/store/region.ts
@@ -22,8 +22,8 @@ class RegionCenter {
   @observable
   public regionIdcList: IRegionIdcs[] = [
     { name: '国内', idc: 'cn' },
-    { name: '美东', idc: 'us' },
-    { name: '俄罗斯', idc: 'ru' },
+    // { name: '美东', idc: 'us' },
+    // { name: '俄罗斯', idc: 'ru' },
   ];
 
   @action.bound
diff --git a/kafka-manager-console/src/store/topic.ts b/kafka-manager-console/src/store/topic.ts
index 1c4806c9..b47c1122 100644
--- a/kafka-manager-console/src/store/topic.ts
+++ b/kafka-manager-console/src/store/topic.ts
@@ -35,6 +35,8 @@ export interface ITopicBaseInfo {
   score: number;
   topicCodeC: string;
   physicalClusterId: number;
+  percentile: string;
+  regionNameList: any;
 }
 
 export interface IRealTimeTraffic {
@@ -488,9 +490,9 @@ class Topic {
     return getRealTimeTraffic(clusterId, topicName).then(this.setRealTimeTraffic);
   }
 
-  public getRealConsume(clusterId: number, topicName: string) {
+  public getRealConsume(clusterId: number, topicName: string, percentile: string) {
     this.setConsumeLoading(true);
-    return getRealConsume(clusterId, topicName).then(this.setRealConsume);
+    return getRealConsume(clusterId, topicName, percentile).then(this.setRealConsume);
   }
 
   public getConnectionInfo(clusterId: number, topicName: string, appId?: string) {
diff --git a/kafka-manager-console/src/store/version.ts b/kafka-manager-console/src/store/version.ts
index 5c774e87..e2a3422f 100644
--- a/kafka-manager-console/src/store/version.ts
+++ b/kafka-manager-console/src/store/version.ts
@@ -8,7 +8,7 @@ interface IEnum {
   suffix?: string;
 }
 interface IUploadFileType {
-  fileEnum: IEnum[] ;
+  fileEnum: IEnum[];
   storageEnum: IEnum[];
 }
 
@@ -44,11 +44,10 @@ export class Version {
 
   @action.bound
   public setFileList(data: IUploadFile[]) {
-
     this.fileList = (data || []).map((item, index) => {
       return {
         ...item,
-        configType: this.acceptFileMap[item.fileType],
+        configType: this.acceptFileMap[item.fileType] || '',
         key: index,
       };
     });
diff --git a/kafka-manager-console/src/store/wrapper.ts b/kafka-manager-console/src/store/wrapper.ts
index 69c7c168..fc327fe6 100644
--- a/kafka-manager-console/src/store/wrapper.ts
+++ b/kafka-manager-console/src/store/wrapper.ts
@@ -24,6 +24,7 @@ class Wrapper {
     });
   }
 
+
   @action.bound
   public setXFormWrapper(xFormWrapper: IXFormWrapper) {
     this.xFormWrapper = xFormWrapper;
diff --git a/kafka-manager-console/src/styles/style.less b/kafka-manager-console/src/styles/style.less
new file mode 100644
index 00000000..e349bfce
--- /dev/null
+++ b/kafka-manager-console/src/styles/style.less
@@ -0,0 +1,15 @@
+.ant-spin-blur .ant-table-content {
+  opacity: 0;
+}
+.ant-alert-error {
+  margin-top: 10px;
+}
+.isSHowApp {
+  display: block;
+}
+.isHideApp {
+  display: none;
+}
+.tips {
+  margin-left: 48px;
+}
\ No newline at end of file
diff --git a/kafka-manager-console/src/styles/table-filter.less b/kafka-manager-console/src/styles/table-filter.less
index 6fa8d860..21dd1b52 100644
--- a/kafka-manager-console/src/styles/table-filter.less
+++ b/kafka-manager-console/src/styles/table-filter.less
@@ -1,6 +1,6 @@
 .content-container {
   position: relative;
-
+  min-width: 760px;
   .table-operation {
     a {
       color: @primary-color;
diff --git a/kafka-manager-console/src/types/base-type.ts b/kafka-manager-console/src/types/base-type.ts
index b2eb5d17..5cfbb999 100644
--- a/kafka-manager-console/src/types/base-type.ts
+++ b/kafka-manager-console/src/types/base-type.ts
@@ -537,9 +537,10 @@ export interface IUtils {
 
 export interface IXFormWrapper {
   type?: string;
-  title: string;
+  title: string | JSX.Element;
   onSubmit: (result: any) => any;
   onCancel?: () => any;
+  onChange?: (result: any) => any;
   visible: boolean;
   onChangeVisible?: (visible: boolean) => any;
   formMap?: any[];
@@ -552,6 +553,7 @@ export interface IXFormWrapper {
   noform?: boolean;
   nofooter?: boolean;
   isWaitting?: boolean;
+  onSubmitFaild?: (err: any, ref: any, formData: any, formMap: any) => any;
 }
 
 export interface IBaseOrder extends IBase {
@@ -608,9 +610,11 @@ export interface IBasicInfo {
 }
 
 export interface IClusterTopics {
+  regionNameList: any;
   appId: string;
   appName: string;
   byteIn: number;
+  byteOut: number;
   clusterId: number;
   description: string;
   partitionNum: number;
@@ -916,6 +920,7 @@ export interface INewLogical {
   mode: number;
   name: string;
   logicalClusterName?: string;
+  logicalClusterEName?: string;
   regionIdList: number[];
 }
 
@@ -935,6 +940,7 @@ export interface ITaskManage {
   clusterId: number;
   clusterName: string;
   gmtCreate: number;
+  createTime: number;
   operator: string;
   status: number;
   taskId: number;
diff --git a/kafka-manager-console/webpack.config.js b/kafka-manager-console/webpack.config.js
index dcc6071c..a07d9990 100644
--- a/kafka-manager-console/webpack.config.js
+++ b/kafka-manager-console/webpack.config.js
@@ -9,7 +9,7 @@ const path = require('path')
 const isProd = process.env.NODE_ENV === 'production';
 const outPath = path.resolve('../kafka-manager-web/src/main/resources/templates');
 const filename = isProd ? '[name].[contenthash]' : '[name]';
-
+const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
 let publicPath = '/';
 
 const plugins = [
@@ -17,6 +17,7 @@ const plugins = [
     template: './src/routers/index.htm',
     favicon: './src/assets/image/logo.ico'
   }),
+  new MonacoWebpackPlugin()
 ];
 
 if (isProd) {
@@ -52,7 +53,7 @@ module.exports = {
     rules: [
       {
         test: /\.(css|less)$/,
-        use: [ isProd ? {
+        use: [isProd ? {
           loader: MiniCssExtractPlugin.loader,
           options: {
             publicPath,
@@ -75,17 +76,28 @@ module.exports = {
         loader: 'ts-loader',
       },
       {
-        test:/\.(png|svg|jpeg|jpg|gif)$/,
-        use:[       
+        test: /\.(png|svg|jpeg|jpg|gif)$/,
+        use: [
           {
-              loader:'file-loader',
-              options:{
-                  name:'[name].[ext]',  
-                  outputPath:'./assets/image/',                             
-              }
+            loader: 'file-loader',
+            options: {
+              name: '[name].[ext]',
+              outputPath: './assets/image/',
+            }
           }
         ]
-      }
+      },
+      {
+        test: /\.(ttf)$/i,
+        use: [
+          {
+            loader: 'url-loader',
+            options: {
+              limit: 8192,
+            },
+          },
+        ],
+      },
     ],
   },
   optimization: {
@@ -118,7 +130,9 @@ module.exports = {
     historyApiFallback: true,
     proxy: {
       '/api/v1/': {
-        target: 'http://127.0.0.1:8080',
+        // target: 'http://127.0.0.1:8080',
+        target: 'http://10.179.37.199:8008',
+        // target: 'http://99.11.45.164:8888',
         changeOrigin: true,
       }
     },
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/cache/LogicalClusterMetadataManager.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/cache/LogicalClusterMetadataManager.java
index 050e2164..07c81878 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/cache/LogicalClusterMetadataManager.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/cache/LogicalClusterMetadataManager.java
@@ -79,6 +79,7 @@ public class LogicalClusterMetadataManager {
 
         Long logicalClusterId = logicalClusterIdMap.get(topicName);
         if (ValidateUtils.isNull(logicalClusterId)) {
+            LOGGER.debug("class=LogicalClusterMetadataManager||method=getTopicLogicalCluster||topicName={}||msg=logicalClusterId is null!",topicName);
             return null;
         }
         return LOGICAL_CLUSTER_MAP.get(logicalClusterId);
@@ -107,6 +108,7 @@ public class LogicalClusterMetadataManager {
 
     public Long getPhysicalClusterId(Long logicalClusterId) {
         if (ValidateUtils.isNull(logicalClusterId)) {
+            LOGGER.debug("class=LogicalClusterMetadataManager||method=getPhysicalClusterId||msg=logicalClusterId is null!");
             return null;
         }
         if (!LOADED.get()) {
@@ -114,6 +116,7 @@ public class LogicalClusterMetadataManager {
         }
         LogicalClusterDO logicalClusterDO = LOGICAL_CLUSTER_MAP.get(logicalClusterId);
         if (ValidateUtils.isNull(logicalClusterDO)) {
+            LOGGER.debug("class=LogicalClusterMetadataManager||method=getPhysicalClusterId||logicalClusterId={}||msg=logicalClusterDO is null!",logicalClusterId);
             return null;
         }
         return logicalClusterDO.getClusterId();
@@ -124,6 +127,7 @@ public class LogicalClusterMetadataManager {
             return clusterId;
         }
         if (ValidateUtils.isNull(clusterId)) {
+            LOGGER.warn("class=LogicalClusterMetadataManager||method=getPhysicalClusterId||isPhysicalClusterId={}||msg=clusterId is null!",isPhysicalClusterId);
             return null;
         }
         if (!LOADED.get()) {
@@ -131,6 +135,7 @@ public class LogicalClusterMetadataManager {
         }
         LogicalClusterDO logicalClusterDO = LOGICAL_CLUSTER_MAP.get(clusterId);
         if (ValidateUtils.isNull(logicalClusterDO)) {
+            LOGGER.debug("class=LogicalClusterMetadataManager||method=getPhysicalClusterId||clusterId={}||msg=logicalClusterDO is null!",clusterId);
             return null;
         }
         return logicalClusterDO.getClusterId();
@@ -171,8 +176,7 @@ public class LogicalClusterMetadataManager {
         for (Long regionId: regionIdList) {
             RegionDO regionDO = regionMap.get(regionId);
             if (ValidateUtils.isNull(regionDO) || !logicalClusterDO.getClusterId().equals(regionDO.getClusterId())) {
-                LOGGER.warn("flush logical cluster metadata failed, exist illegal region, logicalCluster:{} region:{}.",
-                        logicalClusterDO, regionId);
+                LOGGER.warn("flush logical cluster metadata failed, exist illegal region, logicalCluster:{} region:{}.", logicalClusterDO, regionId);
                 continue;
             }
             brokerIdSet.addAll(ListUtils.string2IntList(regionDO.getBrokerList()));
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/cache/PhysicalClusterMetadataManager.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/cache/PhysicalClusterMetadataManager.java
index f1b7d1fa..3c68b30f 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/cache/PhysicalClusterMetadataManager.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/cache/PhysicalClusterMetadataManager.java
@@ -86,19 +86,36 @@ public class PhysicalClusterMetadataManager {
             if (ZK_CONFIG_MAP.containsKey(clusterDO.getId())) {
                 return;
             }
-
             ZkConfigImpl zkConfig = new ZkConfigImpl(clusterDO.getZookeeper());
 
-            //增加Broker监控
+            // 初始化broker-map
             BROKER_METADATA_MAP.put(clusterDO.getId(), new ConcurrentHashMap<>());
             JMX_CONNECTOR_MAP.put(clusterDO.getId(), new ConcurrentHashMap<>());
             KAFKA_VERSION_MAP.put(clusterDO.getId(), new ConcurrentHashMap<>());
+
+            // 初始化topic-map
+            TOPIC_METADATA_MAP.put(clusterDO.getId(), new ConcurrentHashMap<>());
+            TOPIC_RETENTION_TIME_MAP.put(clusterDO.getId(), new ConcurrentHashMap<>());
+
+            // 初始化cluster-map
+            CLUSTER_MAP.put(clusterDO.getId(), clusterDO);
+
+            if (!zkConfig.checkPathExists(ZkPathUtil.BROKER_ROOT_NODE)) {
+                LOGGER.info("ignore add cluster, zk path=/brokers not exist, clusterId:{}.", clusterDO.getId());
+                try {
+                    zkConfig.close();
+                } catch (Exception e) {
+                    LOGGER.warn("ignore add cluster, close zk connection failed, cluster:{}.", clusterDO, e);
+                }
+                return;
+            }
+
+            //增加Broker监控
             BrokerStateListener brokerListener = new BrokerStateListener(clusterDO.getId(), zkConfig, configUtils.getJmxMaxConn());
             brokerListener.init();
             zkConfig.watchChildren(ZkPathUtil.BROKER_IDS_ROOT, brokerListener);
 
             //增加Topic监控
-            TOPIC_METADATA_MAP.put(clusterDO.getId(), new ConcurrentHashMap<>());
             TopicStateListener topicListener = new TopicStateListener(clusterDO.getId(), zkConfig);
             topicListener.init();
             zkConfig.watchChildren(ZkPathUtil.BROKER_TOPICS_ROOT, topicListener);
@@ -109,10 +126,6 @@ public class PhysicalClusterMetadataManager {
             controllerListener.init();
             zkConfig.watch(ZkPathUtil.CONTROLLER_ROOT_NODE, controllerListener);
 
-            //增加Config变更监控
-            TOPIC_RETENTION_TIME_MAP.put(clusterDO.getId(), new ConcurrentHashMap<>());
-
-            CLUSTER_MAP.put(clusterDO.getId(), clusterDO);
             ZK_CONFIG_MAP.put(clusterDO.getId(), zkConfig);
         } catch (Exception e) {
             LOGGER.error("add cluster failed, cluster:{}.", clusterDO, e);
@@ -444,8 +457,16 @@ public class PhysicalClusterMetadataManager {
         return kafkaVersion;
     }
 
-    public String getKafkaVersion(Long clusterId) {
-        return getKafkaVersion(clusterId, PhysicalClusterMetadataManager.getBrokerIdList(clusterId));
+    public String getKafkaVersionFromCache(Long clusterId) {
+        Set<String> kafkaVersionSet = new HashSet<>();
+        for (Integer brokerId: PhysicalClusterMetadataManager.getBrokerIdList(clusterId)) {
+            String kafkaVersion = this.getKafkaVersionFromCache(clusterId, brokerId);
+            if (ValidateUtils.isBlank(kafkaVersion)) {
+                continue;
+            }
+            kafkaVersionSet.add(kafkaVersion);
+        }
+        return ListUtils.strList2String(new ArrayList<>(kafkaVersionSet));
     }
 
     public String getKafkaVersion(Long clusterId, List<Integer> brokerIdList) {
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/ConfigService.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/ConfigService.java
index aba1362a..9f5d6915 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/ConfigService.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/ConfigService.java
@@ -31,6 +31,8 @@ public interface ConfigService {
 
     List<ConfigDO> listAll();
 
+    Integer getAutoPassedTopicApplyOrderNumPerTask();
+
     CreateTopicElemConfig getCreateTopicConfig(Long clusterId, String systemCode);
 
     ClusterDO getClusterDO(Long clusterId);
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/JmxService.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/JmxService.java
index 157f0e4c..22e20888 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/JmxService.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/JmxService.java
@@ -31,6 +31,11 @@ public interface JmxService {
 
     TopicMetrics getTopicMetrics(Long clusterId, Integer brokerId, String topicName, Integer metricsCode, Boolean byAdd);
 
+    /**
+     * 获取topic消息压缩指标
+     */
+    String getTopicCodeCValue(Long clusterId, String topicName);
+
     List<TopicMetrics> getTopicMetrics(Long clusterId, Integer metricsCode, Boolean byAdd);
 
     /**
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/TopicService.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/TopicService.java
index 4344decb..dacba4b0 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/TopicService.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/TopicService.java
@@ -64,7 +64,7 @@ public interface TopicService {
     /**
      * 获取Topic的分区的offset
      */
-    Map<TopicPartition, Long> getPartitionOffset(ClusterDO cluster, String topicName, OffsetPosEnum offsetPosEnum);
+    Map<TopicPartition, Long> getPartitionOffset(ClusterDO clusterDO, String topicName, OffsetPosEnum offsetPosEnum);
 
     /**
      * 获取Topic概览信息
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/gateway/AppService.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/gateway/AppService.java
index b0911e16..c78946b6 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/gateway/AppService.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/gateway/AppService.java
@@ -51,6 +51,13 @@ public interface AppService {
      */
     List<AppDO> getByPrincipal(String principal);
 
+    /**
+     * 通过appId来查,需要check当前登录人是否有权限.
+     * @param appId appId
+     * @return AppDO
+     */
+    AppDO getAppByUserAndId(String appId, String curUser);
+
     /**
      * 通过appId来查
      * @param appId appId
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/gateway/TopicConnectionService.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/gateway/TopicConnectionService.java
index 79544608..f73ff8d5 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/gateway/TopicConnectionService.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/gateway/TopicConnectionService.java
@@ -11,7 +11,7 @@ import java.util.List;
  * @date 20/4/13
  */
 public interface TopicConnectionService {
-    int batchAdd(List<TopicConnectionDO> doList);
+    void batchAdd(List<TopicConnectionDO> doList);
 
     /**
      * 查询连接信息
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/gateway/impl/AppServiceImpl.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/gateway/impl/AppServiceImpl.java
index 0f362f7f..eada7df5 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/gateway/impl/AppServiceImpl.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/gateway/impl/AppServiceImpl.java
@@ -32,6 +32,7 @@ import java.util.ArrayList;
 import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
+import java.util.stream.Collectors;
 
 /**
  * @author zhongyuankai
@@ -59,10 +60,13 @@ public class AppServiceImpl implements AppService {
     @Autowired
     private OperateRecordService operateRecordService;
 
+
+
     @Override
     public ResultStatus addApp(AppDO appDO) {
         try {
             if (appDao.insert(appDO) < 1) {
+                LOGGER.warn("class=AppServiceImpl||method=addApp||AppDO={}||msg=add fail,{}",appDO,ResultStatus.MYSQL_ERROR.getMessage());
                 return ResultStatus.MYSQL_ERROR;
             }
             KafkaUserDO kafkaUserDO = new KafkaUserDO();
@@ -72,6 +76,7 @@ public class AppServiceImpl implements AppService {
             kafkaUserDO.setUserType(0);
             kafkaUserDao.insert(kafkaUserDO);
         } catch (DuplicateKeyException e) {
+            LOGGER.error("class=AppServiceImpl||method=addApp||errMsg={}||appDO={}|", e.getMessage(), appDO, e);
             return ResultStatus.RESOURCE_ALREADY_EXISTED;
         } catch (Exception e) {
             LOGGER.error("add app failed, appDO:{}.", appDO, e);
@@ -139,23 +144,42 @@ public class AppServiceImpl implements AppService {
                 return ResultStatus.SUCCESS;
             }
         } catch (DuplicateKeyException e) {
+            LOGGER.error("class=AppServiceImpl||method=updateByAppId||errMsg={}||AppDTO={}||operator={}||adminApi={}", e.getMessage(), dto, operator, adminApi, e);
             return ResultStatus.RESOURCE_NAME_DUPLICATED;
         } catch (Exception e) {
             LOGGER.error("update app failed, dto:{}, operator:{}, adminApi:{}.", dto, operator, adminApi, e);
         }
+        LOGGER.warn("class=AppServiceImpl||method=updateByAppId||dto={}||operator={}||adminApi={}||msg=update app fail,{}!", dto,operator,adminApi,ResultStatus.MYSQL_ERROR.getMessage());
         return ResultStatus.MYSQL_ERROR;
     }
 
     @Override
-    public List<AppDO> getByPrincipal(String principals) {
+    public List<AppDO> getByPrincipal(String principal) {
         try {
-            return appDao.getByPrincipal(principals);
+            List<AppDO> appDOs = appDao.getByPrincipal(principal);
+            if (!ValidateUtils.isEmptyList(appDOs)) {
+                return appDOs.stream()
+                        .filter(appDO -> ListUtils.string2StrList(appDO.getPrincipals()).contains(principal))
+                        .collect(Collectors.toList());
+            }
         } catch (Exception e) {
-            LOGGER.error("get app list failed, principals:{}.", principals);
+            LOGGER.error("get app list failed, principals:{}.", principal);
         }
         return new ArrayList<>();
     }
 
+    @Override
+    public AppDO getAppByUserAndId(String appId, String curUser) {
+        AppDO appDO = this.getByAppId(appId);
+        if (appDO != null) {
+            if (ListUtils.string2StrList(appDO.getPrincipals()).contains(curUser)) {
+                return appDO;
+            }
+        }
+        LOGGER.debug("class=AppServiceImpl||method=getAppByUserAndId||appId={}||curUser={}||msg=appDO is null!", appId, curUser);
+        return null;
+    }
+
     @Override
     public AppDO getByAppId(String appId) {
         try {
@@ -177,6 +201,7 @@ public class AppServiceImpl implements AppService {
         // 查询AppID
         AppDO appDO = appDao.getByAppId(appId);
         if (ValidateUtils.isNull(appDO)) {
+            LOGGER.debug("class=AppServiceImpl||method=getAppTopicDTOList||appId={}||msg=appDO is null!", appId);
             return new ArrayList<>();
         }
 
@@ -220,6 +245,7 @@ public class AppServiceImpl implements AppService {
                 appTopicDTO.setLogicalClusterId(logicalClusterDO.getId());
                 appTopicDTO.setLogicalClusterName(logicalClusterDO.getName());
             } else {
+                LOGGER.warn("class=AppServiceImpl||method=getAppTopicDTOList||clusterId={}||topicName={}||msg=logicalClusterDO is null!", authorityDO.getClusterId(), authorityDO.getTopicName());
                 continue;
             }
             appTopicDTO.setOperator("");
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/gateway/impl/GatewayConfigServiceImpl.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/gateway/impl/GatewayConfigServiceImpl.java
index 8dfb26c4..3db556a5 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/gateway/impl/GatewayConfigServiceImpl.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/gateway/impl/GatewayConfigServiceImpl.java
@@ -120,6 +120,7 @@ public class GatewayConfigServiceImpl implements GatewayConfigService {
         try {
             doList = gatewayConfigDao.getByConfigType(GatewayConfigKeyEnum.SD_SP_RATE.getConfigType());
             if (ValidateUtils.isEmptyList(doList)) {
+                LOGGER.debug("class=GatewayConfigServiceImpl||method=getSpRateConfig||requestVersion={}||msg=doList is empty!",requestVersion);
                 return new SpRateConfig(Long.MIN_VALUE, new HashMap<>(0));
             }
             Long maxVersion = Long.MIN_VALUE;
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/gateway/impl/TopicConnectionServiceImpl.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/gateway/impl/TopicConnectionServiceImpl.java
index b29db05c..27274aa5 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/gateway/impl/TopicConnectionServiceImpl.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/gateway/impl/TopicConnectionServiceImpl.java
@@ -27,19 +27,20 @@ public class TopicConnectionServiceImpl implements TopicConnectionService {
     private TopicConnectionDao topicConnectionDao;
 
     @Override
-    public int batchAdd(List<TopicConnectionDO> doList) {
+    public void batchAdd(List<TopicConnectionDO> doList) {
         if (ValidateUtils.isEmptyList(doList)) {
-            return 0;
+            return;
         }
+
         int count = 0;
         for (TopicConnectionDO connectionDO: doList) {
             try {
                 count += topicConnectionDao.replace(connectionDO);
             } catch (Exception e) {
-                LOGGER.error("replace topic connections failed, data:{}.", connectionDO);
+                LOGGER.error("class=TopicConnectionServiceImpl||method=batchAdd||connectionDO={}||errMsg={}", connectionDO, e.getMessage());
             }
         }
-        return count;
+        LOGGER.info("class=TopicConnectionServiceImpl||method=batchAdd||allSize={}||successSize={}", doList.size(), count);
     }
 
     @Override
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/BrokerServiceImpl.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/BrokerServiceImpl.java
index d6065708..12af2e18 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/BrokerServiceImpl.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/BrokerServiceImpl.java
@@ -150,6 +150,8 @@ public class BrokerServiceImpl implements BrokerService {
         for (Integer brokerId: brokerIdSet) {
             BrokerMetadata brokerMetadata = PhysicalClusterMetadataManager.getBrokerMetadata(clusterId, brokerId);
             if (ValidateUtils.isNull(brokerMetadata)) {
+                LOGGER.warn("class=BrokerServiceImpl||method=getBrokerOverviewList||brokerId={}|||msg=brokerMetadata is null!",
+                        brokerId);
                 continue;
             }
             overviewDTOMap.put(brokerId, BrokerOverviewDTO.newInstance(
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/ClusterServiceImpl.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/ClusterServiceImpl.java
index 4b3d3f9e..49c16c5d 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/ClusterServiceImpl.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/ClusterServiceImpl.java
@@ -286,7 +286,7 @@ public class ClusterServiceImpl implements ClusterService {
         dto.setClusterName(clusterDO.getClusterName());
         dto.setZookeeper(clusterDO.getZookeeper());
         dto.setBootstrapServers(clusterDO.getBootstrapServers());
-        dto.setKafkaVersion(physicalClusterMetadataManager.getKafkaVersion(clusterDO.getId()));
+        dto.setKafkaVersion(physicalClusterMetadataManager.getKafkaVersionFromCache(clusterDO.getId()));
         dto.setIdc(configUtils.getIdc());
         dto.setSecurityProperties(clusterDO.getSecurityProperties());
         dto.setStatus(clusterDO.getStatus());
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/ConfigServiceImpl.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/ConfigServiceImpl.java
index 5ffc4729..4b896bee 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/ConfigServiceImpl.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/ConfigServiceImpl.java
@@ -42,6 +42,7 @@ public class ConfigServiceImpl implements ConfigService {
         } catch (Exception e) {
             LOGGER.error("insert config failed, config:{}.", dto, e);
         }
+        LOGGER.warn("class=ConfigServiceImpl||method=insert||dto={}||msg=insert config fail,{}!", dto,ResultStatus.MYSQL_ERROR.getMessage());
         return ResultStatus.MYSQL_ERROR;
     }
 
@@ -54,10 +55,12 @@ public class ConfigServiceImpl implements ConfigService {
             if (configDao.deleteByKey(configKey) >= 1) {
                 return ResultStatus.SUCCESS;
             }
+            LOGGER.warn("class=ConfigServiceImpl||method=deleteByKey||configKey={}||msg=delete config fail,{}!", configKey,ResultStatus.CONFIG_NOT_EXIST.getMessage());
             return ResultStatus.CONFIG_NOT_EXIST;
         } catch (Exception e) {
             LOGGER.error("delete config failed, configKey:{}.", configKey, e);
         }
+        LOGGER.warn("class=ConfigServiceImpl||method=deleteByKey||configKey={}||msg=delete config fail,{}!", configKey,ResultStatus.MYSQL_ERROR.getMessage());
         return ResultStatus.MYSQL_ERROR;
     }
 
@@ -67,10 +70,12 @@ public class ConfigServiceImpl implements ConfigService {
             if (configDao.updateByKey(convert2ConfigDO(dto)) >= 1) {
                 return ResultStatus.SUCCESS;
             }
+            LOGGER.warn("class=ConfigServiceImpl||method=updateByKey||dto={}||msg=update config fail,{}!", dto,ResultStatus.CONFIG_NOT_EXIST.getMessage());
             return ResultStatus.CONFIG_NOT_EXIST;
         } catch (Exception e) {
             LOGGER.error("update config failed, config:{}.", dto, e);
         }
+        LOGGER.warn("class=ConfigServiceImpl||method=deleteByKey||dto={}||msg=delete config fail,{}!", dto,ResultStatus.MYSQL_ERROR.getMessage());
         return ResultStatus.MYSQL_ERROR;
     }
 
@@ -84,10 +89,15 @@ public class ConfigServiceImpl implements ConfigService {
             if (configDao.updateByKey(configDO) >= 1) {
                 return ResultStatus.SUCCESS;
             }
+            LOGGER.warn("class=ConfigServiceImpl||method=updateByKey||configKey={}||configValue={}||msg=update config fail,{}!"
+                    , configKey,configValue,ResultStatus.CONFIG_NOT_EXIST.getMessage());
             return ResultStatus.CONFIG_NOT_EXIST;
         } catch (Exception e) {
             LOGGER.error("update config failed, configValue:{}.", configValue, e);
         }
+        LOGGER.warn("class=ConfigServiceImpl||method=deleteByKey||configKey={}||configValue={}||msg=delete config fail,{}!"
+                , configKey,configValue,ResultStatus.MYSQL_ERROR.getMessage());
+
         return ResultStatus.MYSQL_ERROR;
     }
 
@@ -161,6 +171,16 @@ public class ConfigServiceImpl implements ConfigService {
         return configDO;
     }
 
+    @Override
+    public Integer getAutoPassedTopicApplyOrderNumPerTask() {
+        String configKey = TopicCreationConstant.INNER_CREATE_TOPIC_CONFIG_KEY;
+        CreateTopicConfig configValue = this.getByKey(configKey, CreateTopicConfig.class);
+        if (ValidateUtils.isNull(configValue)) {
+            return TopicCreationConstant.DEFAULT_MAX_PASSED_ORDER_NUM_PER_TASK;
+        }
+        return configValue.getMaxPassedOrderNumPerTask();
+    }
+
     @Override
     public CreateTopicElemConfig getCreateTopicConfig(Long clusterId, String systemCode) {
         String configKey = TopicCreationConstant.INNER_CREATE_TOPIC_CONFIG_KEY;
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/ConsumerServiceImpl.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/ConsumerServiceImpl.java
index 7f905275..fcfc72ec 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/ConsumerServiceImpl.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/ConsumerServiceImpl.java
@@ -110,6 +110,8 @@ public class ConsumerServiceImpl implements ConsumerService {
                                                    ConsumerGroupDTO consumeGroupDTO) {
         TopicMetadata topicMetadata = PhysicalClusterMetadataManager.getTopicMetadata(clusterDO.getId(), topicName);
         if (topicMetadata == null) {
+            logger.warn("class=ConsumerServiceImpl||method=getConsumeDetail||clusterId={}||topicName={}||msg=topicMetadata is null!",
+                    clusterDO.getId(), topicName);
             return null;
         }
 
@@ -120,6 +122,7 @@ public class ConsumerServiceImpl implements ConsumerService {
             consumerGroupDetailDTOList = getConsumerPartitionStateInBroker(clusterDO, topicMetadata, consumeGroupDTO);
         }
         if (consumerGroupDetailDTOList == null) {
+            logger.info("class=ConsumerServiceImpl||method=getConsumeDetail||msg=consumerGroupDetailDTOList is null!");
             return null;
         }
 
@@ -167,7 +170,7 @@ public class ConsumerServiceImpl implements ConsumerService {
                 kafkaConsumer.close();
             }
         }
-        return new ArrayList<>();
+        return resultList;
     }
 
     private List<Result> resetConsumerOffset(ClusterDO cluster, KafkaConsumer<String, String> kafkaConsumer, ConsumerGroupDTO consumerGroupDTO, Map<TopicPartition, Long> offsetMap) {
@@ -184,7 +187,9 @@ public class ConsumerServiceImpl implements ConsumerService {
                 }
             } catch (Exception e) {
                 logger.error("reset failed, clusterId:{} consumerGroup:{} topic-partition:{}.", cluster.getId(), consumerGroupDTO, tp, e);
-                resultList.add(new Result());
+                resultList.add(new Result(
+                        ResultStatus.OPERATION_FAILED.getCode(),
+                        "reset failed..."));
             }
             resultList.add(new Result());
         }
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/JmxServiceImpl.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/JmxServiceImpl.java
index e4f1af29..611dc203 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/JmxServiceImpl.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/JmxServiceImpl.java
@@ -1,11 +1,13 @@
 package com.xiaojukeji.kafka.manager.service.service.impl;
 
+import com.google.common.base.Joiner;
 import com.xiaojukeji.kafka.manager.common.bizenum.KafkaClientEnum;
 import com.xiaojukeji.kafka.manager.common.constant.KafkaMetricsCollections;
 import com.xiaojukeji.kafka.manager.common.entity.KafkaVersion;
 import com.xiaojukeji.kafka.manager.common.entity.metrics.BaseMetrics;
 import com.xiaojukeji.kafka.manager.common.entity.metrics.TopicMetrics;
 import com.xiaojukeji.kafka.manager.common.entity.metrics.BrokerMetrics;
+import com.xiaojukeji.kafka.manager.common.utils.ListUtils;
 import com.xiaojukeji.kafka.manager.common.utils.jmx.JmxConstant;
 import com.xiaojukeji.kafka.manager.common.entity.ao.PartitionAttributeDTO;
 import com.xiaojukeji.kafka.manager.common.utils.ValidateUtils;
@@ -123,11 +125,19 @@ public class JmxServiceImpl implements JmxService {
             return null;
         }
         TopicMetrics metrics = null;
+        List<BrokerMetrics> brokerMetricsList = new ArrayList<>();
         for (Integer brokerId : topicMetadata.getBrokerIdSet()) {
             TopicMetrics subMetrics = getTopicMetrics(clusterId, brokerId, topicName, metricsCode, byAdd);
+
             if (ValidateUtils.isNull(subMetrics)) {
                 continue;
             }
+
+            BrokerMetrics brokerMetrics = new BrokerMetrics(clusterId, brokerId);
+            brokerMetrics.setMetricsMap(subMetrics.getMetricsMap());
+
+            brokerMetricsList.add(brokerMetrics);
+
             if (ValidateUtils.isNull(metrics)) {
                 metrics = new TopicMetrics(clusterId, topicName);
             }
@@ -137,6 +147,10 @@ public class JmxServiceImpl implements JmxService {
                 metrics.mergeByMax(subMetrics);
             }
         }
+        if (!ValidateUtils.isNull(metrics)) {
+            metrics.setBrokerMetricsList(brokerMetricsList);
+        }
+
         return metrics;
     }
 
@@ -169,6 +183,77 @@ public class JmxServiceImpl implements JmxService {
         return metrics;
     }
 
+    @Override
+    public String getTopicCodeCValue(Long clusterId, String topicName) {
+        TopicMetadata topicMetadata = PhysicalClusterMetadataManager.getTopicMetadata(clusterId, topicName);
+        if (topicMetadata == null) {
+            return null;
+        }
+
+        MbeanV2 topicCodeCMBean = null;
+        List<MbeanV2> mbeanV2List = MbeanNameUtilV2.getMbeanList(KafkaMetricsCollections.TOPIC_BASIC_PAGE_METRICS);
+        if (!ValidateUtils.isEmptyList(mbeanV2List)) {
+            topicCodeCMBean = mbeanV2List.stream()
+                    .filter(mbeanV2 -> "TopicCodeC".equals(mbeanV2.getFieldName()))
+                    .findFirst()
+                    .orElse(null);
+        }
+
+        if (topicCodeCMBean == null) {
+            return null;
+        }
+
+        KafkaVersion kafkaVersion;
+        Set<String> codeCValues = new HashSet<>();
+        TopicMetrics metrics = new TopicMetrics(clusterId, topicName);
+        for (Integer brokerId : topicMetadata.getBrokerIdSet()) {
+            JmxConnectorWrap jmxConnectorWrap = PhysicalClusterMetadataManager.getJmxConnectorWrap(clusterId, brokerId);
+            if (ValidateUtils.isNull(jmxConnectorWrap)|| !jmxConnectorWrap.checkJmxConnectionAndInitIfNeed()) {
+                continue;
+            }
+            kafkaVersion = physicalClusterMetadataManager.getKafkaVersion(clusterId, brokerId);
+            // 如果是高版本,需要获取指标{kafka.server:type=AppIdTopicMetrics,name=RecordCompression,appId=*,topic=xxx}
+            if (kafkaVersion.getVersionNum() > KafkaVersion.VERSION_0_10_3.longValue()) {
+                try {
+                    ObjectName objectNameRegX = new ObjectName(topicCodeCMBean.getObjectName(kafkaVersion.getVersionNum())
+                            + "*,topic=" + topicName);
+                    QueryExp exp = Query.match(Query.attr("Value"), Query.value("*"));
+                    Set<ObjectName> objectNames = jmxConnectorWrap.queryNames(objectNameRegX, exp);
+                    for (ObjectName objectName : objectNames) {
+                        if (objectName.toString().indexOf(",appId=admin,") == -1) {
+                            String value = (String) jmxConnectorWrap.getAttribute(objectName, "Value");
+                            if (!codeCValues.contains(value)) {
+                                codeCValues.add(value);
+                            }
+                        }
+                    }
+                } catch (Exception e) {
+                    LOGGER.error("get topic codec metrics failed, clusterId:{} brokerId:{} topicName:{} mbean:{}.",
+                            clusterId, brokerId, topicName, topicCodeCMBean, e
+                    );
+                }
+            } else {
+                // 低版本沿用老逻辑...
+                try {
+                    getAndSupplyAttributes2BaseMetrics(
+                            metrics,
+                            jmxConnectorWrap,
+                            topicCodeCMBean,
+                            new ObjectName(topicCodeCMBean.getObjectName(kafkaVersion.getVersionNum()) + ",topic=" + topicName)
+                    );
+                } catch (Exception e) {
+                    LOGGER.error("get topic codec metrics failed, clusterId:{} topicName:{} mbean:{}.",
+                            clusterId, topicName, topicCodeCMBean, e
+                    );
+                }
+            }
+        }
+
+        codeCValues.addAll(ListUtils.string2StrList(metrics.getSpecifiedMetrics("TopicCodeCValue", String.class)));
+
+        return Joiner.on(",").join(codeCValues);
+    }
+
     private void getAndSupplyAttributes2BaseMetrics(BaseMetrics metrics,
                                                     JmxConnectorWrap jmxConnectorWrap,
                                                     MbeanV2 mbeanV2,
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/LogicalClusterServiceImpl.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/LogicalClusterServiceImpl.java
index 2bee3d80..5b2fb703 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/LogicalClusterServiceImpl.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/LogicalClusterServiceImpl.java
@@ -88,6 +88,7 @@ public class LogicalClusterServiceImpl implements LogicalClusterService {
     public LogicalCluster getLogicalCluster(Long logicalClusterId) {
         LogicalClusterDO logicalClusterDO = logicClusterMetadataManager.getLogicalCluster(logicalClusterId);
         if (ValidateUtils.isNull(logicalClusterDO)) {
+            LOGGER.warn("class=LogicalClusterServiceImpl||method=getLogicalCluster||logicalClusterId={}||msg=logicalClusterDO is null!", logicalClusterId);
             return null;
         }
         return convert2LogicalCluster(logicalClusterDO);
@@ -223,8 +224,7 @@ public class LogicalClusterServiceImpl implements LogicalClusterService {
                 return ResultStatus.SUCCESS;
             }
         } catch (DuplicateKeyException e) {
-            LOGGER.error("create logical cluster failed, name already existed, newLogicalClusterDO:{}.",
-                    logicalClusterDO, e);
+            LOGGER.error("create logical cluster failed, name already existed, newLogicalClusterDO:{}.", logicalClusterDO, e);
             return ResultStatus.RESOURCE_ALREADY_EXISTED;
         } catch (Exception e) {
             LOGGER.error("create logical cluster failed, mysql error, newLogicalClusterDO:{}.", logicalClusterDO, e);
@@ -264,6 +264,7 @@ public class LogicalClusterServiceImpl implements LogicalClusterService {
             }
             return ResultStatus.RESOURCE_NOT_EXIST;
         } catch (Exception e) {
+            LOGGER.error("class=LogicalClusterServiceImpl||method=getById||errMsg={}||logicalClusterId={}", e.getMessage(), logicalClusterId, e);
             return ResultStatus.MYSQL_ERROR;
         }
     }
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/RegionServiceImpl.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/RegionServiceImpl.java
index 227f9158..8f957b02 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/RegionServiceImpl.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/RegionServiceImpl.java
@@ -68,6 +68,8 @@ public class RegionServiceImpl implements RegionService {
             LOGGER.error("create region failed, newRegionDO:{}.", regionDO, e);
             return ResultStatus.MYSQL_ERROR;
         }
+
+        LOGGER.warn("class=RegionServiceImpl||method=createRegion||regionDO={}||msg=create region failed", regionDO);
         return ResultStatus.MYSQL_ERROR;
     }
 
@@ -107,6 +109,7 @@ public class RegionServiceImpl implements RegionService {
                 if (regionDao.updateById(newRegionDO) > 0) {
                     return ResultStatus.SUCCESS;
                 }
+                LOGGER.warn("class=RegionServiceImpl||method=updateRegion||newRegionDO={}||msg=update region failed", newRegionDO);
                 return ResultStatus.MYSQL_ERROR;
             }
             List<Integer> newBrokerIdList = ListUtils.string2IntList(newRegionDO.getBrokerList());
@@ -125,6 +128,7 @@ public class RegionServiceImpl implements RegionService {
         } catch (Exception e) {
             LOGGER.error("update region failed, newRegionDO:{}", newRegionDO, e);
         }
+        LOGGER.warn("class=RegionServiceImpl||method=updateRegion||newRegionDO={}||msg=update region failed", newRegionDO);
         return ResultStatus.MYSQL_ERROR;
     }
 
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/TopicManagerServiceImpl.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/TopicManagerServiceImpl.java
index 9cc2d234..a953a50b 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/TopicManagerServiceImpl.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/TopicManagerServiceImpl.java
@@ -65,9 +65,6 @@ public class TopicManagerServiceImpl implements TopicManagerService {
     @Autowired
     private LogicalClusterMetadataManager logicalClusterMetadataManager;
 
-    @Autowired
-    private LogicalClusterService logicalClusterService;
-
     @Autowired
     private JmxService jmxService;
 
@@ -77,6 +74,9 @@ public class TopicManagerServiceImpl implements TopicManagerService {
     @Autowired
     private ClusterService clusterService;
 
+    @Autowired
+    private RegionService regionService;
+
     @Override
     public List<TopicDO> listAll() {
         try {
@@ -288,7 +288,6 @@ public class TopicManagerServiceImpl implements TopicManagerService {
     private List<TopicDTO> getTopics(ClusterDO clusterDO,
                                      Map<String, AppDO> appMap,
                                      Map<String, TopicDO> topicMap) {
-        Boolean needAuth = !ValidateUtils.isBlank(clusterDO.getSecurityProperties());
         List<TopicDTO> dtoList = new ArrayList<>();
         for (String topicName: PhysicalClusterMetadataManager.getTopicNameList(clusterDO.getId())) {
             LogicalClusterDO logicalClusterDO = logicalClusterMetadataManager.getTopicLogicalCluster(
@@ -305,7 +304,7 @@ public class TopicManagerServiceImpl implements TopicManagerService {
             dto.setLogicalClusterId(logicalClusterDO.getId());
             dto.setLogicalClusterName(logicalClusterDO.getName());
             dto.setTopicName(topicName);
-            dto.setNeedAuth(needAuth);
+            dto.setNeedAuth(Boolean.TRUE);
 
             TopicDO topicDO = topicMap.get(topicName);
             if (ValidateUtils.isNull(topicDO)) {
@@ -371,12 +370,14 @@ public class TopicManagerServiceImpl implements TopicManagerService {
         TopicMetadata topicMetaData = PhysicalClusterMetadataManager.getTopicMetadata(physicalClusterId, topicName);
         if (ValidateUtils.isNull(topicMetaData)) {
             // Topic不存在
+            LOGGER.warn("class=TopicManagerServiceImpl||method=getTopicAuthorizedApps||physicalClusterId={}||topicName={}||msg=topicMetaData is null", physicalClusterId,topicName);
             return new ArrayList<>();
         }
 
         List<AuthorityDO> authorityDOList = authorityService.getAuthorityByTopic(physicalClusterId, topicName);
         if (ValidateUtils.isEmptyList(authorityDOList)) {
             // 无任何权限
+            LOGGER.warn("class=TopicManagerServiceImpl||method=getTopicAuthorizedApps||physicalClusterId={}||topicName={}||msg=authorityDOList is null", physicalClusterId,topicName);
             return new ArrayList<>();
         }
 
@@ -489,12 +490,17 @@ public class TopicManagerServiceImpl implements TopicManagerService {
                 PhysicalClusterMetadataManager.getZKConfig(physicalClusterId),
                 topicName
         );
+        List<RegionDO> regionDOList = regionService.getRegionListByTopicName(physicalClusterId, topicName);
+        List<String> regionNameList = regionDOList.stream().map(RegionDO::getName).collect(Collectors.toList());
+
         TopicDO topicDO = getByTopicName(physicalClusterId, topicName);
         if (ValidateUtils.isNull(topicDO)) {
-            return new Result<>(convert2RdTopicBasic(clusterDO, topicName, null, null, properties));
+            return new Result<>(convert2RdTopicBasic(clusterDO, topicName, null, null, regionNameList, properties));
         }
         AppDO appDO = appService.getByAppId(topicDO.getAppId());
-        return new Result<>(convert2RdTopicBasic(clusterDO, topicName, topicDO, appDO, properties));
+
+
+        return new Result<>(convert2RdTopicBasic(clusterDO, topicName, topicDO, appDO, regionNameList, properties));
     }
 
     @Override
@@ -527,6 +533,7 @@ public class TopicManagerServiceImpl implements TopicManagerService {
                                               String topicName,
                                               TopicDO topicDO,
                                               AppDO appDO,
+                                              List<String> regionNameList,
                                               Properties properties) {
         RdTopicBasic rdTopicBasic = new RdTopicBasic();
         rdTopicBasic.setClusterId(clusterDO.getId());
@@ -539,6 +546,7 @@ public class TopicManagerServiceImpl implements TopicManagerService {
         if (!ValidateUtils.isNull(topicDO)) {
             rdTopicBasic.setDescription(topicDO.getDescription());
         }
+        rdTopicBasic.setRegionNameList(regionNameList);
         rdTopicBasic.setProperties(properties);
         rdTopicBasic.setRetentionTime(KafkaZookeeperUtils.getTopicRetentionTime(properties));
         return rdTopicBasic;
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/TopicServiceImpl.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/TopicServiceImpl.java
index 5358a6a3..05a8c4e1 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/TopicServiceImpl.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/service/impl/TopicServiceImpl.java
@@ -13,7 +13,6 @@ import com.xiaojukeji.kafka.manager.common.entity.ao.PartitionOffsetDTO;
 import com.xiaojukeji.kafka.manager.common.entity.ao.topic.*;
 import com.xiaojukeji.kafka.manager.common.entity.dto.normal.TopicDataSampleDTO;
 import com.xiaojukeji.kafka.manager.common.entity.metrics.TopicMetrics;
-import com.xiaojukeji.kafka.manager.common.utils.ListUtils;
 import com.xiaojukeji.kafka.manager.common.utils.ValidateUtils;
 import com.xiaojukeji.kafka.manager.common.utils.jmx.JmxConstant;
 import com.xiaojukeji.kafka.manager.common.zookeeper.znode.brokers.BrokerMetadata;
@@ -44,6 +43,7 @@ import org.springframework.stereotype.Service;
 import org.springframework.util.StringUtils;
 
 import java.util.*;
+import java.util.stream.Collectors;
 
 /**
  * @author limeng
@@ -80,6 +80,9 @@ public class TopicServiceImpl implements TopicService {
     @Autowired
     private ClusterService clusterService;
 
+    @Autowired
+    private RegionService regionService;
+
     @Override
     public List<TopicMetricsDO> getTopicMetricsFromDB(Long clusterId, String topicName, Date startTime, Date endTime) {
         try {
@@ -228,25 +231,10 @@ public class TopicServiceImpl implements TopicService {
             basicDTO.setPrincipals(appDO.getPrincipals());
         }
 
-        LogicalClusterDO logicalClusterDO = logicalClusterMetadataManager.getTopicLogicalCluster(clusterId, topicName);
-        if (!ValidateUtils.isNull(logicalClusterDO)) {
-            basicDTO.setRegion(logicalClusterDO.getName());
-        }
+        List<RegionDO> regionDOList = regionService.getRegionListByTopicName(clusterId, topicName);
+        basicDTO.setRegionNameList(regionDOList.stream().map(RegionDO::getName).collect(Collectors.toList()));
 
-        TopicMetrics metrics = jmxService.getTopicMetrics(
-                clusterId,
-                topicName,
-                KafkaMetricsCollections.TOPIC_BASIC_PAGE_METRICS,
-                true
-        );
-
-        String compressionType = null;
-        if (!ValidateUtils.isNull(metrics)) {
-            compressionType = metrics.getSpecifiedMetrics("TopicCodeCValue", String.class);
-        }
-        basicDTO.setTopicCodeC(
-                ListUtils.strList2String(new ArrayList<>(new HashSet<>(ListUtils.string2StrList(compressionType))))
-        );
+        basicDTO.setTopicCodeC(jmxService.getTopicCodeCValue(clusterId, topicName));
         basicDTO.setScore(100);
         return basicDTO;
     }
@@ -469,6 +457,7 @@ public class TopicServiceImpl implements TopicService {
             return overview;
         }
         overview.setByteIn(metrics.getBytesInPerSecOneMinuteRate(null));
+        overview.setByteOut(metrics.getBytesOutPerSecOneMinuteRate(null));
         overview.setProduceRequest(metrics.getTotalProduceRequestsPerSecOneMinuteRate(null));
         return overview;
     }
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/utils/ConfigUtils.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/utils/ConfigUtils.java
index 2440e78d..53e9a2ba 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/utils/ConfigUtils.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/utils/ConfigUtils.java
@@ -19,6 +19,9 @@ public class ConfigUtils {
     @Value(value = "${spring.profiles.active}")
     private String kafkaManagerEnv;
 
+    @Value(value = "${custom.store-metrics-task.save-days}")
+    private Integer maxMetricsSaveDays;
+
     public String getIdc() {
         return idc;
     }
@@ -42,4 +45,12 @@ public class ConfigUtils {
     public void setKafkaManagerEnv(String kafkaManagerEnv) {
         this.kafkaManagerEnv = kafkaManagerEnv;
     }
+
+    public Integer getMaxMetricsSaveDays() {
+        return maxMetricsSaveDays;
+    }
+
+    public void setMaxMetricsSaveDays(Integer maxMetricsSaveDays) {
+        this.maxMetricsSaveDays = maxMetricsSaveDays;
+    }
 }
diff --git a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/utils/TopicCommands.java b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/utils/TopicCommands.java
index 1c62658f..58e5d98b 100644
--- a/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/utils/TopicCommands.java
+++ b/kafka-manager-core/src/main/java/com/xiaojukeji/kafka/manager/service/utils/TopicCommands.java
@@ -1,5 +1,6 @@
 package com.xiaojukeji.kafka.manager.service.utils;
 
+import com.alibaba.fastjson.JSON;
 import com.xiaojukeji.kafka.manager.common.constant.Constant;
 import com.xiaojukeji.kafka.manager.common.entity.ResultStatus;
 import com.xiaojukeji.kafka.manager.common.entity.pojo.ClusterDO;
@@ -11,6 +12,8 @@ import kafka.utils.ZkUtils;
 import org.I0Itec.zkclient.exception.ZkNodeExistsException;
 import org.apache.kafka.common.errors.*;
 import org.apache.kafka.common.security.JaasUtils;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
 import scala.Option;
 import scala.collection.JavaConversions;
 import scala.collection.Seq;
@@ -22,6 +25,9 @@ import java.util.*;
  * @date 20/4/22
  */
 public class TopicCommands {
+    private static final Logger LOGGER = LoggerFactory.getLogger(TopicCommands.class);
+
+
     public static ResultStatus createTopic(ClusterDO clusterDO,
                                            String topicName,
                                            Integer partitionNum,
@@ -56,16 +62,28 @@ public class TopicCommands {
                     false
             );
         } catch (NullPointerException e) {
+            LOGGER.error("class=TopicCommands||method=createTopic||errMsg={}||clusterDO={}||topicName={}||partitionNum={}||replicaNum={}||brokerIdList={}||config={}",
+                    e.getMessage(), clusterDO, topicName, partitionNum, replicaNum, JSON.toJSONString(brokerIdList), config, e);
             return ResultStatus.TOPIC_OPERATION_PARAM_NULL_POINTER;
         } catch (InvalidPartitionsException e) {
+            LOGGER.error("class=TopicCommands||method=createTopic||errMsg={}||clusterDO={}||topicName={}||partitionNum={}||replicaNum={}||brokerIdList={}||config={}",
+                    e.getMessage(), clusterDO, topicName,partitionNum,replicaNum,JSON.toJSONString(brokerIdList),config, e);
             return ResultStatus.TOPIC_OPERATION_PARTITION_NUM_ILLEGAL;
         } catch (InvalidReplicationFactorException e) {
+            LOGGER.error("class=TopicCommands||method=createTopic||errMsg={}||clusterDO={}||topicName={}||partitionNum={}||replicaNum={}||brokerIdList={}||config={}",
+                    e.getMessage(), clusterDO, topicName,partitionNum,replicaNum,JSON.toJSONString(brokerIdList),config, e);
             return ResultStatus.BROKER_NUM_NOT_ENOUGH;
         } catch (TopicExistsException | ZkNodeExistsException e) {
+            LOGGER.error("class=TopicCommands||method=createTopic||errMsg={}||clusterDO={}||topicName={}||partitionNum={}||replicaNum={}||brokerIdList={}||config={}",
+                    e.getMessage(), clusterDO, topicName,partitionNum,replicaNum,JSON.toJSONString(brokerIdList),config, e);
             return ResultStatus.TOPIC_OPERATION_TOPIC_EXISTED;
         } catch (InvalidTopicException e) {
+            LOGGER.error("class=TopicCommands||method=createTopic||errMsg={}||clusterDO={}||topicName={}||partitionNum={}||replicaNum={}||brokerIdList={}||config={}",
+                    e.getMessage(), clusterDO, topicName,partitionNum,replicaNum,JSON.toJSONString(brokerIdList),config, e);
             return ResultStatus.TOPIC_OPERATION_TOPIC_NAME_ILLEGAL;
         } catch (Throwable t) {
+            LOGGER.error("class=TopicCommands||method=createTopic||errMsg={}||clusterDO={}||topicName={}||partitionNum={}||replicaNum={}||brokerIdList={}||config={}",
+                    t.getMessage(), clusterDO, topicName,partitionNum,replicaNum,JSON.toJSONString(brokerIdList),config, t);
             return ResultStatus.TOPIC_OPERATION_UNKNOWN_ERROR;
         } finally {
             if (zkUtils != null) {
@@ -86,10 +104,13 @@ public class TopicCommands {
             );
             AdminUtils.deleteTopic(zkUtils, topicName);
         } catch (UnknownTopicOrPartitionException e) {
+            LOGGER.error("class=TopicCommands||method=deleteTopic||errMsg={}||clusterDO={}||topicName={}", e.getMessage(), clusterDO, topicName, e);
             return ResultStatus.TOPIC_OPERATION_UNKNOWN_TOPIC_PARTITION;
         } catch (ZkNodeExistsException e) {
+            LOGGER.error("class=TopicCommands||method=deleteTopic||errMsg={}||clusterDO={}||topicName={}", e.getMessage(), clusterDO, topicName, e);
             return ResultStatus.TOPIC_OPERATION_TOPIC_IN_DELETING;
         } catch (Throwable t) {
+            LOGGER.error("class=TopicCommands||method=deleteTopic||errMsg={}||clusterDO={}||topicName={}", t.getMessage(), clusterDO, topicName, t);
             return ResultStatus.TOPIC_OPERATION_UNKNOWN_ERROR;
         } finally {
             if (zkUtils != null) {
@@ -108,13 +129,15 @@ public class TopicCommands {
                     Constant.DEFAULT_SESSION_TIMEOUT_UNIT_MS,
                     JaasUtils.isZkSecurityEnabled()
             );
-
             AdminUtils.changeTopicConfig(zkUtils, topicName, config);
         } catch (AdminOperationException e) {
+            LOGGER.error("class=TopicCommands||method=modifyTopicConfig||errMsg={}||clusterDO={}||topicName={}||config={}", e.getMessage(), clusterDO, topicName,config, e);
             return ResultStatus.TOPIC_OPERATION_UNKNOWN_TOPIC_PARTITION;
         } catch (InvalidConfigurationException e) {
+            LOGGER.error("class=TopicCommands||method=modifyTopicConfig||errMsg={}||clusterDO={}||topicName={}||config={}", e.getMessage(), clusterDO, topicName,config, e);
             return ResultStatus.TOPIC_OPERATION_TOPIC_CONFIG_ILLEGAL;
         } catch (Throwable t) {
+            LOGGER.error("class=TopicCommands||method=modifyTopicConfig||errMsg={}||clusterDO={}||topicName={}||config={}", t.getMessage(), clusterDO, topicName,config, t);
             return ResultStatus.TOPIC_OPERATION_UNKNOWN_ERROR;
         } finally {
             if (zkUtils != null) {
@@ -174,6 +197,8 @@ public class TopicCommands {
                     true
             );
         } catch (Throwable t) {
+            LOGGER.error("class=TopicCommands||method=expandTopic||errMsg={}||clusterDO={}||topicName={}||partitionNum={}||brokerIdList={}"
+                    , t.getMessage(), clusterDO, topicName, partitionNum, JSON.toJSONString(brokerIdList), t);
             return ResultStatus.TOPIC_OPERATION_UNKNOWN_ERROR;
         } finally {
             if (zkUtils != null) {
diff --git a/kafka-manager-dao/src/main/java/com/xiaojukeji/kafka/manager/dao/TopicThrottledMetricsDao.java b/kafka-manager-dao/src/main/java/com/xiaojukeji/kafka/manager/dao/TopicThrottledMetricsDao.java
index 16764085..1010cc17 100644
--- a/kafka-manager-dao/src/main/java/com/xiaojukeji/kafka/manager/dao/TopicThrottledMetricsDao.java
+++ b/kafka-manager-dao/src/main/java/com/xiaojukeji/kafka/manager/dao/TopicThrottledMetricsDao.java
@@ -31,4 +31,6 @@ public interface TopicThrottledMetricsDao {
     List<TopicThrottledMetricsDO> getAppIdThrottle(long clusterId, String appId, Date startTime, Date endTime);
 
     List<TopicThrottledMetricsDO> getLatestTopicThrottledMetrics(Long clusterId, Date afterTime);
+
+    int deleteBeforeTime(Date endTime);
 }
diff --git a/kafka-manager-dao/src/main/java/com/xiaojukeji/kafka/manager/dao/impl/TopicThrottledMetricsDaoImpl.java b/kafka-manager-dao/src/main/java/com/xiaojukeji/kafka/manager/dao/impl/TopicThrottledMetricsDaoImpl.java
index 38d48d70..784bc242 100644
--- a/kafka-manager-dao/src/main/java/com/xiaojukeji/kafka/manager/dao/impl/TopicThrottledMetricsDaoImpl.java
+++ b/kafka-manager-dao/src/main/java/com/xiaojukeji/kafka/manager/dao/impl/TopicThrottledMetricsDaoImpl.java
@@ -73,4 +73,9 @@ public class TopicThrottledMetricsDaoImpl implements TopicThrottledMetricsDao {
         }
         return new ArrayList<>(throttleMap.values());
     }
+
+    @Override
+    public int deleteBeforeTime(Date endTime) {
+        return sqlSession.delete("TopicThrottledMetricsDao.deleteBeforeTime", endTime);
+    }
 }
diff --git a/kafka-manager-dao/src/main/resources/mapper/TopicThrottledMetricsDao.xml b/kafka-manager-dao/src/main/resources/mapper/TopicThrottledMetricsDao.xml
index 1634223b..c5b6474d 100644
--- a/kafka-manager-dao/src/main/resources/mapper/TopicThrottledMetricsDao.xml
+++ b/kafka-manager-dao/src/main/resources/mapper/TopicThrottledMetricsDao.xml
@@ -54,4 +54,9 @@
         AND gmt_create > #{afterTime}
     </select>
 
+    <delete id="deleteBeforeTime" parameterType="java.util.Date">
+        <![CDATA[
+		DELETE FROM topic_throttled_metrics WHERE gmt_create < #{endTime} LIMIT 3000
+	]]>
+    </delete>
 </mapper>
\ No newline at end of file
diff --git a/kafka-manager-extends/kafka-manager-account/src/main/java/com/xiaojukeji/kafka/manager/account/impl/AccountServiceImpl.java b/kafka-manager-extends/kafka-manager-account/src/main/java/com/xiaojukeji/kafka/manager/account/impl/AccountServiceImpl.java
index 8a78dbe1..591e09ac 100644
--- a/kafka-manager-extends/kafka-manager-account/src/main/java/com/xiaojukeji/kafka/manager/account/impl/AccountServiceImpl.java
+++ b/kafka-manager-extends/kafka-manager-account/src/main/java/com/xiaojukeji/kafka/manager/account/impl/AccountServiceImpl.java
@@ -76,6 +76,7 @@ public class AccountServiceImpl implements AccountService {
         } catch (Exception e) {
             LOGGER.error("create account failed, operate mysql failed, accountDO:{}.", accountDO, e);
         }
+        LOGGER.warn("class=AccountServiceImpl||method=createAccount||accountDO={}||msg=add account fail，{}!", accountDO,ResultStatus.MYSQL_ERROR.getMessage());
         return ResultStatus.MYSQL_ERROR;
     }
 
@@ -88,6 +89,7 @@ public class AccountServiceImpl implements AccountService {
         } catch (Exception e) {
             LOGGER.error("delete account failed, username:{}.", username, e);
         }
+        LOGGER.warn("class=AccountServiceImpl||method=deleteByName||username={}||msg=delete account fail,{}!", username,ResultStatus.MYSQL_ERROR.getMessage());
         return ResultStatus.MYSQL_ERROR;
     }
 
@@ -110,6 +112,7 @@ public class AccountServiceImpl implements AccountService {
         } catch (Exception e) {
             LOGGER.error("update account failed, accountDO:{}.", accountDO, e);
         }
+        LOGGER.warn("class=AccountServiceImpl||method=updateAccount||accountDO={}||msg=update account fail,{}!", accountDO,ResultStatus.MYSQL_ERROR.getMessage());
         return ResultStatus.MYSQL_ERROR;
     }
 
diff --git a/kafka-manager-extends/kafka-manager-bpm/src/main/java/com/xiaojukeji/kafka/manager/bpm/common/OrderTypeEnum.java b/kafka-manager-extends/kafka-manager-bpm/src/main/java/com/xiaojukeji/kafka/manager/bpm/common/OrderTypeEnum.java
index a2363652..6bd30997 100644
--- a/kafka-manager-extends/kafka-manager-bpm/src/main/java/com/xiaojukeji/kafka/manager/bpm/common/OrderTypeEnum.java
+++ b/kafka-manager-extends/kafka-manager-bpm/src/main/java/com/xiaojukeji/kafka/manager/bpm/common/OrderTypeEnum.java
@@ -6,23 +6,24 @@ package com.xiaojukeji.kafka.manager.bpm.common;
  * @date 19/6/23
  */
 public enum OrderTypeEnum {
-    APPLY_TOPIC         (00,     "Topic申请", "applyTopicOrder"),
-    DELETE_TOPIC        (10,     "Topic下线", "deleteTopicOrder"),
+    APPLY_TOPIC                 (00,     "Topic申请", "applyTopicOrder"),
+    DELETE_TOPIC                (10,     "Topic下线", "deleteTopicOrder"),
+    THIRD_PART_DELETE_TOPIC     (20,     "第三方Topic下线申请", "thirdPartDeleteTopicOrder"),
 
-    APPLY_APP           (01,     "应用申请", "applyAppOrder"),
-    DELETE_APP          (11,     "应用下线", "deleteAppOrder"),
+    APPLY_APP                   (01,     "应用申请", "applyAppOrder"),
+    DELETE_APP                  (11,     "应用下线", "deleteAppOrder"),
 
-    APPLY_QUOTA         (02,     "配额申请", "applyQuotaOrder"),
-    APPLY_PARTITION     (12,     "分区申请", "applyPartitionOrder"),
+    APPLY_QUOTA                 (02,     "配额申请", "applyQuotaOrder"),
+    APPLY_PARTITION             (12,     "分区申请", "applyPartitionOrder"),
 
-    APPLY_AUTHORITY     (03,     "权限申请", "applyAuthorityOrder"),
-    DELETE_AUTHORITY    (13,     "权限删除", "deleteAuthorityOrder"),
+    APPLY_AUTHORITY             (03,     "权限申请", "applyAuthorityOrder"),
+    DELETE_AUTHORITY            (13,     "权限删除", "deleteAuthorityOrder"),
 
-    APPLY_CLUSTER       (04,     "集群申请", "applyClusterOrder"),
-    DELETE_CLUSTER      (14,     "集群下线", "deleteClusterOrder"),
+    APPLY_CLUSTER               (04,     "集群申请", "applyClusterOrder"),
+    DELETE_CLUSTER              (14,     "集群下线", "deleteClusterOrder"),
 
-    APPLY_EXPAND_CLUSTER(05,     "集群扩容", "modifyClusterOrder"),
-    APPLY_REDUCE_CLUSTER(15,     "集群缩容", "modifyClusterOrder"),
+    APPLY_EXPAND_CLUSTER        (05,     "集群扩容", "modifyClusterOrder"),
+    APPLY_REDUCE_CLUSTER        (15,     "集群缩容", "modifyClusterOrder"),
 
     ;
 
diff --git a/kafka-manager-extends/kafka-manager-bpm/src/main/java/com/xiaojukeji/kafka/manager/bpm/common/entry/apply/OrderExtensionThirdPartDeleteTopicDTO.java b/kafka-manager-extends/kafka-manager-bpm/src/main/java/com/xiaojukeji/kafka/manager/bpm/common/entry/apply/OrderExtensionThirdPartDeleteTopicDTO.java
new file mode 100644
index 00000000..28e03952
--- /dev/null
+++ b/kafka-manager-extends/kafka-manager-bpm/src/main/java/com/xiaojukeji/kafka/manager/bpm/common/entry/apply/OrderExtensionThirdPartDeleteTopicDTO.java
@@ -0,0 +1,69 @@
+package com.xiaojukeji.kafka.manager.bpm.common.entry.apply;
+
+import com.xiaojukeji.kafka.manager.common.utils.ValidateUtils;
+
+/**
+ * @author zengqiao
+ * @date 20/12/2
+ */
+public class OrderExtensionThirdPartDeleteTopicDTO {
+    private Long clusterId;
+
+    private String topicName;
+
+    private String appId;
+
+    private String password;
+
+    public Long getClusterId() {
+        return clusterId;
+    }
+
+    public void setClusterId(Long clusterId) {
+        this.clusterId = clusterId;
+    }
+
+    public String getTopicName() {
+        return topicName;
+    }
+
+    public void setTopicName(String topicName) {
+        this.topicName = topicName;
+    }
+
+    public String getAppId() {
+        return appId;
+    }
+
+    public void setAppId(String appId) {
+        this.appId = appId;
+    }
+
+    public String getPassword() {
+        return password;
+    }
+
+    public void setPassword(String password) {
+        this.password = password;
+    }
+
+    @Override
+    public String toString() {
+        return "OrderExtensionThirdPartDeleteTopicDTO{" +
+                "clusterId=" + clusterId +
+                ", topicName='" + topicName + '\'' +
+                ", appId='" + appId + '\'' +
+                ", password='" + password + '\'' +
+                '}';
+    }
+
+    public boolean paramLegal() {
+        if (ValidateUtils.isNull(clusterId)
+                || ValidateUtils.isBlank(topicName)
+                || ValidateUtils.isBlank(appId)
+                || ValidateUtils.isBlank(password)) {
+            return false;
+        }
+        return true;
+    }
+}
\ No newline at end of file
diff --git a/kafka-manager-extends/kafka-manager-bpm/src/main/java/com/xiaojukeji/kafka/manager/bpm/component/LocalStorageService.java b/kafka-manager-extends/kafka-manager-bpm/src/main/java/com/xiaojukeji/kafka/manager/bpm/component/LocalStorageService.java
index 4b010dc9..0a308a41 100644
--- a/kafka-manager-extends/kafka-manager-bpm/src/main/java/com/xiaojukeji/kafka/manager/bpm/component/LocalStorageService.java
+++ b/kafka-manager-extends/kafka-manager-bpm/src/main/java/com/xiaojukeji/kafka/manager/bpm/component/LocalStorageService.java
@@ -3,11 +3,8 @@ package com.xiaojukeji.kafka.manager.bpm.component;
 import com.xiaojukeji.kafka.manager.bpm.common.OrderStatusEnum;
 import com.xiaojukeji.kafka.manager.common.entity.ResultStatus;
 import com.xiaojukeji.kafka.manager.common.entity.pojo.OrderDO;
-import com.xiaojukeji.kafka.manager.common.events.OrderApplyEvent;
-import com.xiaojukeji.kafka.manager.common.utils.SpringTool;
 import com.xiaojukeji.kafka.manager.common.utils.ValidateUtils;
 import com.xiaojukeji.kafka.manager.dao.OrderDao;
-import com.xiaojukeji.kafka.manager.service.utils.ConfigUtils;
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
@@ -27,17 +24,12 @@ public class LocalStorageService extends AbstractOrderStorageService {
     @Autowired
     private OrderDao orderDao;
 
-    @Autowired
-    private ConfigUtils configUtils;
-
     @Override
     public ResultStatus directSaveHandledOrder(OrderDO orderDO) {
         try {
             if (orderDao.directSaveHandledOrder(orderDO) <= 0) {
                 return ResultStatus.MYSQL_ERROR;
             }
-//            无需进行通知
-//            SpringTool.publish(new OrderApplyEvent(this, orderDO, configUtils.getIdc()));
             return ResultStatus.SUCCESS;
         } catch (Exception e) {
             LOGGER.error("add order failed, orderDO:{}.", orderDO, e);
@@ -52,7 +44,6 @@ public class LocalStorageService extends AbstractOrderStorageService {
                 return false;
             }
 
-            SpringTool.publish(new OrderApplyEvent(this, orderDO, configUtils.getIdc()));
             return true;
         } catch (Exception e) {
             LOGGER.error("add order failed, orderDO:{}.", orderDO, e);
diff --git a/kafka-manager-extends/kafka-manager-bpm/src/main/java/com/xiaojukeji/kafka/manager/bpm/impl/OrderServiceImpl.java b/kafka-manager-extends/kafka-manager-bpm/src/main/java/com/xiaojukeji/kafka/manager/bpm/impl/OrderServiceImpl.java
index f95273e0..71c05163 100644
--- a/kafka-manager-extends/kafka-manager-bpm/src/main/java/com/xiaojukeji/kafka/manager/bpm/impl/OrderServiceImpl.java
+++ b/kafka-manager-extends/kafka-manager-bpm/src/main/java/com/xiaojukeji/kafka/manager/bpm/impl/OrderServiceImpl.java
@@ -261,6 +261,14 @@ public class OrderServiceImpl implements OrderService {
                 resultList.add(new OrderResult(id, Result.buildFrom(ResultStatus.ORDER_NOT_EXIST)));
                 continue;
             }
+            // topic申请、topic分区申请不支持批量审批通过.
+            if (orderDO.getType().equals(OrderTypeEnum.APPLY_TOPIC.getCode())
+              || orderDO.getType().equals(OrderTypeEnum.APPLY_PARTITION.getCode())) {
+                if (OrderStatusEnum.PASSED.getCode().equals(reqObj.getStatus())) {
+                    continue;
+                }
+            }
+
             orderDOList.add(orderDO);
         }
         // 根据创建时间排序
diff --git a/kafka-manager-extends/kafka-manager-bpm/src/main/java/com/xiaojukeji/kafka/manager/bpm/order/impl/ThirdPartDeleteTopicOrder.java b/kafka-manager-extends/kafka-manager-bpm/src/main/java/com/xiaojukeji/kafka/manager/bpm/order/impl/ThirdPartDeleteTopicOrder.java
new file mode 100644
index 00000000..ec98ced7
--- /dev/null
+++ b/kafka-manager-extends/kafka-manager-bpm/src/main/java/com/xiaojukeji/kafka/manager/bpm/order/impl/ThirdPartDeleteTopicOrder.java
@@ -0,0 +1,164 @@
+package com.xiaojukeji.kafka.manager.bpm.order.impl;
+
+import com.alibaba.fastjson.JSONObject;
+import com.xiaojukeji.kafka.manager.bpm.common.OrderTypeEnum;
+import com.xiaojukeji.kafka.manager.bpm.common.entry.apply.OrderExtensionThirdPartDeleteTopicDTO;
+import com.xiaojukeji.kafka.manager.bpm.common.entry.detail.AbstractOrderDetailData;
+import com.xiaojukeji.kafka.manager.bpm.common.entry.detail.OrderDetailDeleteTopicDTO;
+import com.xiaojukeji.kafka.manager.bpm.common.handle.OrderHandleBaseDTO;
+import com.xiaojukeji.kafka.manager.bpm.order.AbstractTopicOrder;
+import com.xiaojukeji.kafka.manager.common.constant.Constant;
+import com.xiaojukeji.kafka.manager.common.entity.Result;
+import com.xiaojukeji.kafka.manager.common.entity.ResultStatus;
+import com.xiaojukeji.kafka.manager.common.entity.ao.topic.TopicConnection;
+import com.xiaojukeji.kafka.manager.common.entity.pojo.ClusterDO;
+import com.xiaojukeji.kafka.manager.common.entity.pojo.OrderDO;
+import com.xiaojukeji.kafka.manager.common.entity.pojo.TopicDO;
+import com.xiaojukeji.kafka.manager.common.entity.pojo.gateway.AppDO;
+import com.xiaojukeji.kafka.manager.common.utils.ListUtils;
+import com.xiaojukeji.kafka.manager.common.utils.ValidateUtils;
+import com.xiaojukeji.kafka.manager.service.cache.LogicalClusterMetadataManager;
+import com.xiaojukeji.kafka.manager.service.cache.PhysicalClusterMetadataManager;
+import com.xiaojukeji.kafka.manager.service.service.AdminService;
+import com.xiaojukeji.kafka.manager.service.service.ClusterService;
+import com.xiaojukeji.kafka.manager.service.service.TopicManagerService;
+import com.xiaojukeji.kafka.manager.service.service.gateway.AppService;
+import com.xiaojukeji.kafka.manager.service.service.gateway.TopicConnectionService;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Component;
+
+import java.util.Date;
+import java.util.List;
+
+/**
+ * @author zengqiao
+ * @date 20/12/2
+ */
+@Component("thirdPartDeleteTopicOrder")
+public class ThirdPartDeleteTopicOrder extends AbstractTopicOrder {
+    @Autowired
+    private LogicalClusterMetadataManager logicalClusterMetadataManager;
+
+    @Autowired
+    private AppService appService;
+
+    @Autowired
+    private ClusterService clusterService;
+
+    @Autowired
+    private AdminService adminService;
+
+    @Autowired
+    private TopicManagerService topicManagerService;
+
+    @Autowired
+    private TopicConnectionService connectionService;
+
+    @Override
+    public AbstractOrderDetailData getOrderExtensionDetailData(String extensions) {
+        OrderDetailDeleteTopicDTO orderDetailDTO = new OrderDetailDeleteTopicDTO();
+        OrderExtensionThirdPartDeleteTopicDTO orderExtensionDTO = JSONObject.parseObject(
+                extensions,
+                OrderExtensionThirdPartDeleteTopicDTO.class);
+        orderDetailDTO.setTopicName(orderExtensionDTO.getTopicName());
+        ClusterDO clusterDO = clusterService.getById(orderExtensionDTO.getClusterId());
+        if (!ValidateUtils.isNull(clusterDO)) {
+            orderDetailDTO.setPhysicalClusterId(clusterDO.getId());
+            orderDetailDTO.setPhysicalClusterName(clusterDO.getClusterName());
+        }
+
+        List<TopicConnection> connectionDTOList = connectionService.getByTopicName(
+                clusterDO.getId(),
+                orderExtensionDTO.getTopicName(),
+                new Date(System.currentTimeMillis() - Constant.TOPIC_CONNECTION_LATEST_TIME_MS),
+                new Date());
+        orderDetailDTO.setConnectionList(connectionDTOList);
+
+        TopicDO topicDO = topicManagerService.getByTopicName(clusterDO.getId(), orderExtensionDTO.getTopicName());
+        if (ValidateUtils.isNull(topicDO)) {
+            return orderDetailDTO;
+        }
+
+        AppDO appDO = appService.getByAppId(topicDO.getAppId());
+        if (ValidateUtils.isNull(appDO)) {
+            return orderDetailDTO;
+        }
+        orderDetailDTO.setAppId(appDO.getAppId());
+        orderDetailDTO.setAppName(appDO.getName());
+        orderDetailDTO.setAppPrincipals(appDO.getPrincipals());
+        return orderDetailDTO;
+    }
+
+    @Override
+    public Result<String> checkExtensionFieldsAndGenerateTitle(String extensions) {
+        OrderExtensionThirdPartDeleteTopicDTO orderExtensionDTO = JSONObject.parseObject(
+                extensions,
+                OrderExtensionThirdPartDeleteTopicDTO.class);
+        if (!orderExtensionDTO.paramLegal()) {
+            return Result.buildFrom(ResultStatus.PARAM_ILLEGAL);
+        }
+        Long physicalClusterId = logicalClusterMetadataManager.getPhysicalClusterId(orderExtensionDTO.getClusterId(), true);
+        if (ValidateUtils.isNull(physicalClusterId)) {
+            return Result.buildFrom(ResultStatus.CLUSTER_NOT_EXIST);
+        }
+        if (!PhysicalClusterMetadataManager.isTopicExist(physicalClusterId, orderExtensionDTO.getTopicName())) {
+            return Result.buildFrom(ResultStatus.TOPIC_NOT_EXIST);
+        }
+        AppDO appDO = appService.getByAppId(orderExtensionDTO.getAppId());
+        if (ValidateUtils.isNull(appDO)) {
+            return Result.buildFrom(ResultStatus.APP_NOT_EXIST);
+        }
+        if (!appDO.getPassword().equals(orderExtensionDTO.getPassword())) {
+            return Result.buildFrom(ResultStatus.USER_WITHOUT_AUTHORITY);
+        }
+
+        String title = String.format(
+                "%s-%d-%s",
+                OrderTypeEnum.DELETE_TOPIC.getMessage(),
+                orderExtensionDTO.getClusterId(),
+                orderExtensionDTO.getTopicName()
+        );
+        return new Result<>(title);
+    }
+
+    @Override
+    public ResultStatus handleOrderDetail(OrderDO orderDO,
+                                          OrderHandleBaseDTO orderHandleBaseDTO,
+                                          String userName) {
+        OrderExtensionThirdPartDeleteTopicDTO extensionDTO = JSONObject.parseObject(orderDO.getExtensions(),
+                OrderExtensionThirdPartDeleteTopicDTO.class);
+        Long physicalClusterId = logicalClusterMetadataManager.getPhysicalClusterId(extensionDTO.getClusterId(), true);
+        if (ValidateUtils.isNull(physicalClusterId)) {
+            return ResultStatus.CLUSTER_NOT_EXIST;
+        }
+        ClusterDO clusterDO = clusterService.getById(physicalClusterId);
+        if (!PhysicalClusterMetadataManager.isTopicExistStrictly(physicalClusterId, extensionDTO.getTopicName())) {
+            return ResultStatus.TOPIC_NOT_EXIST;
+        }
+        if (connectionService.isExistConnection(
+                physicalClusterId,
+                extensionDTO.getTopicName(),
+                new Date(System.currentTimeMillis() - Constant.TOPIC_CONNECTION_LATEST_TIME_MS),
+                new Date())
+                ) {
+            return ResultStatus.OPERATION_FORBIDDEN;
+        }
+
+        // 检查申请人是否在应用负责人里面
+        AppDO appDO = appService.getByAppId(extensionDTO.getAppId());
+        if (ValidateUtils.isNull(appDO)) {
+            return ResultStatus.APP_NOT_EXIST;
+        }
+        if (!appDO.getPassword().equals(extensionDTO.getPassword())
+                || !ListUtils.string2StrList(appDO.getPrincipals()).contains(orderDO.getApplicant())) {
+            // 密码错误 or 申请人不在应用负责人里面, 则返回错误
+            return ResultStatus.USER_WITHOUT_AUTHORITY;
+        }
+
+        ResultStatus resultStatus = adminService.deleteTopic(clusterDO, extensionDTO.getTopicName(), userName);
+        if (!ResultStatus.SUCCESS.equals(resultStatus)) {
+            return resultStatus;
+        }
+        return resultStatus;
+    }
+}
\ No newline at end of file
diff --git a/kafka-manager-extends/kafka-manager-kcm/src/main/java/com/xiaojukeji/kafka/manager/kcm/component/agent/n9e/N9e.java b/kafka-manager-extends/kafka-manager-kcm/src/main/java/com/xiaojukeji/kafka/manager/kcm/component/agent/n9e/N9e.java
index 90e347e0..f1f4b586 100644
--- a/kafka-manager-extends/kafka-manager-kcm/src/main/java/com/xiaojukeji/kafka/manager/kcm/component/agent/n9e/N9e.java
+++ b/kafka-manager-extends/kafka-manager-kcm/src/main/java/com/xiaojukeji/kafka/manager/kcm/component/agent/n9e/N9e.java
@@ -94,6 +94,7 @@ public class N9e extends AbstractAgent {
             );
             N9eResult zr = JSON.parseObject(response, N9eResult.class);
             if (!ValidateUtils.isBlank(zr.getErr())) {
+                LOGGER.warn("class=N9e||method=createTask||param={}||errMsg={}||msg=call create task fail", JsonUtils.toJSONString(param),zr.getErr());
                 return null;
             }
             return Long.valueOf(zr.getDat().toString());
@@ -110,7 +111,7 @@ public class N9e extends AbstractAgent {
 
         String response = null;
         try {
-            response = HttpUtils.postForString(
+            response = HttpUtils.putForString(
                     baseUrl + ACTION_TASK_URI.replace("{taskId}", taskId.toString()),
                     JSON.toJSONString(param),
                     buildHeader()
@@ -119,6 +120,7 @@ public class N9e extends AbstractAgent {
             if (ValidateUtils.isBlank(zr.getErr())) {
                 return true;
             }
+            LOGGER.warn("class=N9e||method=actionTask||param={}||errMsg={}||msg=call action task fail", JSON.toJSONString(param),zr.getErr());
             return false;
         } catch (Exception e) {
             LOGGER.error("action task failed, taskId:{}, action:{}.", taskId, action, e);
@@ -134,7 +136,7 @@ public class N9e extends AbstractAgent {
 
         String response = null;
         try {
-            response = HttpUtils.postForString(
+            response = HttpUtils.putForString(
                     baseUrl + ACTION_HOST_TASK_URI.replace("{taskId}", taskId.toString()),
                     JSON.toJSONString(param),
                     buildHeader()
@@ -143,6 +145,7 @@ public class N9e extends AbstractAgent {
             if (ValidateUtils.isBlank(zr.getErr())) {
                 return true;
             }
+            LOGGER.warn("class=N9e||method=actionHostTask||param={}||errMsg={}||msg=call action host task fail", JSON.toJSONString(param),zr.getErr());
             return false;
         } catch (Exception e) {
             LOGGER.error("action task failed, taskId:{} action:{} hostname:{}.", taskId, action, hostname, e);
@@ -265,6 +268,7 @@ public class N9e extends AbstractAgent {
 
             while ((line = bufferedReader.readLine()) != null) {
                 stringBuilder.append(line);
+                stringBuilder.append("\n");
             }
             return stringBuilder.toString();
         } catch (IOException e) {
diff --git a/kafka-manager-extends/kafka-manager-kcm/src/main/java/com/xiaojukeji/kafka/manager/kcm/component/storage/local/Local.java b/kafka-manager-extends/kafka-manager-kcm/src/main/java/com/xiaojukeji/kafka/manager/kcm/component/storage/local/Local.java
index 66d5fe04..40841de4 100644
--- a/kafka-manager-extends/kafka-manager-kcm/src/main/java/com/xiaojukeji/kafka/manager/kcm/component/storage/local/Local.java
+++ b/kafka-manager-extends/kafka-manager-kcm/src/main/java/com/xiaojukeji/kafka/manager/kcm/component/storage/local/Local.java
@@ -2,6 +2,7 @@ package com.xiaojukeji.kafka.manager.kcm.component.storage.local;
 
 import com.xiaojukeji.kafka.manager.common.entity.Result;
 import com.xiaojukeji.kafka.manager.common.entity.ResultStatus;
+import org.springframework.beans.factory.annotation.Value;
 import org.springframework.stereotype.Service;
 import com.xiaojukeji.kafka.manager.kcm.component.storage.AbstractStorageService;
 import org.springframework.web.multipart.MultipartFile;
@@ -12,6 +13,9 @@ import org.springframework.web.multipart.MultipartFile;
  */
 @Service("storageService")
 public class Local extends AbstractStorageService {
+    @Value("${kcm.storage.base-url}")
+    private String      baseUrl;
+
     @Override
     public boolean upload(String fileName, String fileMd5, MultipartFile uploadFile) {
         return false;
@@ -24,6 +28,6 @@ public class Local extends AbstractStorageService {
 
     @Override
     public String getDownloadBaseUrl() {
-        return "";
+        return baseUrl;
     }
 }
\ No newline at end of file
diff --git a/kafka-manager-extends/kafka-manager-kcm/src/main/java/com/xiaojukeji/kafka/manager/kcm/impl/KafkaFileServiceImpl.java b/kafka-manager-extends/kafka-manager-kcm/src/main/java/com/xiaojukeji/kafka/manager/kcm/impl/KafkaFileServiceImpl.java
index 037b2f79..f97510fd 100644
--- a/kafka-manager-extends/kafka-manager-kcm/src/main/java/com/xiaojukeji/kafka/manager/kcm/impl/KafkaFileServiceImpl.java
+++ b/kafka-manager-extends/kafka-manager-kcm/src/main/java/com/xiaojukeji/kafka/manager/kcm/impl/KafkaFileServiceImpl.java
@@ -56,6 +56,7 @@ public class KafkaFileServiceImpl implements KafkaFileService {
             }
             return ResultStatus.SUCCESS;
         } catch (DuplicateKeyException e) {
+            LOGGER.error("class=KafkaFileServiceImpl||method=uploadKafkaFile||errMsg={}||kafkaFileDTO={}||username={}", e.getMessage(), kafkaFileDTO, username, e);
             return ResultStatus.RESOURCE_ALREADY_EXISTED;
         } catch (Exception e) {
             LOGGER.error("upload kafka file failed, kafkaFileDTO:{}.", kafkaFileDTO, e);
@@ -93,6 +94,7 @@ public class KafkaFileServiceImpl implements KafkaFileService {
                 return ResultStatus.MYSQL_ERROR;
             }
         } catch (DuplicateKeyException e) {
+            LOGGER.error("class=KafkaFileServiceImpl||method=modifyKafkaFile||errMsg={}||kafkaFileDTO={}||userName={}", e.getMessage(), kafkaFileDTO, userName, e);
             return ResultStatus.RESOURCE_NAME_DUPLICATED;
         } catch (Exception e) {
             LOGGER.error("modify kafka file failed, kafkaFileDTO:{}.", kafkaFileDTO, e);
diff --git a/kafka-manager-extends/kafka-manager-kcm/src/main/java/com/xiaojukeji/kafka/manager/kcm/tasks/ClusterHostTaskService.java b/kafka-manager-extends/kafka-manager-kcm/src/main/java/com/xiaojukeji/kafka/manager/kcm/tasks/ClusterHostTaskService.java
index bea4b37a..f9999768 100644
--- a/kafka-manager-extends/kafka-manager-kcm/src/main/java/com/xiaojukeji/kafka/manager/kcm/tasks/ClusterHostTaskService.java
+++ b/kafka-manager-extends/kafka-manager-kcm/src/main/java/com/xiaojukeji/kafka/manager/kcm/tasks/ClusterHostTaskService.java
@@ -24,7 +24,7 @@ public class ClusterHostTaskService extends AbstractClusterTaskService {
         CreationTaskData dto = new CreationTaskData();
         for (String hostname: clusterHostTaskDTO.getHostList()) {
             if (!NetUtils.hostnameLegal(hostname)) {
-                return Result.buildFrom(ResultStatus.PARAM_ILLEGAL);
+                return Result.buildFrom(ResultStatus.CLUSTER_TASK_HOST_LIST_ILLEGAL);
             }
         }
         dto.setHostList(clusterHostTaskDTO.getHostList());
diff --git a/kafka-manager-extends/kafka-manager-kcm/src/main/resources/kcm_script.sh b/kafka-manager-extends/kafka-manager-kcm/src/main/resources/kcm_script.sh
index e369bee8..ffd54a20 100644
--- a/kafka-manager-extends/kafka-manager-kcm/src/main/resources/kcm_script.sh
+++ b/kafka-manager-extends/kafka-manager-kcm/src/main/resources/kcm_script.sh
@@ -19,12 +19,13 @@ p_kafka_server_properties_md5=${8}    #server配置MD5
 p_kafka_server_properties_url=${9}    #server配置文件下载地址
 
 #----------------------------------------配置信息------------------------------------------------------#
-g_hostname=`hostname`
-g_base_dir='/home/km'
+g_base_dir='/home'
 g_cluster_task_dir=${g_base_dir}"/kafka_cluster_task/task_${p_task_id}"  #部署升级路径
 g_rollback_version=${g_cluster_task_dir}"/rollback_version"              #回滚版本
 g_new_kafka_package_name=''                                              #最终的包名
 g_kafka_manager_addr=''                                                  #kafka-manager地址
+g_local_ip=`ifconfig -a|grep inet|grep -v 127.0.0.1|grep -v inet6|awk '{print $2}'|tr -d "addr:"`
+g_hostname=${g_local_ip}
 
 #----------------------------------------操作函数------------------------------------------------------#
 
@@ -71,11 +72,11 @@ function check_and_init_env() {
 
 # 检查并等待集群所有的副本处于同步的状态
 function check_and_wait_broker_stabled() {
-    under_replication_count=`curl -s -G -d "hostname="#{g_hostname} ${g_kafka_manager_addr}/api/v1/third-part/${p_cluster_id}/broker-stabled | python -m json.tool | grep true |wc -l`
+    under_replication_count=`curl -s -G -d "hostname="${g_hostname} ${g_kafka_manager_addr}/api/v1/third-part/${p_cluster_id}/broker-stabled | python -m json.tool | grep true |wc -l`
     while [ "$under_replication_count" -ne 1 ]; do
         ECHO_LOG "存在${under_replication_count}个副本未同步, sleep 10s"
         sleep 10
-        under_replication_count=`curl -s ${g_kafka_manager_addr}/api/v1/${p_cluster_id}/overview | python -m json.tool | grep false |wc -l`
+        under_replication_count=`curl -s -G -d "hostname="${g_hostname} ${g_kafka_manager_addr}/api/v1/third-part/${p_cluster_id}/broker-stabled | python -m json.tool | grep true |wc -l`
     done
     ECHO_LOG "集群副本都已经处于同步的状态, 可以进行集群升级"
 }
@@ -137,6 +138,9 @@ function prepare_cluster_task_files() {
         exit 1
     fi
 
+    # listeners配置，换成当前机器的IP，写到server.properties最后一行
+    echo "listeners=SASL_PLAINTEXT://${g_local_ip}:9093,PLAINTEXT://${g_local_ip}:9092" >> "${g_cluster_task_dir}/${p_kafka_package_name}/config/server.properties"
+
     # 将MD5信息写到包中
     echo "package_md5:${p_kafka_package_md5}    server_properties_md5:${p_kafka_package_md5}" > "${g_cluster_task_dir}/${p_kafka_package_name}/package_and_properties.md5"
 }
diff --git a/kafka-manager-extends/kafka-manager-openapi/src/main/java/com/xiaojukeji/kafka/manager/openapi/impl/ThirdPartServiceImpl.java b/kafka-manager-extends/kafka-manager-openapi/src/main/java/com/xiaojukeji/kafka/manager/openapi/impl/ThirdPartServiceImpl.java
index 10e0bfdf..d350af3a 100644
--- a/kafka-manager-extends/kafka-manager-openapi/src/main/java/com/xiaojukeji/kafka/manager/openapi/impl/ThirdPartServiceImpl.java
+++ b/kafka-manager-extends/kafka-manager-openapi/src/main/java/com/xiaojukeji/kafka/manager/openapi/impl/ThirdPartServiceImpl.java
@@ -132,14 +132,12 @@ public class ThirdPartServiceImpl implements ThirdPartService {
         if (ValidateUtils.isNull(dto)) {
             return null;
         }
-        List<PartitionOffsetDTO> offsetDTOList = dto.getPartitionOffsetDTOList();
-        if (ValidateUtils.isEmptyList(offsetDTOList)) {
-            offsetDTOList = topicService.getPartitionOffsetList(
-                        clusterDO, dto.getTopicName(), dto.getTimestamp());
-        }
+
+        List<PartitionOffsetDTO> offsetDTOList = this.getPartitionOffsetDTOList(clusterDO, dto);
         if (ValidateUtils.isEmptyList(offsetDTOList)) {
             return null;
         }
+
         OffsetLocationEnum offsetLocation = dto.getLocation().equals(
                 OffsetLocationEnum.ZOOKEEPER.location) ? OffsetLocationEnum.ZOOKEEPER : OffsetLocationEnum.BROKER;
         ResultStatus result = checkConsumerGroupExist(clusterDO, dto.getTopicName(), dto.getConsumerGroup(), offsetLocation, dto.getCreateIfAbsent());
@@ -160,6 +158,39 @@ public class ThirdPartServiceImpl implements ThirdPartService {
         );
     }
 
+    private List<PartitionOffsetDTO> getPartitionOffsetDTOList(ClusterDO clusterDO, OffsetResetDTO dto) {
+        List<PartitionOffsetDTO> offsetDTOList = dto.getPartitionOffsetDTOList();
+        if (!ValidateUtils.isEmptyList(offsetDTOList)) {
+            return offsetDTOList;
+        }
+
+        offsetDTOList = topicService.getPartitionOffsetList(clusterDO, dto.getTopicName(), dto.getTimestamp());
+        if (!ValidateUtils.isEmptyList(offsetDTOList)) {
+            return offsetDTOList;
+        }
+
+        Map<TopicPartition, Long> endOffsetMap = topicService.getPartitionOffset(clusterDO, dto.getTopicName(), OffsetPosEnum.END);
+        if (ValidateUtils.isEmptyMap(endOffsetMap)) {
+            return new ArrayList<>();
+        }
+
+        Map<TopicPartition, Long> beginOffsetMap = topicService.getPartitionOffset(clusterDO, dto.getTopicName(), OffsetPosEnum.BEGINNING);
+        if (ValidateUtils.isEmptyMap(beginOffsetMap)) {
+            return new ArrayList<>();
+        }
+
+        offsetDTOList = new ArrayList<>();
+        for (Map.Entry<TopicPartition, Long> entry: endOffsetMap.entrySet()) {
+            Long beginOffset = beginOffsetMap.get(entry.getKey());
+            if (ValidateUtils.isNull(beginOffset) || !beginOffset.equals(entry.getValue())) {
+                // offset 不相等, 表示还有数据, 则直接返回
+                return new ArrayList<>();
+            }
+            offsetDTOList.add(new PartitionOffsetDTO(entry.getKey().partition(), entry.getValue()));
+        }
+        return offsetDTOList;
+    }
+
     private ResultStatus checkConsumerGroupExist(ClusterDO clusterDO,
                                            String topicName,
                                            String consumerGroup,
diff --git a/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/store/StoreCommunityTopicMetrics.java b/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/collect/CollectAndPublishCommunityTopicMetrics.java
similarity index 86%
rename from kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/store/StoreCommunityTopicMetrics.java
rename to kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/collect/CollectAndPublishCommunityTopicMetrics.java
index 7a4a3f96..07a137e6 100644
--- a/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/store/StoreCommunityTopicMetrics.java
+++ b/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/collect/CollectAndPublishCommunityTopicMetrics.java
@@ -1,4 +1,4 @@
-package com.xiaojukeji.kafka.manager.task.dispatch.metrics.store;
+package com.xiaojukeji.kafka.manager.task.dispatch.metrics.collect;
 
 import com.xiaojukeji.kafka.manager.common.constant.KafkaMetricsCollections;
 import com.xiaojukeji.kafka.manager.common.entity.metrics.TopicMetrics;
@@ -16,12 +16,12 @@ import org.springframework.beans.factory.annotation.Autowired;
 import java.util.*;
 
 /**
- * Topic社区指标存储
+ * Topic社区指标收集
  * @author zengqiao
  * @date 20/7/21
  */
-@CustomScheduled(name = "storeCommunityTopicMetrics", cron = "31 0/1 * * * ?", threadNum = 5)
-public class StoreCommunityTopicMetrics extends AbstractScheduledTask<ClusterDO> {
+@CustomScheduled(name = "collectAndPublishCommunityTopicMetrics", cron = "31 0/1 * * * ?", threadNum = 5)
+public class CollectAndPublishCommunityTopicMetrics extends AbstractScheduledTask<ClusterDO> {
     @Autowired
     private JmxService jmxService;
 
diff --git a/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/delete/DeleteMetrics.java b/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/delete/DeleteMetrics.java
index 6a37edd2..b8632971 100644
--- a/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/delete/DeleteMetrics.java
+++ b/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/delete/DeleteMetrics.java
@@ -1,5 +1,6 @@
 package com.xiaojukeji.kafka.manager.task.dispatch.metrics.delete;
 
+import com.xiaojukeji.kafka.manager.common.constant.Constant;
 import com.xiaojukeji.kafka.manager.common.constant.LogConstant;
 import com.xiaojukeji.kafka.manager.dao.*;
 import com.xiaojukeji.kafka.manager.service.utils.ConfigUtils;
@@ -19,27 +20,30 @@ import java.util.List;
  * @author zengqiao
  * @date 20/1/8
  */
-@CustomScheduled(name = "deleteMetrics", cron = "0 0/1 * * * ?", threadNum = 1)
+@CustomScheduled(name = "deleteMetrics", cron = "0 0/2 * * * ?", threadNum = 1)
 public class DeleteMetrics extends AbstractScheduledTask<EmptyEntry> {
     private final static Logger LOGGER = LoggerFactory.getLogger(LogConstant.SCHEDULED_TASK_LOGGER);
 
     @Autowired
-    private TopicMetricsDao topicMetricsDao;
+    private ConfigUtils                 configUtils;
 
     @Autowired
-    private TopicAppMetricsDao topicAppMetricsDao;
+    private TopicMetricsDao             topicMetricsDao;
 
     @Autowired
-    private TopicRequestMetricsDao topicRequestMetricsDao;
+    private TopicAppMetricsDao          topicAppMetricsDao;
 
     @Autowired
-    private BrokerMetricsDao brokerMetricsDao;
+    private TopicRequestMetricsDao      topicRequestMetricsDao;
 
     @Autowired
-    private ClusterMetricsDao clusterMetricsDao;
+    private BrokerMetricsDao            brokerMetricsDao;
 
     @Autowired
-    private ConfigUtils configUtils;
+    private ClusterMetricsDao           clusterMetricsDao;
+
+    @Autowired
+    private TopicThrottledMetricsDao    topicThrottledMetricsDao;
 
     @Override
     public List<EmptyEntry> listAllTasks() {
@@ -50,8 +54,8 @@ public class DeleteMetrics extends AbstractScheduledTask<EmptyEntry> {
 
     @Override
     public void processTask(EmptyEntry entryEntry) {
-        if (!"dev".equals(configUtils.getKafkaManagerEnv())) {
-            // 非预发&线上环境直接跳过
+        if (Constant.INVALID_CODE.equals(configUtils.getMaxMetricsSaveDays())) {
+            // 无需数据删除
             return;
         }
 
@@ -75,6 +79,12 @@ public class DeleteMetrics extends AbstractScheduledTask<EmptyEntry> {
             LOGGER.error("delete topic request metrics failed.", e);
         }
 
+        try {
+            deleteThrottledMetrics();
+        } catch (Exception e) {
+            LOGGER.error("delete topic throttled metrics failed.", e);
+        }
+
         try {
             deleteBrokerMetrics();
         } catch (Exception e) {
@@ -90,27 +100,32 @@ public class DeleteMetrics extends AbstractScheduledTask<EmptyEntry> {
     }
 
     private void deleteTopicMetrics() {
-        Date endTime = new Date(System.currentTimeMillis() - 3 * 24 * 60 * 60 * 1000);
+        Date endTime = new Date(System.currentTimeMillis() - configUtils.getMaxMetricsSaveDays() * 24 * 60 * 60 * 1000);
         topicMetricsDao.deleteBeforeTime(endTime);
     }
 
     private void deleteTopicAppMetrics() {
-        Date endTime = new Date(System.currentTimeMillis() - 3 * 24 * 60 * 60 * 1000);
+        Date endTime = new Date(System.currentTimeMillis() - configUtils.getMaxMetricsSaveDays() * 24 * 60 * 60 * 1000);
         topicAppMetricsDao.deleteBeforeTime(endTime);
     }
 
     private void deleteTopicRequestMetrics() {
-        Date endTime = new Date(System.currentTimeMillis() - 3 * 24 * 60 * 60 * 1000);
+        Date endTime = new Date(System.currentTimeMillis() - configUtils.getMaxMetricsSaveDays() * 24 * 60 * 60 * 1000);
         topicRequestMetricsDao.deleteBeforeTime(endTime);
     }
 
+    private void deleteThrottledMetrics() {
+        Date endTime = new Date(System.currentTimeMillis() - configUtils.getMaxMetricsSaveDays() * 24 * 60 * 60 * 1000);
+        topicThrottledMetricsDao.deleteBeforeTime(endTime);
+    }
+
     private void deleteBrokerMetrics() {
-        Date endTime = new Date(System.currentTimeMillis() - 7 * 24 * 60 * 60 * 1000);
+        Date endTime = new Date(System.currentTimeMillis() - configUtils.getMaxMetricsSaveDays() * 24 * 60 * 60 * 1000);
         brokerMetricsDao.deleteBeforeTime(endTime);
     }
 
     private void deleteClusterMetrics() {
-        Date endTime = new Date(System.currentTimeMillis() - 7 * 24 * 60 * 60 * 1000);
+        Date endTime = new Date(System.currentTimeMillis() - configUtils.getMaxMetricsSaveDays() * 24 * 60 * 60 * 1000);
         clusterMetricsDao.deleteBeforeTime(endTime);
     }
 }
\ No newline at end of file
diff --git a/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/store/StoreBrokerMetrics.java b/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/store/StoreBrokerMetrics.java
index 6ecdb0a4..50f5f633 100644
--- a/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/store/StoreBrokerMetrics.java
+++ b/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/store/StoreBrokerMetrics.java
@@ -23,6 +23,7 @@ import com.xiaojukeji.kafka.manager.task.component.CustomScheduled;
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.boot.autoconfigure.condition.ConditionalOnProperty;
 
 import java.util.ArrayList;
 import java.util.List;
@@ -34,6 +35,7 @@ import java.util.Map;
  * @date 20/5/7
  */
 @CustomScheduled(name = "storeBrokerMetrics", cron = "21 0/1 * * * ?", threadNum = 2)
+@ConditionalOnProperty(prefix = "custom.store-metrics-task.community", name = "broker-metrics-enabled", havingValue = "true", matchIfMissing = true)
 public class StoreBrokerMetrics extends AbstractScheduledTask<ClusterDO> {
     private static final Logger LOGGER = LoggerFactory.getLogger(LogConstant.SCHEDULED_TASK_LOGGER);
 
diff --git a/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/store/StoreDiDiAppTopicMetrics.java b/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/store/StoreDiDiAppTopicMetrics.java
index bf7681b9..ede6525d 100644
--- a/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/store/StoreDiDiAppTopicMetrics.java
+++ b/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/store/StoreDiDiAppTopicMetrics.java
@@ -16,6 +16,7 @@ import com.xiaojukeji.kafka.manager.task.component.CustomScheduled;
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.boot.autoconfigure.condition.ConditionalOnProperty;
 import org.springframework.stereotype.Component;
 
 import java.util.*;
@@ -25,6 +26,7 @@ import java.util.*;
  * @date 20/7/21
  */
 @CustomScheduled(name = "storeDiDiAppTopicMetrics", cron = "41 0/1 * * * ?", threadNum = 5)
+@ConditionalOnProperty(prefix = "custom.store-metrics-task.didi", name = "app-topic-metrics-enabled", havingValue = "true", matchIfMissing = true)
 public class StoreDiDiAppTopicMetrics extends AbstractScheduledTask<ClusterDO> {
     private final static Logger LOGGER = LoggerFactory.getLogger(LogConstant.SCHEDULED_TASK_LOGGER);
 
diff --git a/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/store/StoreDiDiTopicRequestTimeMetrics.java b/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/store/StoreDiDiTopicRequestTimeMetrics.java
index 4644d148..c4caa229 100644
--- a/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/store/StoreDiDiTopicRequestTimeMetrics.java
+++ b/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/store/StoreDiDiTopicRequestTimeMetrics.java
@@ -16,6 +16,7 @@ import com.xiaojukeji.kafka.manager.task.component.CustomScheduled;
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.boot.autoconfigure.condition.ConditionalOnProperty;
 
 import java.util.*;
 
@@ -24,6 +25,7 @@ import java.util.*;
  * @date 20/7/21
  */
 @CustomScheduled(name = "storeDiDiTopicRequestTimeMetrics", cron = "51 0/1 * * * ?", threadNum = 5)
+@ConditionalOnProperty(prefix = "custom.store-metrics-task.didi", name = "topic-request-time-metrics-enabled", havingValue = "true", matchIfMissing = true)
 public class StoreDiDiTopicRequestTimeMetrics extends AbstractScheduledTask<ClusterDO> {
     private final static Logger LOGGER = LoggerFactory.getLogger(LogConstant.SCHEDULED_TASK_LOGGER);
 
diff --git a/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/op/AutoHandleTopicOrder.java b/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/op/AutoHandleTopicOrder.java
index 66308891..5db8a679 100644
--- a/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/op/AutoHandleTopicOrder.java
+++ b/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/op/AutoHandleTopicOrder.java
@@ -69,6 +69,7 @@ public class AutoHandleTopicOrder extends AbstractScheduledTask<EmptyEntry> {
             return ;
         }
 
+        Integer maxPassedOrderNumPerTask = configService.getAutoPassedTopicApplyOrderNumPerTask();
         for (OrderDO orderDO: doList) {
             if (!OrderTypeEnum.APPLY_TOPIC.getCode().equals(orderDO.getType())) {
                 continue;
@@ -77,7 +78,11 @@ public class AutoHandleTopicOrder extends AbstractScheduledTask<EmptyEntry> {
                 if (!handleApplyTopicOrder(orderDO)) {
                     continue;
                 }
-                return;
+                maxPassedOrderNumPerTask -= 1;
+                if (maxPassedOrderNumPerTask <= 0) {
+                    return;
+                }
+                LOGGER.info("class=AutoHandleTopicOrder||method=processTask||msg=passed id:{}", orderDO.getId());
             } catch (Exception e) {
                 LOGGER.error("handle apply topic order failed, orderDO:{}.", orderDO, e);
             }
diff --git a/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/store/SinkCommunityTopicMetrics2Monitor.java b/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/listener/SinkCommunityTopicMetrics2Monitor.java
similarity index 98%
rename from kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/store/SinkCommunityTopicMetrics2Monitor.java
rename to kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/listener/SinkCommunityTopicMetrics2Monitor.java
index 2256cc70..e8df775b 100644
--- a/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/dispatch/metrics/store/SinkCommunityTopicMetrics2Monitor.java
+++ b/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/listener/SinkCommunityTopicMetrics2Monitor.java
@@ -1,4 +1,4 @@
-package com.xiaojukeji.kafka.manager.task.dispatch.metrics.store;
+package com.xiaojukeji.kafka.manager.task.listener;
 
 import com.xiaojukeji.kafka.manager.monitor.common.entry.bizenum.MonitorMetricNameEnum;
 import com.xiaojukeji.kafka.manager.common.constant.LogConstant;
diff --git a/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/listener/StoreCommunityTopicMetrics2DB.java b/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/listener/StoreCommunityTopicMetrics2DB.java
index f4abc5fd..0c0714f7 100644
--- a/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/listener/StoreCommunityTopicMetrics2DB.java
+++ b/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/listener/StoreCommunityTopicMetrics2DB.java
@@ -11,6 +11,7 @@ import com.xiaojukeji.kafka.manager.service.utils.MetricsConvertUtils;
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.boot.autoconfigure.condition.ConditionalOnProperty;
 import org.springframework.context.ApplicationListener;
 import org.springframework.stereotype.Component;
 
@@ -22,6 +23,7 @@ import java.util.List;
  * @date 20/9/1
  */
 @Component("storeCommunityTopicMetrics2DB")
+@ConditionalOnProperty(prefix = "custom.store-metrics-task.community", name = "topic-metrics-enabled", havingValue = "true", matchIfMissing = true)
 public class StoreCommunityTopicMetrics2DB implements ApplicationListener<TopicMetricsCollectedEvent> {
     private final static Logger LOGGER = LoggerFactory.getLogger(LogConstant.SCHEDULED_TASK_LOGGER);
 
diff --git a/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/listener/StoreTopicThrottledMetrics2DB.java b/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/listener/StoreTopicThrottledMetrics2DB.java
index e89c5abb..4e34e732 100644
--- a/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/listener/StoreTopicThrottledMetrics2DB.java
+++ b/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/listener/StoreTopicThrottledMetrics2DB.java
@@ -11,6 +11,7 @@ import com.xiaojukeji.kafka.manager.task.common.TopicThrottledMetricsCollectedEv
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.boot.autoconfigure.condition.ConditionalOnProperty;
 import org.springframework.context.ApplicationListener;
 import org.springframework.stereotype.Component;
 
@@ -21,6 +22,7 @@ import java.util.*;
  * @date 20/9/24
  */
 @Component("storeTopicThrottledMetrics2DB")
+@ConditionalOnProperty(prefix = "custom.store-metrics-task.didi", name = "topic-throttled-metrics", havingValue = "true", matchIfMissing = true)
 public class StoreTopicThrottledMetrics2DB implements ApplicationListener<TopicThrottledMetricsCollectedEvent> {
     private final static Logger LOGGER = LoggerFactory.getLogger(LogConstant.SCHEDULED_TASK_LOGGER);
 
diff --git a/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/schedule/metadata/FlushClusterMetadata.java b/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/schedule/metadata/FlushClusterMetadata.java
index b2ac569c..e2c63e06 100644
--- a/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/schedule/metadata/FlushClusterMetadata.java
+++ b/kafka-manager-task/src/main/java/com/xiaojukeji/kafka/manager/task/schedule/metadata/FlushClusterMetadata.java
@@ -31,9 +31,6 @@ public class FlushClusterMetadata {
        Set<Long> oldClusterIdSet = physicalClusterMetadataManager.getClusterIdSet();
        for (ClusterDO clusterDO: doList) {
            newClusterIdSet.add(clusterDO.getId());
-           if (oldClusterIdSet.contains(clusterDO.getId())) {
-               continue;
-           }
 
            // 添加集群
            physicalClusterMetadataManager.addNew(clusterDO);
diff --git a/kafka-manager-web/assembly.xml b/kafka-manager-web/assembly.xml
new file mode 100644
index 00000000..8d2eeed6
--- /dev/null
+++ b/kafka-manager-web/assembly.xml
@@ -0,0 +1,44 @@
+<assembly
+        xmlns="http://maven.apache.org/plugins/maven-assembly-plugin/assembly/1.1.0"
+        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:schemaLocation="http://maven.apache.org/plugins/maven-assembly-plugin/assembly/1.1.0 http://maven.apache.org/xsd/assembly-1.1.0.xsd">
+    <id>bin</id>
+    <formats>
+        <format>dir</format>
+        <format>tar.gz</format>
+    </formats>
+    <fileSets>
+        <fileSet>
+            <includes>
+                <include>bin/*</include>
+            </includes>
+            <fileMode>0755</fileMode>
+        </fileSet>
+
+        <fileSet>
+            <directory>../docs/install_guide</directory>
+            <outputDirectory>install</outputDirectory>
+            <includes>
+                <include>*</include>
+            </includes>
+        </fileSet>
+
+        <fileSet>
+            <directory>src/main/resources/</directory>
+            <outputDirectory>conf</outputDirectory>
+            <includes>
+                <include>application.yml</include>
+                <include>logback-spring.xml</include>
+            </includes>
+        </fileSet>
+
+        <fileSet>
+            <directory>${project.build.directory}</directory>
+            <outputDirectory>libs</outputDirectory>
+            <includes>
+                <include>*.jar</include>
+            </includes>
+        </fileSet>
+
+    </fileSets>
+</assembly>
\ No newline at end of file
diff --git a/kafka-manager-web/pom.xml b/kafka-manager-web/pom.xml
index 17875676..9970a0bf 100644
--- a/kafka-manager-web/pom.xml
+++ b/kafka-manager-web/pom.xml
@@ -122,6 +122,26 @@
                     </execution>
                 </executions>
             </plugin>
+            <!--<plugin>-->
+                <!--<groupId>org.apache.maven.plugins</groupId>-->
+                <!--<artifactId>maven-assembly-plugin</artifactId>-->
+                <!--<executions>-->
+                    <!--<execution>-->
+                        <!--<id>make-assembly</id>-->
+                        <!--<phase>package</phase>-->
+                        <!--<goals>-->
+                            <!--<goal>single</goal>-->
+                        <!--</goals>-->
+                        <!--<configuration>-->
+                            <!--<finalName>kafka-manager-${project.version}</finalName>-->
+                            <!--<descriptors>-->
+                                <!--<descriptor>assembly.xml</descriptor>-->
+                            <!--</descriptors>-->
+                            <!--<tarLongFileMode>posix</tarLongFileMode>-->
+                        <!--</configuration>-->
+                    <!--</execution>-->
+                <!--</executions>-->
+            <!--</plugin>-->
         </plugins>
     </build>
 </project>
diff --git a/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/gateway/GatewayHeartbeatController.java b/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/gateway/GatewayHeartbeatController.java
index 78f5ac4a..1f86c48b 100644
--- a/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/gateway/GatewayHeartbeatController.java
+++ b/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/gateway/GatewayHeartbeatController.java
@@ -4,6 +4,7 @@ import com.alibaba.fastjson.JSONObject;
 import com.xiaojukeji.kafka.manager.common.annotations.ApiLevel;
 import com.xiaojukeji.kafka.manager.common.constant.ApiLevelContent;
 import com.xiaojukeji.kafka.manager.common.entity.Result;
+import com.xiaojukeji.kafka.manager.common.entity.pojo.gateway.TopicConnectionDO;
 import com.xiaojukeji.kafka.manager.common.utils.JsonUtils;
 import com.xiaojukeji.kafka.manager.common.utils.ValidateUtils;
 import com.xiaojukeji.kafka.manager.service.service.gateway.TopicConnectionService;
@@ -15,6 +16,8 @@ import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.web.bind.annotation.*;
 
+import java.util.List;
+
 /**
  * @author zengqiao
  * @date 20/7/6
@@ -35,15 +38,22 @@ public class GatewayHeartbeatController {
     public Result receiveTopicConnections(@RequestParam("clusterId") Long clusterId,
                                           @RequestParam("brokerId") Integer brokerId,
                                           @RequestBody JSONObject jsonObject) {
-        try {
-            if (ValidateUtils.isNull(jsonObject) || jsonObject.isEmpty()) {
-                return Result.buildSuc();
-            }
-            topicConnectionService.batchAdd(JsonUtils.parseTopicConnections(clusterId, jsonObject));
+        if (ValidateUtils.isNull(jsonObject) || jsonObject.isEmpty()) {
+            LOGGER.info("class=GatewayHeartbeatController||method=receiveTopicConnections||clusterId={}||brokerId={}||msg=connections empty!", clusterId, brokerId);
             return Result.buildSuc();
-        } catch (Exception e) {
-            LOGGER.error("receive topic connections failed, clusterId:{} brokerId:{} req:{}", clusterId, brokerId, jsonObject, e);
         }
-        return Result.buildFailure("fail");
+
+        LOGGER.info("class=GatewayHeartbeatController||method=receiveTopicConnections||clusterId={}||brokerId={}||size={}||msg=receive connections", clusterId, brokerId, jsonObject.size());
+
+        List<TopicConnectionDO> doList = null;
+        try {
+            doList = JsonUtils.parseTopicConnections(clusterId, jsonObject);
+        } catch (Exception e) {
+            LOGGER.error("class=GatewayHeartbeatController||method=receiveTopicConnections||clusterId={}||brokerId={}||msg=parse data failed||exception={}", clusterId, brokerId, e.getMessage());
+            return Result.buildFailure("fail");
+        }
+
+        topicConnectionService.batchAdd(doList);
+        return Result.buildSuc();
     }
 }
\ No newline at end of file
diff --git a/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/gateway/GatewayServiceDiscoveryController.java b/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/gateway/GatewayServiceDiscoveryController.java
index 0d4e899b..e490368d 100644
--- a/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/gateway/GatewayServiceDiscoveryController.java
+++ b/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/gateway/GatewayServiceDiscoveryController.java
@@ -14,6 +14,8 @@ import com.xiaojukeji.kafka.manager.service.service.gateway.GatewayConfigService
 import com.xiaojukeji.kafka.manager.common.constant.ApiPrefix;
 import io.swagger.annotations.Api;
 import io.swagger.annotations.ApiOperation;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.web.bind.annotation.*;
 
@@ -29,6 +31,9 @@ import java.util.Map;
 @RestController
 @RequestMapping(ApiPrefix.GATEWAY_API_V1_PREFIX)
 public class GatewayServiceDiscoveryController {
+
+    private final static Logger LOGGER = LoggerFactory.getLogger(GatewayHeartbeatController.class);
+
     @Autowired
     private GatewayConfigService gatewayConfigService;
 
@@ -38,6 +43,7 @@ public class GatewayServiceDiscoveryController {
     @ResponseBody
     public String getKafkaBootstrapServer(@RequestParam("clusterId") Long clusterId) {
         if (ValidateUtils.isNull(clusterId)) {
+            LOGGER.warn("class=GatewayServiceDiscoveryController||method=getKafkaBootstrapServer||msg=param clusterId is null!");
             return "";
         }
         GatewayConfigDO configDO = gatewayConfigService.getByTypeAndName(
@@ -45,6 +51,7 @@ public class GatewayServiceDiscoveryController {
                 String.valueOf(clusterId)
         );
         if (ValidateUtils.isNull(configDO)) {
+            LOGGER.info("class=GatewayServiceDiscoveryController||method=getKafkaBootstrapServer||msg=configDO is null!");
             return "";
         }
         return configDO.getValue();
diff --git a/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/normal/NormalAccountController.java b/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/normal/NormalAccountController.java
index afca917e..91a0dbaf 100644
--- a/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/normal/NormalAccountController.java
+++ b/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/normal/NormalAccountController.java
@@ -9,8 +9,11 @@ import com.xiaojukeji.kafka.manager.common.entity.vo.common.AccountSummaryVO;
 import com.xiaojukeji.kafka.manager.common.utils.ValidateUtils;
 import com.xiaojukeji.kafka.manager.common.utils.SpringTool;
 import com.xiaojukeji.kafka.manager.common.constant.ApiPrefix;
+import com.xiaojukeji.kafka.manager.web.api.versionone.gateway.GatewayHeartbeatController;
 import io.swagger.annotations.Api;
 import io.swagger.annotations.ApiOperation;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.web.bind.annotation.*;
 
@@ -25,6 +28,9 @@ import java.util.List;
 @RestController
 @RequestMapping(ApiPrefix.API_V1_NORMAL_PREFIX)
 public class NormalAccountController {
+
+    private final static Logger LOGGER = LoggerFactory.getLogger(NormalAccountController.class);
+
     @Autowired
     private AccountService accountService;
 
@@ -34,6 +40,8 @@ public class NormalAccountController {
     public Result<List<AccountSummaryVO>> searchOnJobStaffByKeyWord(@RequestParam("keyWord") String keyWord) {
         List<EnterpriseStaff> staffList = accountService.searchAccountByPrefix(keyWord);
         if (ValidateUtils.isEmptyList(staffList)) {
+            LOGGER.info("class=NormalAccountController||method=searchOnJobStaffByKeyWord||keyWord={}||msg=staffList is empty!"
+                    ,keyWord);
             return new Result<>();
         }
         List<AccountSummaryVO> voList = new ArrayList<>();
diff --git a/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/normal/NormalAppController.java b/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/normal/NormalAppController.java
index e0e231e8..cae8c537 100644
--- a/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/normal/NormalAppController.java
+++ b/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/normal/NormalAppController.java
@@ -1,5 +1,6 @@
 package com.xiaojukeji.kafka.manager.web.api.versionone.normal;
 
+import com.xiaojukeji.kafka.manager.account.AccountService;
 import com.xiaojukeji.kafka.manager.common.annotations.ApiLevel;
 import com.xiaojukeji.kafka.manager.common.bizenum.TopicAuthorityEnum;
 import com.xiaojukeji.kafka.manager.common.constant.ApiLevelContent;
@@ -8,6 +9,7 @@ import com.xiaojukeji.kafka.manager.common.entity.Result;
 import com.xiaojukeji.kafka.manager.common.entity.ResultStatus;
 import com.xiaojukeji.kafka.manager.common.entity.ao.AppTopicDTO;
 import com.xiaojukeji.kafka.manager.common.entity.dto.normal.AppDTO;
+import com.xiaojukeji.kafka.manager.common.entity.pojo.gateway.AppDO;
 import com.xiaojukeji.kafka.manager.common.entity.vo.normal.QuotaVO;
 import com.xiaojukeji.kafka.manager.common.entity.vo.normal.app.AppTopicAuthorityVO;
 import com.xiaojukeji.kafka.manager.common.entity.vo.normal.app.AppTopicVO;
@@ -45,6 +47,9 @@ public class NormalAppController {
     @Autowired
     private AppService appService;
 
+    @Autowired
+    private AccountService accountService;
+
     @Autowired
     private QuotaService quotaService;
 
@@ -71,9 +76,16 @@ public class NormalAppController {
     @RequestMapping(value = "apps/{appId}/basic-info", method = RequestMethod.GET)
     @ResponseBody
     public Result<AppVO> getAppBasicInfo(@PathVariable String appId) {
-        return new Result<>(AppConverter.convert2AppVO(
-                appService.getByAppId(appId))
-        );
+        if (accountService.isAdminOrderHandler(SpringTool.getUserName())) {
+            return new Result<>(AppConverter.convert2AppVO(appService.getByAppId(appId)));
+        }
+
+        AppDO appDO = appService.getAppByUserAndId(appId, SpringTool.getUserName());
+        if (appDO == null) {
+            return Result.buildFrom(ResultStatus.USER_WITHOUT_AUTHORITY);
+        }
+
+        return new Result<>(AppConverter.convert2AppVO(appDO));
     }
 
     @ApiOperation(value = "App修改", notes = "")
diff --git a/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/normal/NormalConsumerController.java b/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/normal/NormalConsumerController.java
index e43bc445..a0decf49 100644
--- a/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/normal/NormalConsumerController.java
+++ b/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/normal/NormalConsumerController.java
@@ -79,6 +79,7 @@ public class NormalConsumerController {
             @RequestParam("location") String location,
             @RequestParam(value = "isPhysicalClusterId", required = false) Boolean isPhysicalClusterId) {
         if (ValidateUtils.isNull(location)) {
+
             return Result.buildFrom(ResultStatus.PARAM_ILLEGAL);
         }
         Long physicalClusterId = logicalClusterMetadataManager.getPhysicalClusterId(clusterId, isPhysicalClusterId);
diff --git a/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/normal/NormalTopicController.java b/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/normal/NormalTopicController.java
index c414045f..efc0eec8 100644
--- a/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/normal/NormalTopicController.java
+++ b/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/normal/NormalTopicController.java
@@ -4,6 +4,7 @@ import com.xiaojukeji.kafka.manager.common.constant.Constant;
 import com.xiaojukeji.kafka.manager.common.constant.KafkaMetricsCollections;
 import com.xiaojukeji.kafka.manager.common.entity.Result;
 import com.xiaojukeji.kafka.manager.common.entity.ResultStatus;
+import com.xiaojukeji.kafka.manager.common.entity.ao.topic.TopicConnection;
 import com.xiaojukeji.kafka.manager.common.entity.ao.topic.TopicPartitionDTO;
 import com.xiaojukeji.kafka.manager.common.entity.dto.normal.TopicDataSampleDTO;
 import com.xiaojukeji.kafka.manager.common.entity.metrics.BaseMetrics;
@@ -14,6 +15,7 @@ import com.xiaojukeji.kafka.manager.common.utils.SpringTool;
 import com.xiaojukeji.kafka.manager.common.utils.ValidateUtils;
 import com.xiaojukeji.kafka.manager.common.entity.pojo.ClusterDO;
 import com.xiaojukeji.kafka.manager.common.entity.pojo.KafkaBillDO;
+import com.xiaojukeji.kafka.manager.common.utils.jmx.JmxAttributeEnum;
 import com.xiaojukeji.kafka.manager.service.cache.LogicalClusterMetadataManager;
 import com.xiaojukeji.kafka.manager.service.cache.PhysicalClusterMetadataManager;
 import com.xiaojukeji.kafka.manager.service.service.*;
@@ -134,18 +136,27 @@ public class NormalTopicController {
     public Result<List<TopicRequestTimeDetailVO>> getTopicRequestMetrics(
             @PathVariable Long clusterId,
             @PathVariable String topicName,
-            @RequestParam(value = "isPhysicalClusterId", required = false) Boolean isPhysicalClusterId) {
+            @RequestParam(value = "isPhysicalClusterId", required = false) Boolean isPhysicalClusterId,
+            @RequestParam(value = "percentile", required = false, defaultValue = "75thPercentile") String percentile) {
         Long physicalClusterId = logicalClusterMetadataManager.getPhysicalClusterId(clusterId, isPhysicalClusterId);
         if (ValidateUtils.isNull(physicalClusterId)) {
             return Result.buildFrom(ResultStatus.CLUSTER_NOT_EXIST);
         }
+
+        Boolean isPercentileLegal = Arrays.stream(JmxAttributeEnum.PERCENTILE_ATTRIBUTE.getAttribute())
+                .anyMatch(percentile::equals);
+
+        if (!isPercentileLegal) {
+            return Result.buildFrom(ResultStatus.PARAM_ILLEGAL);
+        }
+
         BaseMetrics metrics = topicService.getTopicMetricsFromJMX(
                 physicalClusterId,
                 topicName,
                 KafkaMetricsCollections.TOPIC_REQUEST_TIME_DETAIL_PAGE_METRICS,
                 false
         );
-        return new Result<>(TopicModelConverter.convert2TopicRequestTimeDetailVOList(metrics));
+        return new Result<>(TopicModelConverter.convert2TopicRequestTimeDetailVOList(metrics, percentile));
     }
 
     @ApiOperation(value = "Topic历史请求耗时信息", notes = "")
@@ -184,14 +195,26 @@ public class NormalTopicController {
             return Result.buildFrom(ResultStatus.CLUSTER_NOT_EXIST);
         }
 
-        return new Result<>(TopicModelConverter.convert2TopicConnectionVOList(
-                connectionService.getByTopicName(
-                        physicalClusterId,
-                        topicName,
-                        new Date(System.currentTimeMillis() - Constant.TOPIC_CONNECTION_LATEST_TIME_MS),
-                        new Date()
-                )
-        ));
+        List<TopicConnection> connections;
+
+        if (ValidateUtils.isBlank(appId)) {
+            connections = connectionService.getByTopicName(
+                    physicalClusterId,
+                    topicName,
+                    new Date(System.currentTimeMillis() - Constant.TOPIC_CONNECTION_LATEST_TIME_MS),
+                    new Date()
+            );
+        } else {
+            connections = connectionService.getByTopicName(
+                    physicalClusterId,
+                    topicName,
+                    appId,
+                    new Date(System.currentTimeMillis() - Constant.TOPIC_CONNECTION_LATEST_TIME_MS),
+                    new Date()
+            );
+        }
+
+        return new Result<>(TopicModelConverter.convert2TopicConnectionVOList(connections));
     }
 
     @ApiOperation(value = "Topic分区信息", notes = "")
diff --git a/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/rd/RdTopicController.java b/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/rd/RdTopicController.java
index db4eeb86..a8e1857d 100644
--- a/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/rd/RdTopicController.java
+++ b/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/api/versionone/rd/RdTopicController.java
@@ -70,6 +70,7 @@ public class RdTopicController {
         RdTopicBasicVO vo = new RdTopicBasicVO();
         CopyUtils.copyProperties(vo, result.getData());
         vo.setProperties(result.getData().getProperties());
+        vo.setRegionNameList(result.getData().getRegionNameList());
         return new Result<>(vo);
     }
 }
\ No newline at end of file
diff --git a/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/config/RestTemplateConfig.java b/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/config/RestTemplateConfig.java
new file mode 100644
index 00000000..f4a02455
--- /dev/null
+++ b/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/config/RestTemplateConfig.java
@@ -0,0 +1,29 @@
+package com.xiaojukeji.kafka.manager.web.config;
+
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.http.client.ClientHttpRequestFactory;
+import org.springframework.http.client.SimpleClientHttpRequestFactory;
+import org.springframework.web.client.RestTemplate;
+
+/**
+ * author: mrazkonglingxu
+ * Date: 2020/12/2
+ * Time: 10:48 上午
+ */
+@Configuration
+public class RestTemplateConfig {
+
+    @Bean
+    public ClientHttpRequestFactory simpleClientHttpRequestFactory() {
+        SimpleClientHttpRequestFactory factory = new SimpleClientHttpRequestFactory();
+        factory.setConnectTimeout(5000);
+        factory.setReadTimeout(5000);
+        return factory;
+    }
+
+    @Bean
+    public RestTemplate restTemplate(ClientHttpRequestFactory factory) {
+        return new RestTemplate(factory);
+    }
+}
diff --git a/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/converters/TopicModelConverter.java b/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/converters/TopicModelConverter.java
index 59e02a52..db9171ee 100644
--- a/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/converters/TopicModelConverter.java
+++ b/kafka-manager-web/src/main/java/com/xiaojukeji/kafka/manager/web/converters/TopicModelConverter.java
@@ -40,6 +40,7 @@ public class TopicModelConverter {
         if (!ValidateUtils.isNull(clusterDO)) {
             vo.setBootstrapServers(clusterDO.getBootstrapServers());
         }
+        vo.setRegionNameList(dto.getRegionNameList());
         return vo;
     }
 
@@ -107,6 +108,54 @@ public class TopicModelConverter {
         return Arrays.asList(produceVO, fetchVO);
     }
 
+    public static List<TopicRequestTimeDetailVO> convert2TopicRequestTimeDetailVOList(BaseMetrics metrics, String percentile) {
+        if (ValidateUtils.isNull(metrics)) {
+            return new ArrayList<>();
+        }
+        TopicRequestTimeDetailVO produceVO = new TopicRequestTimeDetailVO();
+        produceVO.setRequestTimeType("RequestProduceTime");
+        fillTopicProduceTime(produceVO, metrics, percentile);
+
+        TopicRequestTimeDetailVO fetchVO = new TopicRequestTimeDetailVO();
+        fetchVO.setRequestTimeType("RequestFetchTime");
+        fillTopicFetchTime(fetchVO, metrics, percentile);
+
+        TopicMetrics topicMetrics = (TopicMetrics) metrics;
+        if (!ValidateUtils.isEmptyList(topicMetrics.getBrokerMetricsList())) {
+            List<TopicBrokerRequestTimeVO> brokerProduceTimeList = new ArrayList<>();
+            List<TopicBrokerRequestTimeVO> brokerFetchTimeList = new ArrayList<>();
+            topicMetrics.getBrokerMetricsList().forEach(brokerMetrics -> {
+                TopicBrokerRequestTimeVO topicBrokerProduceReq = new TopicBrokerRequestTimeVO();
+                topicBrokerProduceReq.setClusterId(brokerMetrics.getClusterId());
+                topicBrokerProduceReq.setBrokerId(brokerMetrics.getBrokerId());
+
+                TopicRequestTimeDetailVO brokerProduceVO = new TopicRequestTimeDetailVO();
+                brokerProduceVO.setRequestTimeType("BrokerRequestProduceTime");
+                fillTopicProduceTime(brokerProduceVO, brokerMetrics, percentile);
+
+                topicBrokerProduceReq.setBrokerRequestTime(brokerProduceVO);
+
+                TopicBrokerRequestTimeVO topicBrokerFetchReq = new TopicBrokerRequestTimeVO();
+                topicBrokerFetchReq.setClusterId(brokerMetrics.getClusterId());
+                topicBrokerFetchReq.setBrokerId(brokerMetrics.getBrokerId());
+
+                TopicRequestTimeDetailVO brokerFetchVO = new TopicRequestTimeDetailVO();
+                brokerProduceVO.setRequestTimeType("BrokerRequestFetchTime");
+                fillTopicFetchTime(brokerFetchVO, brokerMetrics, percentile);
+
+                topicBrokerFetchReq.setBrokerRequestTime(brokerFetchVO);
+
+                brokerProduceTimeList.add(topicBrokerProduceReq);
+                brokerFetchTimeList.add(topicBrokerFetchReq);
+            });
+
+            produceVO.setBrokerRequestTimeList(brokerProduceTimeList);
+            fetchVO.setBrokerRequestTimeList(brokerFetchTimeList);
+        }
+
+        return Arrays.asList(produceVO, fetchVO);
+    }
+
     public static List<TopicConnectionVO> convert2TopicConnectionVOList(List<TopicConnection> connectionDTOList) {
         if (ValidateUtils.isNull(connectionDTOList)) {
             return new ArrayList<>();
@@ -224,4 +273,24 @@ public class TopicModelConverter {
         CopyUtils.copyProperties(topicBusinessInfoVO,topicBusinessInfo);
         return topicBusinessInfoVO;
     }
+
+    private static void fillTopicProduceTime(TopicRequestTimeDetailVO produceVO, BaseMetrics metrics, String thPercentile) {
+        produceVO.setRequestQueueTimeMs(metrics.getSpecifiedMetrics("ProduceRequestQueueTimeMs" + thPercentile));
+        produceVO.setResponseQueueTimeMs(metrics.getSpecifiedMetrics("ProduceResponseQueueTimeMs" + thPercentile));
+        produceVO.setResponseSendTimeMs(metrics.getSpecifiedMetrics("ProduceResponseSendTimeMs" + thPercentile));
+        produceVO.setLocalTimeMs(metrics.getSpecifiedMetrics("ProduceLocalTimeMs" + thPercentile));
+        produceVO.setThrottleTimeMs(metrics.getSpecifiedMetrics("ProduceThrottleTimeMs" + thPercentile));
+        produceVO.setRemoteTimeMs(metrics.getSpecifiedMetrics("ProduceRemoteTimeMs" + thPercentile));
+        produceVO.setTotalTimeMs(metrics.getSpecifiedMetrics("ProduceTotalTimeMs"  + thPercentile));
+    }
+
+    private static void fillTopicFetchTime(TopicRequestTimeDetailVO fetchVO, BaseMetrics metrics, String thPercentile) {
+        fetchVO.setRequestQueueTimeMs(metrics.getSpecifiedMetrics("FetchConsumerRequestQueueTimeMs" + thPercentile));
+        fetchVO.setResponseQueueTimeMs(metrics.getSpecifiedMetrics("FetchConsumerResponseQueueTimeMs" + thPercentile));
+        fetchVO.setResponseSendTimeMs(metrics.getSpecifiedMetrics("FetchConsumerResponseSendTimeMs" + thPercentile));
+        fetchVO.setLocalTimeMs(metrics.getSpecifiedMetrics("FetchConsumerLocalTimeMs" + thPercentile));
+        fetchVO.setThrottleTimeMs(metrics.getSpecifiedMetrics("FetchConsumerThrottleTimeMs" + thPercentile));
+        fetchVO.setRemoteTimeMs(metrics.getSpecifiedMetrics("FetchConsumerRemoteTimeMs" + thPercentile));
+        fetchVO.setTotalTimeMs(metrics.getSpecifiedMetrics("FetchConsumerTotalTimeMs" + thPercentile));
+    }
 }
diff --git a/kafka-manager-web/src/main/resources/application.yml b/kafka-manager-web/src/main/resources/application.yml
index 0fb0f5a7..2e7b5159 100644
--- a/kafka-manager-web/src/main/resources/application.yml
+++ b/kafka-manager-web/src/main/resources/application.yml
@@ -22,8 +22,8 @@ spring:
     active: dev
   servlet:
     multipart:
-      max-file-size: 60MB
-      max-request-size: 60MB
+      max-file-size: 100MB
+      max-request-size: 100MB
 
 logging:
   config: classpath:logback-spring.xml
@@ -32,24 +32,35 @@ custom:
   idc: cn
   jmx:
     max-conn: 10
+  store-metrics-task:
+    community:
+      broker-metrics-enabled: true
+      topic-metrics-enabled: true
+    didi:
+      app-topic-metrics-enabled: true
+      topic-request-time-metrics-enabled: true
+      topic-throttled-metrics: true
+    save-days: 7
 
 account:
   ldap:
 
 kcm:
   enabled: false
+  storage:
+    base-url: http://127.0.0.1
   n9e:
-    base-url: http://127.0.0.1:8080
+    base-url: http://127.0.0.1:8004
     user-token: 12345678
     timeout: 300
-    account: km
+    account: root
     script-file: kcm_script.sh
 
 monitor:
   enabled: false
   n9e:
     nid: 2
-    user-token: 123456
+    user-token: 1234567890
     mon:
       base-url: http://127.0.0.1:8032
     sink:
diff --git a/kafka-manager-web/src/main/resources/logback-spring.xml b/kafka-manager-web/src/main/resources/logback-spring.xml
index 90bb3bee..c1c16136 100644
--- a/kafka-manager-web/src/main/resources/logback-spring.xml
+++ b/kafka-manager-web/src/main/resources/logback-spring.xml
@@ -143,7 +143,7 @@
             <timeBasedFileNamingAndTriggeringPolicy class="ch.qos.logback.core.rolling.SizeAndTimeBasedFNATP">
                 <maxFileSize>100MB</maxFileSize>
             </timeBasedFileNamingAndTriggeringPolicy>
-            <maxHistory>5</maxHistory>
+            <maxHistory>3</maxHistory>
         </rollingPolicy>
     </appender>
 
@@ -159,7 +159,7 @@
             <timeBasedFileNamingAndTriggeringPolicy class="ch.qos.logback.core.rolling.SizeAndTimeBasedFNATP">
                 <maxFileSize>100MB</maxFileSize>
             </timeBasedFileNamingAndTriggeringPolicy>
-            <maxHistory>5</maxHistory>
+            <maxHistory>3</maxHistory>
         </rollingPolicy>
     </appender>