diff --git a/.gitignore b/.gitignore
index db66bd2..614d133 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,4 +4,3 @@ rebel.xml
 target/
 .txlcn
 *.log
-/.idea/
diff --git a/pom.xml b/pom.xml
index 9056994..ad51eb6 100644
--- a/pom.xml
+++ b/pom.xml
@@ -6,35 +6,41 @@
 
     <groupId>cn.langpy</groupId>
     <artifactId>ko-time</artifactId>
-    <version>2.4.4</version>
+    <version>3.0.0</version>
     <name>KoTime</name>
+
     <description>A springboot tool for tracking the paths of the methods,which can help you find method's performances easily.</description>
+
     <licenses>
         <license>
             <name>GNU Lesser General Public License v2.1</name>
             <url>https://www.gnu.org/licenses/old-licenses/lgpl-2.1.txt</url>
         </license>
     </licenses>
+
     <url>https://gitee.com/huoyo/ko-time</url>
+
     <scm>
         <tag>master</tag>
         <url>https://gitee.com/huoyo/ko-time.git</url>
         <connection>scm:git:https://gitee.com/huoyo/ko-time.git</connection>
         <developerConnection>scm:git:https://gitee.com/huoyo/ko-time.git</developerConnection>
     </scm>
+
     <properties>
         <aspecttj.version>1.9.9.1</aspecttj.version>
-        <tomcat.version>9.0.43</tomcat.version>
-        <spring-context.version>5.3.24</spring-context.version>
-        <spring-web.version>5.3.24</spring-web.version>
-        <spring-webmvc.version>5.3.24</spring-webmvc.version>
-        <spring-boot.version>2.7.4</spring-boot.version>
-        <spring-redis.version>2.6.2</spring-redis.version>
-        <spring-mail.version>2.7.3</spring-mail.version>
+        <tomcat.version>10.1.12</tomcat.version>
+        <spring-context.version>6.0.11</spring-context.version>
+        <spring-web.version>6.0.11</spring-web.version>
+        <spring-webmvc.version>6.0.11</spring-webmvc.version>
+        <spring-boot.version>3.1.3</spring-boot.version>
+        <spring-redis.version>3.1.3</spring-redis.version>
+        <spring-mail.version>3.1.3</spring-mail.version>
         <fastjson.version>2.0.9</fastjson.version>
         <oshi-core.version>6.2.2</oshi-core.version>
         <byte-agent.version>1.12.13</byte-agent.version>
     </properties>
+
     <dependencies>
         <dependency>
             <groupId>org.springframework</groupId>
@@ -100,12 +106,14 @@
             <version>${oshi-core.version}</version>
         </dependency>
     </dependencies>
+
     <developers>
         <developer>
             <name>ZhangChang</name>
             <email>1729913829@qq.com</email>
         </developer>
     </developers>
+
     <build>
         <plugins>
             <plugin>
@@ -113,8 +121,8 @@
                 <artifactId>maven-compiler-plugin</artifactId>
                 <version>3.8.1</version>
                 <configuration>
-                    <source>1.8</source>
-                    <target>1.8</target>
+                    <source>17</source>
+                    <target>17</target>
                 </configuration>
             </plugin>
             <plugin>
@@ -175,6 +183,7 @@
             </plugin>
         </plugins>
     </build>
+
     <distributionManagement>
         <repository>
             <id>snapshots</id>
diff --git a/src/main/java/cn/langpy/kotime/config/DefaultConfig.java b/src/main/java/cn/langpy/kotime/config/DefaultConfig.java
index 631dad7..abc5ab1 100644
--- a/src/main/java/cn/langpy/kotime/config/DefaultConfig.java
+++ b/src/main/java/cn/langpy/kotime/config/DefaultConfig.java
@@ -2,6 +2,7 @@ package cn.langpy.kotime.config;
 
 
 import org.springframework.boot.context.properties.ConfigurationProperties;
+import org.springframework.context.annotation.Lazy;
 import org.springframework.stereotype.Component;
 
 /**
@@ -9,43 +10,177 @@ import org.springframework.stereotype.Component;
  */
 @Component
 @ConfigurationProperties(prefix = "ko-time")
+@Lazy(value = false)
 public class DefaultConfig {
-    private Boolean enable;
-    private String language;
+    /**
+     * to enable kotime
+     */
+    private Boolean enable = true;
+
+
+    /**
+     * to select language for viewer, chinese
+     */
+    private String language = "chinese";
     @Deprecated
     private String logLanguage;
-    private Boolean logEnable;
-    private Boolean versionNotice;
-    private Double threshold;
-    private Double discardRate;
-    private String pointcut;
-    private Boolean exceptionEnable;
-    private Boolean paramAnalyse;
-    private String saver;
+
+    /**
+     * false
+     * to print log in console
+     */
+    private Boolean logEnable = false;
+
+    /**
+     * "defaultValue": true,
+     * "description": "to enable version-notice",
+     */
+    private Boolean versionNotice = true;
+
+    /**
+     * red will appear if avgRunTime>threshold
+     */
+    private Double threshold = 800.0;
+
+
+    /**
+     * data will be discard if Math.random()<discard-rate
+     */
+    private Double discardRate = 0.3;
+
+    /**
+     * pointcut for aop
+     * execution(* com.example..*.*(..))
+     */
+    private String pointcut = "execution(* com.example..*.*(..))";
+
+    /**
+     * to enable exception listener
+     * "defaultValue": false,
+     */
+    private Boolean exceptionEnable = false;
+
+    /**
+     * the charger of analysing params
+     */
+    private Boolean paramAnalyse = true;
+
+    /**
+     * a place to store data
+     * memory
+     */
+    private String saver = "memory";
+
+    /**
+     * datasource
+     */
     private String dataSource;
+
+    /**
+     * StringRedisTemplate‘s bean
+     */
     private String redisTemplate;
-    private Integer threadNum;
-    private String contextPath;
+
+    /**
+     * number of thread to store data
+     */
+    private Integer threadNum = 2;
+
+    /**
+     * server url for static resources
+     * http://localhost:8080
+     */
+    private String contextPath = "";
+
+    /**
+     * dataPrefix
+     */
     private String dataPrefix;
-    private Boolean dataReset;
-    private Boolean authEnable;
+
+    /**
+     * to delete all data
+     */
+    private Boolean dataReset = false;
+
+    /**
+     * to enable authentication
+     */
+    private Boolean authEnable = false;
+
+    /**
+     * userName for authentication
+     */
     private String userName;
+
+    /**
+     * password for authentication
+     */
     private String password;
+
+    /**
+     * static token of html
+     */
     private String staticToken;
 
-    private Long authExpire;
+    /**
+     * expire within 43200 s
+     */
+    private Long authExpire = 43200L;
 
-    private Boolean mailEnable;
-    private String mailHost;
-    private Integer mailPort;
-    private String mailProtocol;
-    private String mailEncoding;
+    /**
+     * to enable email
+     */
+    private Boolean mailEnable = false;
+
+    /**
+     * host of email
+     */
+    private String mailHost = "smtp.qq.com";
+
+    /**
+     * port of email
+     */
+    private Integer mailPort = 587;
+
+    /**
+     * protocol of email
+     */
+    private String mailProtocol = "smtp";
+
+    /**
+     * encoding of email
+     */
+    private String mailEncoding = "UTF-8";
+
+    /**
+     * sender of email
+     */
     private String mailUser;
+
+    /**
+     * code of email
+     */
     private String mailCode;
+
+    /**
+     * receivers of email
+     */
     private String mailReceivers;
-    private Integer mailThreshold;
-    private String mailScope;
-    private String propertyFile;
+
+    /**
+     * trigger thresold of email
+     */
+    private Integer mailThreshold = 4;
+
+    /**
+     * trigger scope of email
+     */
+    private String mailScope = "Controller";
+
+    /**
+     * dynamic.properties
+     */
+    private String propertyFile = "dynamic.properties";
 
     public String getPropertyFile() {
         return propertyFile;
diff --git a/src/main/java/cn/langpy/kotime/config/KoTimeConfig.java b/src/main/java/cn/langpy/kotime/config/KoTimeConfig.java
new file mode 100644
index 0000000..d0bdca9
--- /dev/null
+++ b/src/main/java/cn/langpy/kotime/config/KoTimeConfig.java
@@ -0,0 +1,36 @@
+package cn.langpy.kotime.config;
+
+import cn.langpy.kotime.handler.RunTimeHandler;
+import jakarta.annotation.Resource;
+import org.springframework.aop.aspectj.AspectJExpressionPointcutAdvisor;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+
+import java.util.logging.Logger;
+
+/**
+ * @author ccz
+ * @date 2024-7-5 03:16:56
+ */
+@Configuration
+public class KoTimeConfig {
+    private static Logger log = Logger.getLogger(KoTimeConfig.class.toString());
+
+    @Value("${koTime.pointcut:execution(* cn.langpy.kotime.controller.KoTimeController.*(..))}")
+    private String pointcut;
+
+    @Resource
+    private DefaultConfig defaultConfig;
+
+    @Bean
+    public AspectJExpressionPointcutAdvisor configurabledvisor() {
+        log.info("kotime=>loading method listener");
+        AspectJExpressionPointcutAdvisor advisor = new AspectJExpressionPointcutAdvisor();
+        String cutRange = defaultConfig.getPointcut() == null ? pointcut : defaultConfig.getPointcut();
+        cutRange = cutRange + " && !@annotation(cn.langpy.kotime.annotation.KoListener)";
+        advisor.setExpression(cutRange);
+        advisor.setAdvice(new RunTimeHandler());
+        return advisor;
+    }
+}
diff --git a/src/main/java/cn/langpy/kotime/config/KoTimeRunner.java b/src/main/java/cn/langpy/kotime/config/KoTimeRunner.java
new file mode 100644
index 0000000..4afa678
--- /dev/null
+++ b/src/main/java/cn/langpy/kotime/config/KoTimeRunner.java
@@ -0,0 +1,23 @@
+package cn.langpy.kotime.config;
+
+import jakarta.annotation.Resource;
+import org.springframework.boot.ApplicationArguments;
+import org.springframework.boot.ApplicationRunner;
+import org.springframework.boot.autoconfigure.AutoConfiguration;
+import org.springframework.context.annotation.ComponentScan;
+
+/**
+ * @author ccz
+ * @date 2024-7-5 03:17:13
+ */
+@ComponentScan("cn.langpy.kotime")
+@AutoConfiguration
+public class KoTimeRunner implements ApplicationRunner {
+    @Resource
+    private LoadConfig loadConfig;
+
+    @Override
+    public void run(ApplicationArguments args) throws Exception {
+        loadConfig.initConfig();
+    }
+}
diff --git a/src/main/java/cn/langpy/kotime/config/LoadConfig.java b/src/main/java/cn/langpy/kotime/config/LoadConfig.java
index 6f41513..a32aab2 100644
--- a/src/main/java/cn/langpy/kotime/config/LoadConfig.java
+++ b/src/main/java/cn/langpy/kotime/config/LoadConfig.java
@@ -1,30 +1,27 @@
 package cn.langpy.kotime.config;
 
 import cn.langpy.kotime.annotation.KoListener;
-import cn.langpy.kotime.handler.RunTimeHandler;
 import cn.langpy.kotime.handler.InvokedHandler;
 import cn.langpy.kotime.service.GraphService;
 import cn.langpy.kotime.service.InvokedQueue;
 import cn.langpy.kotime.util.Common;
 import cn.langpy.kotime.util.Context;
 import cn.langpy.kotime.util.DataBaseException;
-import org.springframework.aop.aspectj.AspectJExpressionPointcutAdvisor;
+import jakarta.annotation.Resource;
 import org.springframework.beans.factory.NoSuchBeanDefinitionException;
 import org.springframework.beans.factory.NoUniqueBeanDefinitionException;
 import org.springframework.beans.factory.annotation.Value;
 import org.springframework.context.ApplicationContext;
-import org.springframework.context.annotation.Bean;
-import org.springframework.context.annotation.ComponentScan;
-import org.springframework.context.annotation.Configuration;
 import org.springframework.core.io.ClassPathResource;
 import org.springframework.data.redis.core.StringRedisTemplate;
 import org.springframework.stereotype.Component;
 import org.springframework.util.StringUtils;
 
-import javax.annotation.PostConstruct;
-import javax.annotation.Resource;
 import javax.sql.DataSource;
-import java.io.*;
+import java.io.FileNotFoundException;
+import java.io.IOException;
+import java.io.InputStream;
+import java.io.UnsupportedEncodingException;
 import java.util.Map;
 import java.util.logging.Logger;
 import java.util.stream.Collectors;
@@ -32,8 +29,7 @@ import java.util.stream.Collectors;
 /**
  * zhangchang
  */
-@ComponentScan("cn.langpy.kotime")
-@Configuration
+@Component
 public class LoadConfig {
     private static Logger log = Logger.getLogger(LoadConfig.class.toString());
 
@@ -56,7 +52,6 @@ public class LoadConfig {
     @Value("${server.servlet.context-path:}")
     private String serverContext;
 
-
     @Value("${ko-time.mail-enable:false}")
     private Boolean mailEnable;
 
@@ -65,8 +60,6 @@ public class LoadConfig {
     @Resource
     private ApplicationContext applicationContext;
 
-
-    @PostConstruct
     public void initConfig() {
         DefaultConfig config = improveConfig();
 
@@ -215,15 +208,4 @@ public class LoadConfig {
         }
     }
 
-
-    @Bean
-    public AspectJExpressionPointcutAdvisor configurabledvisor() {
-        log.info("kotime=>loading method listener");
-        AspectJExpressionPointcutAdvisor advisor = new AspectJExpressionPointcutAdvisor();
-        String cutRange = defaultConfig.getPointcut() == null ? pointcut : defaultConfig.getPointcut();
-        cutRange = cutRange + " && !@annotation(cn.langpy.kotime.annotation.KoListener)";
-        advisor.setExpression(cutRange);
-        advisor.setAdvice(new RunTimeHandler());
-        return advisor;
-    }
 }
diff --git a/src/main/java/cn/langpy/kotime/controller/KoTimeController.java b/src/main/java/cn/langpy/kotime/controller/KoTimeController.java
index 42daedb..15f520f 100644
--- a/src/main/java/cn/langpy/kotime/controller/KoTimeController.java
+++ b/src/main/java/cn/langpy/kotime/controller/KoTimeController.java
@@ -11,6 +11,8 @@ import cn.langpy.kotime.service.ThreadUsageService;
 import cn.langpy.kotime.util.Context;
 import cn.langpy.kotime.util.InvalidAuthInfoException;
 import cn.langpy.kotime.util.KoUtil;
+import jakarta.servlet.http.HttpServletRequest;
+import jakarta.servlet.http.HttpServletResponse;
 import org.springframework.beans.factory.annotation.Value;
 import org.springframework.core.io.ClassPathResource;
 import org.springframework.stereotype.Controller;
@@ -18,8 +20,6 @@ import org.springframework.util.StringUtils;
 import org.springframework.web.bind.annotation.*;
 import org.springframework.web.multipart.MultipartFile;
 
-import javax.servlet.http.HttpServletRequest;
-import javax.servlet.http.HttpServletResponse;
 import java.io.*;
 import java.util.*;
 import java.util.logging.Logger;
@@ -44,6 +44,7 @@ public class KoTimeController {
     private final String metricFlowJsText = getResourceText("kostatic/Metricflow.js");
     private final String jQueryJsText = getResourceText("kostatic/JQuery.min.js");
     private final String uiKitIconsJs = getResourceText("kostatic/uikit-icons.js");
+    private final String KoTimeUtil = getResourceText("kostatic/util.js");
 
     @PostMapping("/login")
     @ResponseBody
@@ -81,7 +82,7 @@ public class KoTimeController {
 
 
     @GetMapping
-    public void index(String kotoken, String test,String charset, String language,HttpServletResponse response, HttpServletRequest request) {
+    public void index(String kotoken, String test, String charset, String language, HttpServletResponse response, HttpServletRequest request) {
         if (!Context.getConfig().getEnable()) {
             return;
         }
@@ -95,7 +96,7 @@ public class KoTimeController {
         if (!StringUtils.hasText(charset)) {
             charset = "utf-8";
         }
-        response.setContentType("text/html;charset="+charset);
+        response.setContentType("text/html;charset=" + charset);
         ClassPathResource classPathResource = new ClassPathResource(KoConstant.getViewName(language));
         try (
                 InputStream inputStream = classPathResource.getInputStream();
@@ -132,6 +133,8 @@ public class KoTimeController {
                     line = line.replace("staticTokenVisitValue", staticTokenVisit + "");
                 } else if (line.indexOf("staticTokenValue") > -1) {
                     line = line.replace("staticTokenValue", "'" + kotoken + "'");
+                } else if (line.indexOf("KoTimeUtil") > -1) {
+                    line = line.replace("KoTimeUtil", KoTimeUtil);
                 }
                 stringBuilder.append(line + "\n");
             }
@@ -377,7 +380,7 @@ public class KoTimeController {
         threads = threads.stream().sorted(COMPARATOR).collect(Collectors.toList());
 
         Map<String, Long> stateCounting = threads.stream().collect(Collectors.groupingBy(ThreadInfo::getState, Collectors.counting()));
-        stateCounting.put("all",(long)threads.size());
+        stateCounting.put("all", (long) threads.size());
 
         Map map = new HashMap();
         map.put("statistics", stateCounting);
@@ -399,17 +402,17 @@ public class KoTimeController {
         Properties dynamicProperties = Context.getDynamicProperties();
         for (String line : textSplit) {
             line = line.trim();
-            if (line.length()==0 || line.startsWith("#") || line.startsWith("//")) {
+            if (line.length() == 0 || line.startsWith("#") || line.startsWith("//")) {
                 continue;
             }
             int i = line.indexOf("=");
-            if (i<1) {
+            if (i < 1) {
                 continue;
             }
             String propertyStr = line.substring(0, i).trim();
-            String valueStr = line.substring(i+1).trim();
-            log.info("updated property: "+propertyStr+"=("+dynamicProperties.get(propertyStr)+"->"+valueStr+")");
-            dynamicProperties.setProperty(propertyStr,valueStr);
+            String valueStr = line.substring(i + 1).trim();
+            log.info("updated property: " + propertyStr + "=(" + dynamicProperties.get(propertyStr) + "->" + valueStr + ")");
+            dynamicProperties.setProperty(propertyStr, valueStr);
         }
 
         return true;
@@ -426,8 +429,8 @@ public class KoTimeController {
         StringBuilder stringBuilder = new StringBuilder();
         for (String key : dynamicProperties.stringPropertyNames()) {
             String value = dynamicProperties.getProperty(key);
-            if (value!=null) {
-                stringBuilder.append(key+"="+value+"\n");
+            if (value != null) {
+                stringBuilder.append(key + "=" + value + "\n");
             }
         }
         map.put("data", stringBuilder.toString());
diff --git a/src/main/resources/META-INF/spring/org.springframework.boot.autoconfigure.AutoConfiguration.imports b/src/main/resources/META-INF/spring/org.springframework.boot.autoconfigure.AutoConfiguration.imports
new file mode 100644
index 0000000..ee12a43
--- /dev/null
+++ b/src/main/resources/META-INF/spring/org.springframework.boot.autoconfigure.AutoConfiguration.imports
@@ -0,0 +1 @@
+cn.langpy.kotime.config.KoTimeRunner
diff --git a/src/main/resources/kostatic/util.js b/src/main/resources/kostatic/util.js
new file mode 100644
index 0000000..865b0bf
--- /dev/null
+++ b/src/main/resources/kostatic/util.js
@@ -0,0 +1,10 @@
+function getSize(size) {
+    let sizes = [' Bytes', ' KB', ' MB', ' GB',
+        ' TB', ' PB', ' EB', ' ZB', ' YB'];
+
+    for (let i = 1; i < sizes.length; i++) {
+        if (size < Math.pow(1024, i))
+            return (Math.round((size / Math.pow(1024, i - 1)) * 100) / 100) + sizes[i - 1];
+    }
+    return size;
+}
diff --git a/src/main/resources/kotime.html b/src/main/resources/kotime.html
index 48892c4..9953f84 100644
--- a/src/main/resources/kotime.html
+++ b/src/main/resources/kotime.html
@@ -1,34 +1,34 @@
-
 <head>
     <meta charset="UTF-8">
     <title>KoTime</title>
     <style>
         UIKitCss
     </style>
-<!--    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.2.2/dist/css/uikit.min.css"/>-->
+    <!--    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.2.2/dist/css/uikit.min.css"/>-->
     <!-- UIkit JS -->
-<!--    <script src="https://cdn.jsdelivr.net/npm/uikit@3.2.2/dist/js/uikit.min.js"></script>-->
-<!--    <script src="https://cdn.jsdelivr.net/npm/uikit@3.2.2/dist/js/uikit-icons.min.js"></script>-->
+    <!--    <script src="https://cdn.jsdelivr.net/npm/uikit@3.2.2/dist/js/uikit.min.js"></script>-->
+    <!--    <script src="https://cdn.jsdelivr.net/npm/uikit@3.2.2/dist/js/uikit-icons.min.js"></script>-->
     <script>
         UIKitJs;
         uiKitIconsJs;
         MetricFlowJs;
         jQueryJs;
+        KoTimeUtil;
         var graph;
         var d = 180;
         var globalThreshold = globalThresholdValue;
         var globalNeedLogin = globalNeedLoginValue;
         var staticTokenVisit = staticTokenVisitValue;
         var staticToken = staticTokenValue;
-        var globalToken = staticTokenVisit?staticToken:sessionStorage.getItem("kotimeToken");
+        var globalToken = staticTokenVisit ? staticToken : sessionStorage.getItem("kotimeToken");
         let globalIsLogin = false;
-        
+
         function concatToken(url) {
             if (globalNeedLogin) {
-                if (url.indexOf('?')>-1) {
-                    url += '&kotoken='+globalToken;
-                }else {
-                    url += '?kotoken='+globalToken;
+                if (url.indexOf('?') > -1) {
+                    url += '&kotoken=' + globalToken;
+                } else {
+                    url += '?kotoken=' + globalToken;
                 }
             }
             return url
@@ -36,11 +36,11 @@
 
         function refreshData() {
             $.get(concatToken('contextPath/koTime/isLogin'), function (data) {
-                globalIsLogin  = data['isLogin']==1?true:false;
-                if (globalNeedLogin==true && globalIsLogin == false) {
+                globalIsLogin = data['isLogin'] == 1 ? true : false;
+                if (globalNeedLogin == true && globalIsLogin == false) {
                     UIkit.modal(document.getElementById("modal-login")).show();
                     return;
-                }else {
+                } else {
                     loadStatistic();
                     loadConfig();
                     addConfigEvent();
@@ -64,15 +64,16 @@
                     let id = data[i]['id'];
                     let className = data[i]['className'];
                     let message = data[i]['message'];
-                    html += "<li onclick=\"showExceptions('"+id+"','"+message+"')\" style='' id=\""+id+"\"><span style='font-size: 16px;font-weight: 500;'>"+className+"</span>&nbsp &nbsp<span style='font-size: 10px;' class=\"uk-label uk-label-danger\">"+message+"</span></li>";
-                };
+                    html += "<li onclick=\"showExceptions('" + id + "','" + message + "')\" style='' id=\"" + id + "\"><span style='font-size: 16px;font-weight: 500;'>" + className + "</span>&nbsp &nbsp<span style='font-size: 10px;' class=\"uk-label uk-label-danger\">" + message + "</span></li>";
+                }
+                ;
                 element.innerHTML = html;
             });
         }
 
         function loadApis() {
             let searchText = $("#searchText").val();
-            $.get(concatToken('contextPath/koTime/getApis?question='+searchText), function (data) {
+            $.get(concatToken('contextPath/koTime/getApis?question=' + searchText), function (data) {
                 let element = document.getElementById('apiList');
                 html = '';
                 for (let i = 0; i < data.length; i++) {
@@ -82,14 +83,15 @@
                     let methodType = data[i]['methodType'];
                     let routeName = data[i]['routeName'];
 
-                    let apiId = className+"."+methodName;
-                    let  color = avgRunTime>globalThreshold?'danger':'success';
-                    if (methodType=='Controller' && routeName!=null && routeName!='') {
-                        html += "<li onclick=\"showMethods('"+apiId+"')\" style='color: #333;font-weight: 400;font-size: 14px;' id=\""+apiId+"-list\">"+ className+"#<span style='font-size: 16px;font-weight: 500;'>"+methodName+"</span>&nbsp(<span style='font-size: 14px;font-weight: 430;color:#032b11'>"+routeName+"</span>)&nbsp &nbsp<span style='font-size: 10px;text-transform: lowercase' class=\"uk-label uk-label-"+color+"\">平均响应 "+avgRunTime+" ms</span></li>";
-                    }else{
-                        html += "<li onclick=\"showMethods('"+apiId+"')\" style='color: #333;font-weight: 400;font-size: 14px;' id=\""+apiId+"-list\">"+ className+"#<span style='font-size: 16px;font-weight: 500;'>"+methodName+"</span>&nbsp &nbsp<span style='font-size: 10px;text-transform: lowercase' class=\"uk-label uk-label-"+color+"\">平均响应 "+avgRunTime+" ms</span></li>";
+                    let apiId = className + "." + methodName;
+                    let color = avgRunTime > globalThreshold ? 'danger' : 'success';
+                    if (methodType == 'Controller' && routeName != null && routeName != '') {
+                        html += "<li onclick=\"showMethods('" + apiId + "')\" style='color: #333;font-weight: 400;font-size: 14px;' id=\"" + apiId + "-list\">" + className + "#<span style='font-size: 16px;font-weight: 500;'>" + methodName + "</span>&nbsp(<span style='font-size: 14px;font-weight: 430;color:#032b11'>" + routeName + "</span>)&nbsp &nbsp<span style='font-size: 10px;text-transform: lowercase' class=\"uk-label uk-label-" + color + "\">平均响应 " + avgRunTime + " ms</span></li>";
+                    } else {
+                        html += "<li onclick=\"showMethods('" + apiId + "')\" style='color: #333;font-weight: 400;font-size: 14px;' id=\"" + apiId + "-list\">" + className + "#<span style='font-size: 16px;font-weight: 500;'>" + methodName + "</span>&nbsp &nbsp<span style='font-size: 10px;text-transform: lowercase' class=\"uk-label uk-label-" + color + "\">平均响应 " + avgRunTime + " ms</span></li>";
                     }
-                };
+                }
+                ;
                 element.innerHTML = html;
             });
         }
@@ -98,81 +100,125 @@
             $.get(concatToken('contextPath/koTime/getStatistic'), function (data) {
                 let totalNum = data['totalNum'];
                 let systemTotalNum = document.getElementById("systemTotalNum");
-                systemTotalNum.innerHTML=totalNum;
+                systemTotalNum.innerHTML = totalNum;
 
                 let normalNum = data['normalNum'];
                 let systemNormalNum = document.getElementById("systemNormalNum");
-                systemNormalNum.innerHTML=normalNum;
+                systemNormalNum.innerHTML = normalNum;
 
                 let delayNum = data['delayNum'];
                 let systemDelayNum = document.getElementById("systemDelayNum");
-                systemDelayNum.innerHTML=delayNum;
+                systemDelayNum.innerHTML = delayNum;
 
                 let avgRunTime = data['avgRunTime'];
                 let systemAvgRunTime = document.getElementById("systemAvgRunTime");
-                systemAvgRunTime.innerHTML=avgRunTime;
-                if (avgRunTime>globalThreshold) {
-                    document.getElementById("systemAvgRunTime").style.color='#cc0c0c';
-                }else {
-                    document.getElementById("systemAvgRunTime").style.color='#29da93';
-                };
+                systemAvgRunTime.innerHTML = avgRunTime;
+                if (avgRunTime > globalThreshold) {
+                    document.getElementById("systemAvgRunTime").style.color = '#cc0c0c';
+                } else {
+                    document.getElementById("systemAvgRunTime").style.color = '#29da93';
+                }
+                ;
 
                 let maxRunTime = data['maxRunTime'];
                 let systemMaxRunTime = document.getElementById("systemMaxRunTime");
-                systemMaxRunTime.innerHTML=maxRunTime;
-                if (maxRunTime>globalThreshold) {
-                    document.getElementById("systemMaxRunTime").style.color='#cc0c0c';
-                }else {
-                    document.getElementById("systemMaxRunTime").style.color='#29da93';
-                };
+                systemMaxRunTime.innerHTML = maxRunTime;
+                if (maxRunTime > globalThreshold) {
+                    document.getElementById("systemMaxRunTime").style.color = '#cc0c0c';
+                } else {
+                    document.getElementById("systemMaxRunTime").style.color = '#29da93';
+                }
+                ;
 
 
                 let minRunTime = data['minRunTime'];
                 let systemMinRunTime = document.getElementById("systemMinRunTime");
-                systemMinRunTime.innerHTML=minRunTime;
-                if (minRunTime>globalThreshold) {
-                    document.getElementById("systemMinRunTime").style.color='#cc0c0c';
-                }else {
-                    document.getElementById("systemMinRunTime").style.color='#29da93';
-                };
+                systemMinRunTime.innerHTML = minRunTime;
+                if (minRunTime > globalThreshold) {
+                    document.getElementById("systemMinRunTime").style.color = '#cc0c0c';
+                } else {
+                    document.getElementById("systemMinRunTime").style.color = '#29da93';
+                }
+                ;
 
             });
         }
 
         function addConfigEvent() {
-            document.getElementById('kotimeEnable').onclick = function(){
-                $.ajax({type:'POST',url:concatToken('contextPath/koTime/updateConfig'),data:JSON.stringify({enable:document.getElementById('kotimeEnable').checked}),dataType:'json', headers: {'Content-Type': 'application/json' }});
-                UIkit.notification("<font color='green'>设置成功</font>",{});
+            document.getElementById('kotimeEnable').onclick = function () {
+                $.ajax({
+                    type: 'POST',
+                    url: concatToken('contextPath/koTime/updateConfig'),
+                    data: JSON.stringify({enable: document.getElementById('kotimeEnable').checked}),
+                    dataType: 'json',
+                    headers: {'Content-Type': 'application/json'}
+                });
+                UIkit.notification("<font color='green'>设置成功</font>", {});
             };
 
-            document.getElementById('exceptionEnable').onclick = function(){
-                $.ajax({type:'POST',url:concatToken('contextPath/koTime/updateConfig'),data:JSON.stringify({exceptionEnable:document.getElementById('exceptionEnable').checked}),dataType:'json', headers: {'Content-Type': 'application/json' }});
-                UIkit.notification("<font color='green'>设置成功</font>",{});
+            document.getElementById('exceptionEnable').onclick = function () {
+                $.ajax({
+                    type: 'POST',
+                    url: concatToken('contextPath/koTime/updateConfig'),
+                    data: JSON.stringify({exceptionEnable: document.getElementById('exceptionEnable').checked}),
+                    dataType: 'json',
+                    headers: {'Content-Type': 'application/json'}
+                });
+                UIkit.notification("<font color='green'>设置成功</font>", {});
             };
 
-            document.getElementById('logEnable').onclick = function(){
-                $.ajax({type:'POST',url:concatToken('contextPath/koTime/updateConfig'),data:JSON.stringify({logEnable:document.getElementById('logEnable').checked}),dataType:'json', headers: {'Content-Type': 'application/json' }});
-                UIkit.notification("<font color='green'>设置成功</font>",{});
+            document.getElementById('logEnable').onclick = function () {
+                $.ajax({
+                    type: 'POST',
+                    url: concatToken('contextPath/koTime/updateConfig'),
+                    data: JSON.stringify({logEnable: document.getElementById('logEnable').checked}),
+                    dataType: 'json',
+                    headers: {'Content-Type': 'application/json'}
+                });
+                UIkit.notification("<font color='green'>设置成功</font>", {});
             };
 
-            document.getElementById('mailEnable').onclick = function(){
-                $.ajax({type:'POST',url:concatToken('contextPath/koTime/updateConfig'),data:JSON.stringify({mailEnable:document.getElementById('mailEnable').checked}),dataType:'json', headers: {'Content-Type': 'application/json' }});
-                UIkit.notification("<font color='green'>设置成功</font>",{});
+            document.getElementById('mailEnable').onclick = function () {
+                $.ajax({
+                    type: 'POST',
+                    url: concatToken('contextPath/koTime/updateConfig'),
+                    data: JSON.stringify({mailEnable: document.getElementById('mailEnable').checked}),
+                    dataType: 'json',
+                    headers: {'Content-Type': 'application/json'}
+                });
+                UIkit.notification("<font color='green'>设置成功</font>", {});
             };
 
-            document.getElementById('languageSwitch').onchange = function(){
+            document.getElementById('languageSwitch').onchange = function () {
                 let selectedObj = document.getElementById('languageSwitch');
-                $.ajax({type:'POST',url:concatToken('contextPath/koTime/updateConfig'),data:JSON.stringify({language:selectedObj.options[selectedObj.selectedIndex].value}),dataType:'json', headers: {'Content-Type': 'application/json' }});
-                UIkit.notification("<font color='green'>设置成功</font>",{});
+                $.ajax({
+                    type: 'POST',
+                    url: concatToken('contextPath/koTime/updateConfig'),
+                    data: JSON.stringify({language: selectedObj.options[selectedObj.selectedIndex].value}),
+                    dataType: 'json',
+                    headers: {'Content-Type': 'application/json'}
+                });
+                UIkit.notification("<font color='green'>设置成功</font>", {});
             };
 
-            document.getElementById("timeThresholdYes").onclick = function(){
-                $.ajax({type:'POST',url:concatToken('contextPath/koTime/updateConfig'),data:JSON.stringify({threshold:document.getElementById('timeThreshold').value}),dataType:'json', headers: {'Content-Type': 'application/json' }});
-                UIkit.notification("<font color='green'>设置成功</font>",{});
+            document.getElementById("timeThresholdYes").onclick = function () {
+                $.ajax({
+                    type: 'POST',
+                    url: concatToken('contextPath/koTime/updateConfig'),
+                    data: JSON.stringify({threshold: document.getElementById('timeThreshold').value}),
+                    dataType: 'json',
+                    headers: {'Content-Type': 'application/json'}
+                });
+                UIkit.notification("<font color='green'>设置成功</font>", {});
             };
-            document.getElementById("clearDataYes").onclick = function(){
-                $.ajax({type:'POST',url:concatToken('contextPath/koTime/clearData'),dataType:'json', headers: {'Content-Type': 'application/json' }});
-                UIkit.notification("<font color='green'>清除成功</font>",{});
+            document.getElementById("clearDataYes").onclick = function () {
+                $.ajax({
+                    type: 'POST',
+                    url: concatToken('contextPath/koTime/clearData'),
+                    dataType: 'json',
+                    headers: {'Content-Type': 'application/json'}
+                });
+                UIkit.notification("<font color='green'>清除成功</font>", {});
             };
         }
 
@@ -193,7 +239,7 @@
                 kotimeEnableDom.checked = kotimeEnable;
 
                 let apiTip = document.getElementById('apiTip');
-                apiTip.innerHTML = kotimeEnable==true?"接口根据调用情况统计，未调用的接口无法被统计到，请先调用接口":"方法调用监测已关闭，数据将不会更新，需要开启请到配置面板";
+                apiTip.innerHTML = kotimeEnable == true ? "接口根据调用情况统计，未调用的接口无法被统计到，请先调用接口" : "方法调用监测已关闭，数据将不会更新，需要开启请到配置面板";
 
 
                 let threshold = data['threshold'];
@@ -213,70 +259,74 @@
             });
         }
 
-        let methodParamMap  = new Map();
+        let methodParamMap = new Map();
+
         function paramGraph(e) {
-            let  clickNode = e.currentTarget;
-            if (clickNode==null){
+            let clickNode = e.currentTarget;
+            if (clickNode == null) {
                 return
-            };
+            }
+            ;
             let clickNodeId = clickNode.id;
-            if (methodParamMap.has(clickNodeId+"ana")) {
-                graph.removeNode(clickNodeId+"ana")
-                methodParamMap.delete(clickNodeId+"ana")
-            }else {
-                $.get(concatToken('contextPath/koTime/getParamGraph'+"?methodId="+clickNodeId.replace('node','')), function (data) {
+            if (methodParamMap.has(clickNodeId + "ana")) {
+                graph.removeNode(clickNodeId + "ana")
+                methodParamMap.delete(clickNodeId + "ana")
+            } else {
+                $.get(concatToken('contextPath/koTime/getParamGraph' + "?methodId=" + clickNodeId.replace('node', '')), function (data) {
                     let datas = []
-                    for(let key in data) {
-                        datas.push( {"name":key+"：平均 "+data[key]['avgRunTime']+" ms"})
-                    };
+                    for (let key in data) {
+                        datas.push({"name": key + "：平均 " + data[key]['avgRunTime'] + " ms"})
+                    }
+                    ;
                     let paramGraphData = {
-                        "id":clickNodeId+"ana",
-                        "from":clickNodeId,
-                        "title":{'name':"入参组合分析"},
-                        "data":datas,
-                        'style':{
-                            'title-color':'#427b72',
-                            'border-color':'#427b72',
-                            'data-font-size':'10px',
-                            'title-font-size':'12px'
+                        "id": clickNodeId + "ana",
+                        "from": clickNodeId,
+                        "title": {'name': "入参组合分析"},
+                        "data": datas,
+                        'style': {
+                            'title-color': '#427b72',
+                            'border-color': '#427b72',
+                            'data-font-size': '10px',
+                            'title-font-size': '12px'
                         }
                     }
-                    let clickNodeX =  Number(clickNode.getAttribute("x"));
-                    let clickNodeY =  Number(clickNode.getAttribute("y"));
-                    graph.createNode(paramGraphData,clickNodeX,clickNodeY-100);
+                    let clickNodeX = Number(clickNode.getAttribute("x"));
+                    let clickNodeY = Number(clickNode.getAttribute("y"));
+                    graph.createNode(paramGraphData, clickNodeX, clickNodeY - 100);
                     // graph.createNode(paramGraphData,e.x+150,e.y-30);
-                    methodParamMap.set(clickNodeId+"ana","")
+                    methodParamMap.set(clickNodeId + "ana", "")
                 });
             }
         }
+
         function formData(data) {
-            if (data['avgRunTime']>globalThreshold) {
+            if (data['avgRunTime'] > globalThreshold) {
                 data['style'] = {
-                    'title-color':'#c71335',
-                    'border-color':'#c71335',
-                    'data-font-size':'10px',
-                    'title-font-size':'12px'
+                    'title-color': '#c71335',
+                    'border-color': '#c71335',
+                    'data-font-size': '10px',
+                    'title-font-size': '12px'
+                }
+            } else {
+                data['style'] = {
+                    'title-color': '#375d46',
+                    'border-color': '#375d46',
+                    'data-font-size': '10px',
+                    'title-font-size': '12px'
                 }
             }
-            else{
-                data['style'] = {
-                    'title-color':'#375d46',
-                    'border-color':'#375d46',
-                    'data-font-size':'10px',
-                    'title-font-size':'12px'
-                }
-            };
-            data['title'] = {'name':data['name']};
+            ;
+            data['title'] = {'name': data['name']};
             data['data'] = [
-                {'name':'<span style="color:gray">类型：</span>'+data['methodType']},
-                {'name':'<span style="color:gray">平均耗时：</span>'+data['avgRunTime']+' ms'},
-                {'name':'<span style="color:gray">最大耗时：</span>'+data['maxRunTime']+' ms'},
-                {'name':'<span style="color:gray">最小耗时：</span>'+data['minRunTime']+' ms'}
+                {'name': '<span style="color:gray">类型：</span>' + data['methodType']},
+                {'name': '<span style="color:gray">平均耗时：</span>' + data['avgRunTime'] + ' ms'},
+                {'name': '<span style="color:gray">最大耗时：</span>' + data['maxRunTime'] + ' ms'},
+                {'name': '<span style="color:gray">最小耗时：</span>' + data['minRunTime'] + ' ms'}
             ];
-            if (data['exceptionNum']!=null && data['exceptionNum']>0) {
-                data['data'].push({'name':'<span style="color:gray">异常数目：</span>'+data['exceptionNum']+' 个'});
+            if (data['exceptionNum'] != null && data['exceptionNum'] > 0) {
+                data['data'].push({'name': '<span style="color:gray">异常数目：</span>' + data['exceptionNum'] + ' 个'});
             }
-            data["dblclick"]="paramGraph";
+            data["dblclick"] = "paramGraph";
             return data;
         };
 
@@ -285,43 +335,44 @@
             let exceptionDetailDom = document.getElementById('layerDemo');
             exceptionDetailDom.innerHTML = "";
             let options = {
-                'link-start-offsetx':8,
-                'link-start-offsety':0,
-                'link-end-offsetx':+10,
-                'link-end-offsety':0,
-                'link-width-offset':0
+                'link-start-offsetx': 8,
+                'link-start-offsety': 0,
+                'link-end-offsetx': +10,
+                'link-end-offsety': 0,
+                'link-width-offset': 0
             };
-            graph = new MetricFlow("layerDemo",options);
+            graph = new MetricFlow("layerDemo", options);
             graph.threshold = globalThreshold;
             UIkit.notification.closeAll();
             UIkit.modal(document.getElementById("modal-method")).show();
 
             $.get(concatToken('contextPath/koTime/getTree?methodName=' + name), function (data) {
                 let rootX = 100;
-                let rootY = $(window).get(0).innerHeight / 2-50;
+                let rootY = $(window).get(0).innerHeight / 2 - 50;
                 data['x'] = rootX;
                 data['y'] = rootY;
-                graph.createNodes(data,formData);
+                graph.createNodes(data, formData);
 
             });
 
         };
 
-        function showExceptions(id,message) {
-            $.get(concatToken('contextPath/koTime/getMethodsByExceptionId?exceptionId=' + id+'&message='+message), function (data) {
+        function showExceptions(id, message) {
+            $.get(concatToken('contextPath/koTime/getMethodsByExceptionId?exceptionId=' + id + '&message=' + message), function (data) {
                 let html = '';
                 for (let i = 0; i < data.length; i++) {
                     html +=
                         "<ul class=\"uk-list uk-list-divider\">\n" +
-                        "\t<li id=\"exception-class\">异常类："+data[i].occurClassName+"</li>\n" +
-                        "\t<li id=\"exception-method\">异常方法："+data[i].methodName+"</li>\n" +
-                        "\t<li id=\"exception-line\">异常行：<span class=\"uk-label uk-label-success\">"+data[i].location+"</span></li>\n" +
-                        "\t<li id=\"exception-message\">异常消息：<span class=\"uk-label uk-label-danger\">"+data[i].message+"</span></li>\n" +
+                        "\t<li id=\"exception-class\">异常类：" + data[i].occurClassName + "</li>\n" +
+                        "\t<li id=\"exception-method\">异常方法：" + data[i].methodName + "</li>\n" +
+                        "\t<li id=\"exception-line\">异常行：<span class=\"uk-label uk-label-success\">" + data[i].location + "</span></li>\n" +
+                        "\t<li id=\"exception-message\">异常消息：<span class=\"uk-label uk-label-danger\">" + data[i].message + "</span></li>\n" +
                         "</ul>"
-                    if (data.length-1>i) {
-                        html +='<hr class="uk-divider-icon">'
+                    if (data.length - 1 > i) {
+                        html += '<hr class="uk-divider-icon">'
                     }
-                };
+                }
+                ;
 
                 let exceptionDetailDom = document.getElementById('exception-detail');
                 exceptionDetailDom.innerHTML = html;
@@ -333,47 +384,49 @@
         function login() {
             let userId = $("#userName").val()
             let password = $("#userPassword").val()
-            if (userId==undefined || userId.length<1 || password==undefined || password.length<1 ) {
+            if (userId == undefined || userId.length < 1 || password == undefined || password.length < 1) {
                 UIkit.notification.closeAll()
-                UIkit.notification("<font color='red'>请正确输入用户名和密码</font>",{});
+                UIkit.notification("<font color='red'>请正确输入用户名和密码</font>", {});
                 return
             }
             $.ajax({
-                type:'POST',
-                url:"contextPath/koTime/login",
-                data:JSON.stringify({'userName':userId,'password':password}),
-                dataType:'json',
-                headers: {'Content-Type': 'application/json' },
-                success:function (re) {
-                    if (re['state']==1) {
-                        UIkit.notification("<font color='green'>登录成功</font>",{});
+                type: 'POST',
+                url: "contextPath/koTime/login",
+                data: JSON.stringify({'userName': userId, 'password': password}),
+                dataType: 'json',
+                headers: {'Content-Type': 'application/json'},
+                success: function (re) {
+                    if (re['state'] == 1) {
+                        UIkit.notification("<font color='green'>登录成功</font>", {});
                         UIkit.notification.closeAll()
                         sessionStorage.setItem("kotimeToken", re["token"]);
                         location.reload();
-                    }else {
-                        UIkit.notification("<font color='red'>用户名或密码错误</font>",{});
+                    } else {
+                        UIkit.notification("<font color='red'>用户名或密码错误</font>", {});
                     }
                 },
-                error:function (re) {
+                error: function (re) {
                     console.log(re)
                 }
             });
         }
-        function searchTip(e){
-            let question =  $('#searchText').val()
-            $.get(concatToken('contextPath/koTime/getApiTips?question='+question), function (data) {
+
+        function searchTip(e) {
+            let question = $('#searchText').val()
+            $.get(concatToken('contextPath/koTime/getApiTips?question=' + question), function (data) {
                 $("#condidates").html("")
                 for (let i = 0; i < data.length; i++) {
                     let name = data[i];
-                    $("#condidates").append('<option value="'+name+'"/>');
-                };
+                    $("#condidates").append('<option value="' + name + '"/>');
+                }
+                ;
             });
         }
 
         function searchApis(e) {
             if (e.keyCode == 13) {
-                let question =  $('#searchText').val()
-                $.get(concatToken('contextPath/koTime/getApis?question='+question), function (data) {
+                let question = $('#searchText').val()
+                $.get(concatToken('contextPath/koTime/getApis?question=' + question), function (data) {
                     let element = document.getElementById('apiList');
                     html = '';
                     for (let i = 0; i < data.length; i++) {
@@ -382,36 +435,37 @@
                         let avgRunTime = data[i]['avgRunTime'];
                         let methodType = data[i]['methodType'];
                         let routeName = data[i]['routeName'];
-                        let apiId = className+"."+methodName;
-                        let  color = avgRunTime>globalThreshold?'danger':'success';
+                        let apiId = className + "." + methodName;
+                        let color = avgRunTime > globalThreshold ? 'danger' : 'success';
 
-                        if (methodType=='Controller' && routeName!=null && routeName!='') {
-                            html += "<li onclick=\"showMethods('"+apiId+"')\" style='color: #333;font-weight: 400;font-size: 14px;' id=\""+apiId+"-list\">"+ className+"#<span style='font-size: 16px;font-weight: 500;'>"+methodName+"</span>&nbsp(<span style='font-size: 14px;font-weight: 430;color:#032b11'>"+routeName+"</span>)&nbsp &nbsp<span style='font-size: 10px;text-transform: lowercase' class=\"uk-label uk-label-"+color+"\">平均响应 "+avgRunTime+" ms</span></li>";
-                        }else{
-                            html += "<li onclick=\"showMethods('"+apiId+"')\" style='color: #333;font-weight: 400;font-size: 14px;' id=\""+apiId+"-list\">"+ className+"#<span style='font-size: 16px;font-weight: 500;'>"+methodName+"</span>&nbsp &nbsp<span style='font-size: 10px;text-transform: lowercase' class=\"uk-label uk-label-"+color+"\">平均响应 "+avgRunTime+" ms</span></li>";
+                        if (methodType == 'Controller' && routeName != null && routeName != '') {
+                            html += "<li onclick=\"showMethods('" + apiId + "')\" style='color: #333;font-weight: 400;font-size: 14px;' id=\"" + apiId + "-list\">" + className + "#<span style='font-size: 16px;font-weight: 500;'>" + methodName + "</span>&nbsp(<span style='font-size: 14px;font-weight: 430;color:#032b11'>" + routeName + "</span>)&nbsp &nbsp<span style='font-size: 10px;text-transform: lowercase' class=\"uk-label uk-label-" + color + "\">平均响应 " + avgRunTime + " ms</span></li>";
+                        } else {
+                            html += "<li onclick=\"showMethods('" + apiId + "')\" style='color: #333;font-weight: 400;font-size: 14px;' id=\"" + apiId + "-list\">" + className + "#<span style='font-size: 16px;font-weight: 500;'>" + methodName + "</span>&nbsp &nbsp<span style='font-size: 10px;text-transform: lowercase' class=\"uk-label uk-label-" + color + "\">平均响应 " + avgRunTime + " ms</span></li>";
                         }
-                    };
+                    }
+                    ;
                     element.innerHTML = html;
                 });
                 $('#searchText').val('');
             }
         }
 
-        function updateClass(){
+        function updateClass() {
             // document.querySelector("#classForm").submit();
             var formData = new FormData();
             var file = document.querySelector('#classFile').files[0];
-            if (file==null || file==undefined) {
-                UIkit.notification("<font color='red'>文件不能为空</font>",{});
+            if (file == null || file == undefined) {
+                UIkit.notification("<font color='red'>文件不能为空</font>", {});
                 return;
             }
             var className = document.querySelector("#className").value
-            if (className==null || className==undefined || className.length<2) {
-                UIkit.notification("<font color='red'>类名不能为空</font>",{});
+            if (className == null || className == undefined || className.length < 2) {
+                UIkit.notification("<font color='red'>类名不能为空</font>", {});
                 return;
             }
             formData.append('classFile', file);
-            formData.append('className', className );
+            formData.append('className', className);
 
             $.ajax({
                 url: concatToken('contextPath/koTime/updateClass'),
@@ -422,45 +476,46 @@
                 contentType: false,
                 dataType: "json",
                 success: function (res) {
-                    if (res['state']==1) {
+                    if (res['state'] == 1) {
                         UIkit.notification.closeAll();
-                        UIkit.notification("<font color='green'>更新成功</font>",{});
-                    }else {
+                        UIkit.notification("<font color='green'>更新成功</font>", {});
+                    } else {
                         UIkit.notification.closeAll();
-                        UIkit.notification("<font color='red'>"+res['message']+"</font>",{});
+                        UIkit.notification("<font color='red'>" + res['message'] + "</font>", {});
                     }
                 },
                 error: function (XmlHttpRequest, textStatus, errorThrown) {
                     UIkit.notification.closeAll();
-                    UIkit.notification("<font color='red'>更新失败</font>",{});
+                    UIkit.notification("<font color='red'>更新失败</font>", {});
                     location.reload();
                 },
-                complete: function () {}
+                complete: function () {
+                }
             })
         }
 
-        function updateDynamicProperties(){
+        function updateDynamicProperties() {
             let propertiesDom = document.querySelector("#dynamicText");
             let propertiesText = propertiesDom.value;
-            if (propertiesText && propertiesText.indexOf("=")>0) {
+            if (propertiesText && propertiesText.indexOf("=") > 0) {
                 $.ajax({
-                    type:'POST',
-                    url:concatToken('contextPath/koTime/updateDynamicProperties'),
-                    data:JSON.stringify({
-                        text:propertiesText
+                    type: 'POST',
+                    url: concatToken('contextPath/koTime/updateDynamicProperties'),
+                    data: JSON.stringify({
+                        text: propertiesText
                     }),
-                    dataType:'json',
+                    dataType: 'json',
                     headers: {
                         'Content-Type': 'application/json'
                     },
-                    success:function (re) {
+                    success: function (re) {
                         UIkit.notification.closeAll();
-                        UIkit.notification("<font color='green'>更新成功</font>",{});
+                        UIkit.notification("<font color='green'>更新成功</font>", {});
                     }
                 });
-            }else {
+            } else {
                 UIkit.notification.closeAll();
-                UIkit.notification("<font color='red'>更新失败，请正确编写配置！</font>",{});
+                UIkit.notification("<font color='red'>更新失败，请正确编写配置！</font>", {});
             }
 
         }
@@ -472,7 +527,7 @@
             });
         }
 
-        function loadLatestVersion(){
+        function loadLatestVersion() {
             $.ajax({
                 url: 'http://www.kotime.cn/common/latestVersion?version=2.3.8',
                 type: 'GET',
@@ -480,28 +535,31 @@
                 dataType: "json",
                 async: true,
                 success: function (res) {
-                    if (res['state']==1) {
-                        document.querySelector("#version-notice").innerHTML=res['content']['versionNo']
+                    if (res['state'] == 1) {
+                        document.querySelector("#version-notice").innerHTML = res['content']['versionNo']
                     }
                 },
                 error: function (XmlHttpRequest, textStatus, errorThrown) {
                 },
-                complete: function () {}
+                complete: function () {
+                }
             });
         }
+
         function loadCpuInfo() {
             $.get(concatToken('contextPath/koTime/getCpuInfo'), function (data) {
-                let systemLoad = data['systemLoad']*100;
-                let userRate = data['userRate']*100;
-                let sysRate = data['sysRate']*100;
+                let systemLoad = data['systemLoad'] * 100;
+                let userRate = data['userRate'] * 100;
+                let sysRate = data['sysRate'] * 100;
                 let logicalNum = data['logicalNum'];
-                let waitRate = data['waitRate']*100;
+                let waitRate = data['waitRate'] * 100;
                 var systemLoadDom = document.querySelector("#systemLoad");
-                if (systemLoad>50) {
-                    systemLoadDom.style.color='#cc0c0c';
-                }else {
-                    systemLoadDom.style.color='#29da93';
-                };
+                if (systemLoad > 50) {
+                    systemLoadDom.style.color = '#cc0c0c';
+                } else {
+                    systemLoadDom.style.color = '#29da93';
+                }
+                ;
                 systemLoadDom.innerHTML = `${systemLoad.toFixed(2)}%`;
                 document.querySelector("#cpuSysRate").innerHTML = `${sysRate.toFixed(2)}%`;
                 document.querySelector("#cpuUserRate").innerHTML = `${userRate.toFixed(2)}%`;
@@ -509,40 +567,52 @@
                 document.querySelector("#cpuWaitRate").innerHTML = `${waitRate.toFixed(2)}%`;
             });
         }
+
         function loadHeapMemoryInfo() {
             $.get(concatToken('contextPath/koTime/getHeapMemoryInfo'), function (data) {
-                let initValue = data['initValue']/1024/1024;
-                let maxValue = data['maxValue']/1024/1024;
-                let usedValue = data['usedValue']/1024/1024;
-                let usedRate = data['usedRate']*100;
+                // let initValue = data['initValue'] / 1024 / 1024;
+                // let maxValue = data['maxValue'] / 1024 / 1024;
+                // let usedValue = data['usedValue'] / 1024 / 1024;
+                let initValue = getSize(data['initValue']);
+                let maxValue = getSize(data['maxValue']);
+                let usedValue = getSize(data['usedValue']);
+                let usedRate = data['usedRate'] * 100;
                 var heapUsedRateDom = document.querySelector("#heapUsedRate");
-                if (usedRate>50) {
-                    heapUsedRateDom.style.color='#cc0c0c';
-                }else {
-                    heapUsedRateDom.style.color='#29da93';
-                };
-                document.querySelector("#heapInit").innerHTML = `${initValue.toFixed()}M`;
-                document.querySelector("#heapMax").innerHTML = `${maxValue.toFixed()}M`;
-                document.querySelector("#heapUsed").innerHTML = `${usedValue.toFixed()}M`;
+                if (usedRate > 50) {
+                    heapUsedRateDom.style.color = '#cc0c0c';
+                } else {
+                    heapUsedRateDom.style.color = '#29da93';
+                }
+                ;
+                document.querySelector("#heapInit").innerHTML = initValue;
+                document.querySelector("#heapMax").innerHTML = maxValue;
+                document.querySelector("#heapUsed").innerHTML = usedValue;
                 heapUsedRateDom.innerHTML = `${usedRate.toFixed(2)}%`;
             });
         }
+
         function loadPhysicalMemoryInfo() {
             $.get(concatToken('contextPath/koTime/getPhysicalMemoryInfo'), function (data) {
-                let initValue = data['initValue']/1024/1024;
-                let thisUsedValue = data['thisUsedValue']/1024/1024;
-                let usedValue = data['usedValue']/1024/1024;
-                let usedRate = data['usedRate']*100;
+                // let initValue = data['initValue'] / 1024 / 1024;
+                // let thisUsedValue = data['thisUsedValue'] / 1024 / 1024;
+                // let usedValue = data['usedValue'] / 1024 / 1024;
+
+                let initValue = getSize(data['initValue']);
+                let thisUsedValue = getSize(data['thisUsedValue']);
+                let usedValue = getSize(data['usedValue']);
+
+                let usedRate = data['usedRate'] * 100;
                 var physicalUsedRateDom = document.querySelector("#physicalUsedRate");
-                if (usedRate>50) {
-                    physicalUsedRateDom.style.color='#cc0c0c';
-                }else {
-                    physicalUsedRateDom.style.color='#29da93';
-                };
+                if (usedRate > 50) {
+                    physicalUsedRateDom.style.color = '#cc0c0c';
+                } else {
+                    physicalUsedRateDom.style.color = '#29da93';
+                }
+                ;
                 physicalUsedRateDom.innerHTML = `${usedRate.toFixed(2)}%`;
-                document.querySelector("#physicalAmount").innerHTML = `${initValue.toFixed()}M`;
-                document.querySelector("#physicalUsed").innerHTML = `${usedValue.toFixed()}M`;
-                document.querySelector("#thisUsed").innerHTML = `${thisUsedValue.toFixed()}M`;
+                document.querySelector("#physicalAmount").innerHTML = initValue;
+                document.querySelector("#physicalUsed").innerHTML = usedValue;
+                document.querySelector("#thisUsed").innerHTML = thisUsedValue;
             });
         }
 
@@ -551,6 +621,7 @@
             'YELLOW': '#f0ad4e',
             'LIGHT_BLUE': '#5bc0de'
         };
+
         function getCpuUsageColor(usage) {
             if (usage > 50) {
                 return cpuUsageColorMap['RED'];
@@ -562,9 +633,10 @@
         }
 
         let threadMap = new Map();
+
         function loadThreadsInfo(queryState) {
             queryState = queryState || '';
-            $.get(concatToken('contextPath/koTime/getThreadsInfo?state='+queryState), function (data) {
+            $.get(concatToken('contextPath/koTime/getThreadsInfo?state=' + queryState), function (data) {
                 let statistics = data['statistics'];
                 let all = statistics['all'];
                 let RUNNABLE = statistics['RUNNABLE'] || 0;
@@ -582,10 +654,10 @@
                 let html = '';
                 let threads = data['threads'];
                 let colors = {
-                    'RUNNABLE':'#32d296',
-                    'BLOCKED':'#cc0c0c',
-                    'WAITING':'#ad7070',
-                    'TIMED_WAITING':'#ad7070'
+                    'RUNNABLE': '#32d296',
+                    'BLOCKED': '#cc0c0c',
+                    'WAITING': '#ad7070',
+                    'TIMED_WAITING': '#ad7070'
                 }
                 for (let i = 0; i < threads.length; i++) {
                     let thread = threads[i];
@@ -596,8 +668,8 @@
                     let stacks = thread['stacks'];
                     let cpuUsage = thread['cpuUsage'];
                     let cpuUsageColor = getCpuUsageColor(cpuUsage);
-                    threadMap[id+''] = stacks;
-                    html+=`<li onclick="showThreadInfo('${id}')" style='color: #333;font-weight: 400;font-size: 14px;'>id=<span style="font-size: 16px;font-weight: 500;">${id}</span>&nbsp; &nbsp;name=${name}&nbsp; &nbsp;class=${classType}&nbsp; &nbsp;<span style="font-size: 10px;background-color: ${cpuUsageColor};" class="uk-label uk-label-success">CPU使用率:${cpuUsage}%</span>&nbsp; &nbsp;<span style='font-size: 10px;background-color: ${colors[state]};' class="uk-label uk-label-success">${state}</span></li>`;
+                    threadMap[id + ''] = stacks;
+                    html += `<li onclick="showThreadInfo('${id}')" style='color: #333;font-weight: 400;font-size: 14px;'>id=<span style="font-size: 16px;font-weight: 500;">${id}</span>&nbsp; &nbsp;name=${name}&nbsp; &nbsp;class=${classType}&nbsp; &nbsp;<span style="font-size: 10px;background-color: ${cpuUsageColor};" class="uk-label uk-label-success">CPU使用率:${cpuUsage}%</span>&nbsp; &nbsp;<span style='font-size: 10px;background-color: ${colors[state]};' class="uk-label uk-label-success">${state}</span></li>`;
                 }
                 element.innerHTML = html;
             });
@@ -612,7 +684,7 @@
                 let methodName = stack['methodName']
                 let fileName = stack['fileName']
                 let lineNumber = stack['lineNumber']
-                html+=`<li style='color: #333;font-weight: 400;font-size: 14px;'>${className}.${methodName}&nbsp; &nbsp;<span style='font-size: 10px;background-color: darkslategray;text-transform: unset' class="uk-label uk-label-success">${fileName}：${lineNumber}</span></li>`;
+                html += `<li style='color: #333;font-weight: 400;font-size: 14px;'>${className}.${methodName}&nbsp; &nbsp;<span style='font-size: 10px;background-color: darkslategray;text-transform: unset' class="uk-label uk-label-success">${fileName}：${lineNumber}</span></li>`;
 
             }
             let threadDetailDom = document.getElementById('thread-detail');
@@ -626,7 +698,6 @@
         });
 
 
-
     </script>
 </head>
 <!--endreplace-->
@@ -636,7 +707,9 @@
 <nav class="uk-navbar-container" style="background-color: #404b67;height: 85px" uk-navbar>
     <div class="uk-navbar-center">
         <div class="uk-grid-small" uk-grid>
-            <div title="刷新数据" style="margin-top: 20px;font-size: 24px;color: white;cursor: pointer" class="uk-width-expand"   onclick="refreshData()" >KoTime调用链路追踪</div>
+            <div title="刷新数据" style="margin-top: 20px;font-size: 24px;color: white;cursor: pointer"
+                 class="uk-width-expand" onclick="refreshData()">KoTime调用链路追踪
+            </div>
         </div>
     </div>
 </nav>
@@ -648,30 +721,37 @@
     <li><a href="#" style="color: #edeef1;font-size: 14px">线程列表</a></li>
     <li><a href="#" style="color: #edeef1;font-size: 14px">热更新</a></li>
     <li><a href="#" style="color: #edeef1;font-size: 14px">配置</a></li>
-    <li><a href="#" style="color: #edeef1;font-size: 14px">技术支持</a><span title="点击查看版本发布信息" style="position: absolute;top:-10px;left: 90%;border-radius: 5px;text-transform: unset" class="uk-label" id="version-notice" onclick="window.location.href='http://www.kotime.cn/docs/kaiyuan#/v220/introduce'"></span></li>
+    <li><a href="#" style="color: #edeef1;font-size: 14px">技术支持</a><span title="点击查看版本发布信息"
+                                                                             style="position: absolute;top:-10px;left: 90%;border-radius: 5px;text-transform: unset"
+                                                                             class="uk-label" id="version-notice"
+                                                                             onclick="window.location.href='http://www.kotime.cn/docs/kaiyuan#/v220/introduce'"></span>
+    </li>
 </ul>
 
 <ul class="uk-switcher uk-margin">
     <li style="margin-left: 30%;margin-right: 30%;">
         <ul class="uk-flex-left" uk-tab>
-            <li class="uk-active"><a href="#" >接口统计</a></li>
+            <li class="uk-active"><a href="#">接口统计</a></li>
         </ul>
         <div style="margin-top: 20px;" class="uk-grid-small uk-child-width-expand@s uk-text-center" uk-grid>
             <div>
-                <div id="systemTotalNum-div" style="border-radius: 10px;background-color: #fefffe;padding: 20px" class="uk-card uk-card-default uk-card-body uk-label-success">
+                <div id="systemTotalNum-div" style="border-radius: 10px;background-color: #fefffe;padding: 20px"
+                     class="uk-card uk-card-default uk-card-body uk-label-success">
                     <span style="font-size: 10px;color: #3b3f4f">接口数</span><br>
-                    <span style="font-size: 30px;color: #020718;font-weight: bold" id="systemTotalNum" >0</span>
+                    <span style="font-size: 30px;color: #020718;font-weight: bold" id="systemTotalNum">0</span>
                 </div>
             </div>
             <div>
-                <div id="systemDelayNum-div" style="border-radius: 10px;background-color: #fefffe;padding: 20px" class="uk-card uk-card-default uk-card-body uk-label-success">
+                <div id="systemDelayNum-div" style="border-radius: 10px;background-color: #fefffe;padding: 20px"
+                     class="uk-card uk-card-default uk-card-body uk-label-success">
                     <span style="font-size: 10px;color: #3b3f4f">延迟响应数</span>
                     <br>
                     <span style="font-size: 30px;color: #cc0c0c;font-weight: bold" id="systemDelayNum">0</span>
                 </div>
             </div>
             <div>
-                <div id="systemNormalNum-div" style="border-radius: 10px;background-color: #fefffe;padding: 20px" class="uk-card uk-card-default uk-card-body uk-label-success">
+                <div id="systemNormalNum-div" style="border-radius: 10px;background-color: #fefffe;padding: 20px"
+                     class="uk-card uk-card-default uk-card-body uk-label-success">
                     <span style="font-size: 10px;color: #3b3f4f">正常响应数</span>
                     <br>
                     <span style="font-size: 30px;color: #29da93;font-weight: bold" id="systemNormalNum">0</span></div>
@@ -679,62 +759,86 @@
         </div>
 
         <ul style="margin-top: 10px;" class="uk-flex-left" uk-tab>
-            <li class="uk-active"><a href="#" >响应统计</a></li>
+            <li class="uk-active"><a href="#">响应统计</a></li>
         </ul>
         <div style="margin-top: 10px;" class="uk-grid-small uk-child-width-expand@s uk-text-center" uk-grid>
             <div>
-                <div id="systemAvgRunTime-div" style="border-radius: 10px;background-color: #fefffe;padding: 20px" class="uk-card uk-card-default uk-card-body uk-label-success">
+                <div id="systemAvgRunTime-div" style="border-radius: 10px;background-color: #fefffe;padding: 20px"
+                     class="uk-card uk-card-default uk-card-body uk-label-success">
                     <span style="font-size: 10px;color: #3b3f4f">平均响应（ms）</span>
                     <br>
                     <span style="font-size: 30px;color: #020718;font-weight: bold" id="systemAvgRunTime">0</span></div>
             </div>
             <div>
-                <div id="systemMaxRunTime-div" style="border-radius: 10px;background-color: #fefffe;padding: 20px" class="uk-card uk-card-default uk-card-body uk-label-success">
+                <div id="systemMaxRunTime-div" style="border-radius: 10px;background-color: #fefffe;padding: 20px"
+                     class="uk-card uk-card-default uk-card-body uk-label-success">
                     <span style="font-size: 10px;color: #3b3f4f">最大响应（ms）</span>
                     <br>
                     <span style="font-size: 30px;color: #020718;font-weight: bold" id="systemMaxRunTime">0</span></div>
             </div>
             <div>
-                <div id="systemMinRunTime-div"  style="border-radius: 10px;background-color: #fefffe;padding: 20px" class="uk-card uk-card-default uk-card-body uk-label-success">
+                <div id="systemMinRunTime-div" style="border-radius: 10px;background-color: #fefffe;padding: 20px"
+                     class="uk-card uk-card-default uk-card-body uk-label-success">
                     <span style="font-size: 10px;color: #3b3f4f">最小响应（ms）</span>
                     <br>
                     <span style="font-size: 30px;color: #020718;font-weight: bold" id="systemMinRunTime">0</span></div>
             </div>
         </div>
         <ul class="uk-flex-left" uk-tab>
-            <li class="uk-active"><a href="#" >系统使用情况</a></li>
+            <li class="uk-active"><a href="#">系统使用情况</a></li>
         </ul>
         <div style="margin-top: 20px;" class="uk-grid-small uk-child-width-expand@s uk-text-center" uk-grid>
             <div>
-                <div id="cpuInfo-div" style="border-radius: 10px;background-color: #fefffe;padding: 20px" class="uk-card uk-card-default uk-card-body uk-label-success">
-                    <span style="font-size: 12px;color: #3b3f4f;justify-content: space-around;" id="cpuLogicalAmount">CPU使用率：</span><span style="font-size: 15px;color: #020718;font-weight: bold" id="systemLoad" >0</span>
+                <div id="cpuInfo-div" style="border-radius: 10px;background-color: #fefffe;padding: 20px; text-align: left;"
+                     class="uk-card uk-card-default uk-card-body uk-label-success">
+                    <span style="font-size: 12px;color: #3b3f4f;justify-content: space-around;" id="cpuLogicalAmount">CPU使用率：</span><span
+                        style="font-size: 15px;color: #020718;font-weight: bold" id="systemLoad">0</span>
                     <hr style="margin-top: 7px">
-                    <ul class="uk-list-bullet" style="text-align: left;margin-top: -13px;">
-                        <li style="margin-top: -2px;"><span style="font-size: 8px;color: #3b3f4f;">用户使用率：</span><span style="font-size: 12px;color: #020718;font-weight: bold" id="cpuUserRate" >0</span></li>
-                        <li style="margin-top: -2px;"><span style="font-size: 8px;color: #3b3f4f;">系统使用率：</span><span style="font-size: 12px;color: #020718;font-weight: bold" id="cpuSysRate" >0</span></li>
-                        <li style="margin-top: -2px;"><span style="font-size: 8px;color: #3b3f4f;">IO&nbsp;&nbsp;&nbsp;等待率：</span><span style="font-size: 12px;color: #020718;font-weight: bold" id="cpuWaitRate" >0</span></li>
+                    <ul class="uk-list-bullet" style="text-align: left;margin-top: -13px; margin-left: -40px;">
+                        <li style="margin-top: -2px;"><span
+                                style="font-size: 8px;color: #3b3f4f;">用户使用率：</span><span
+                                style="font-size: 12px;color: #020718;font-weight: bold" id="cpuUserRate">0</span></li>
+                        <li style="margin-top: -2px;"><span
+                                style="font-size: 8px;color: #3b3f4f;">系统使用率：</span><span
+                                style="font-size: 12px;color: #020718;font-weight: bold" id="cpuSysRate">0</span></li>
+                        <li style="margin-top: -2px;"><span style="font-size: 8px;color: #3b3f4f;">IO&nbsp;&nbsp;&nbsp;等待率：</span><span
+                                style="font-size: 12px;color: #020718;font-weight: bold" id="cpuWaitRate">0</span></li>
                     </ul>
                 </div>
             </div>
             <div>
-                <div id="heapMemory-div" style="border-radius: 10px;background-color: #fefffe;padding: 20px" class="uk-card uk-card-default uk-card-body uk-label-success">
-                    <span style="font-size: 12px;color: #3b3f4f;justify-content: space-around;">堆内存：</span><span style="font-size: 15px;color: #020718;font-weight: bold" id="heapUsedRate" >0</span>
+                <div id="heapMemory-div" style="border-radius: 10px;background-color: #fefffe;padding: 20px; text-align: left;"
+                     class="uk-card uk-card-default uk-card-body uk-label-success">
+                    <span style="font-size: 12px;color: #3b3f4f;justify-content: space-around;">堆内存：</span><span
+                        style="font-size: 15px;color: #020718;font-weight: bold" id="heapUsedRate">0</span>
                     <hr style="margin-top: 7px">
-                    <ul class="uk-list-bullet" style="text-align: left;margin-top: -13px">
-                        <li style="margin-top: -2px;"><span style="font-size: 8px;color: #3b3f4f;">初始值：</span><span style="font-size: 12px;color: #020718;font-weight: bold" id="heapInit" >0</span></li>
-                        <li style="margin-top: -2px;"><span style="font-size: 8px;color: #3b3f4f;">最大值：</span><span style="font-size: 12px;color: #020718;font-weight: bold" id="heapMax" >0</span></li>
-                        <li style="margin-top: -2px;"><span style="font-size: 8px;color: #3b3f4f;">已使用：</span><span style="font-size: 12px;color: #020718;font-weight: bold" id="heapUsed" >0</span></li>
+                    <ul class="uk-list-bullet" style="text-align: left;margin-top: -13px; margin-left: -40px;">
+                        <li style="margin-top: -2px;"><span style="font-size: 8px;color: #3b3f4f;">初始值：</span><span
+                                style="font-size: 12px;color: #020718;font-weight: bold" id="heapInit">0</span></li>
+                        <li style="margin-top: -2px;"><span style="font-size: 8px;color: #3b3f4f;">最大值：</span><span
+                                style="font-size: 12px;color: #020718;font-weight: bold" id="heapMax">0</span></li>
+                        <li style="margin-top: -2px;"><span style="font-size: 8px;color: #3b3f4f;">已使用：</span><span
+                                style="font-size: 12px;color: #020718;font-weight: bold" id="heapUsed">0</span></li>
                     </ul>
                 </div>
             </div>
             <div>
-                <div id="physicalMemory-div" style="border-radius: 10px;background-color: #fefffe;padding: 20px" class="uk-card uk-card-default uk-card-body uk-label-success">
-                    <span style="font-size: 12px;color: #3b3f4f;justify-content: space-around;">物理内存：</span><span style="font-size: 15px;color: #020718;font-weight: bold" id="physicalUsedRate" >0</span>
+                <div id="physicalMemory-div" style="border-radius: 10px;background-color: #fefffe;padding: 20px; text-align: left;"
+                     class="uk-card uk-card-default uk-card-body uk-label-success">
+                    <span style="font-size: 12px;color: #3b3f4f;justify-content: space-around;">物理内存：</span><span
+                        style="font-size: 15px;color: #020718;font-weight: bold" id="physicalUsedRate">0</span>
                     <hr style="margin-top: 7px">
-                    <ul class="uk-list-bullet" style="text-align: left;margin-top: -13px">
-                        <li style="margin-top: -2px;"><span style="font-size: 8px;color: #3b3f4f;">总物理内存：</span><span style="font-size: 12px;color: #020718;font-weight: bold" id="physicalAmount" >0</span></li>
-                        <li style="margin-top: -2px;"><span style="font-size: 8px;color: #3b3f4f;">已使用内存：</span><span style="font-size: 12px;color: #020718;font-weight: bold" id="physicalUsed" >0</span></li>
-                        <li style="margin-top: -2px;"><span style="font-size: 8px;color: #3b3f4f;">此程序占用：</span><span style="font-size: 12px;color: #020718;font-weight: bold" id="thisUsed" >0</span></li>
+                    <ul class="uk-list-bullet" style="text-align: left;margin-top: -13px; margin-left: -40px;">
+                        <li style="margin-top: -2px;"><span
+                                style="font-size: 8px;color: #3b3f4f;">总物理内存：</span><span
+                                style="font-size: 12px;color: #020718;font-weight: bold" id="physicalAmount">0</span>
+                        </li>
+                        <li style="margin-top: -2px;"><span
+                                style="font-size: 8px;color: #3b3f4f;">已使用内存：</span><span
+                                style="font-size: 12px;color: #020718;font-weight: bold" id="physicalUsed">0</span></li>
+                        <li style="margin-top: -2px;"><span
+                                style="font-size: 8px;color: #3b3f4f;">此程序占用：</span><span
+                                style="font-size: 12px;color: #020718;font-weight: bold" id="thisUsed">0</span></li>
                     </ul>
                 </div>
             </div>
@@ -748,105 +852,136 @@
     <li style="margin-left: 20%;margin-right: 20%;">
         <div style="left: 35%;width: 350px;" class="uk-search uk-search-default">
             <span uk-search-icon></span>
-            <input list="condidates" id="searchText" style="border-top: none;border-right: none;border-left: none;border-bottom: 1px solid lightgreen;color:#213121" class="uk-search-input" type="search" placeholder="搜索方法名或者类文件..." oninput="searchTip(event);" onkeydown="searchApis(event);">
+            <input list="condidates" id="searchText"
+                   style="border-top: none;border-right: none;border-left: none;border-bottom: 1px solid lightgreen;color:#213121"
+                   class="uk-search-input" type="search" placeholder="搜索方法名或者类文件..."
+                   oninput="searchTip(event);" onkeydown="searchApis(event);">
             <datalist id="condidates" onkeydown="searchApis(event);">
             </datalist>
         </div>
-        <ul id="apiList" style="background-color: rgba(245,242,242,0.96);padding: 10px;overflow-y: auto;max-height: 70%" class="uk-list uk-list-divider">
+        <ul id="apiList" style="background-color: rgba(245,242,242,0.96);padding: 10px;overflow-y: auto;max-height: 70%"
+            class="uk-list uk-list-divider">
             <li>method 1 1&nbsp<span class="uk-label uk-label-success">0</span></li>
         </ul>
     </li>
     <li style="margin-left: 20%;margin-right: 20%;">
-        <ul id="exceptionList" style="background-color: rgba(245,242,242,0.96);padding: 10px;overflow-y: auto;max-height: 73%" class="uk-list uk-list-divider">
+        <ul id="exceptionList"
+            style="background-color: rgba(245,242,242,0.96);padding: 10px;overflow-y: auto;max-height: 73%"
+            class="uk-list uk-list-divider">
             <li>exception 1 1&nbsp<span class="uk-label uk-label-danger">未开启</span></li>
         </ul>
     </li>
     <li style="margin-left: 30%;margin-right: 30%;">
         <ul class="uk-flex-left" uk-tab>
-            <li class="uk-active"><a href="#" >线程统计</a></li>
+            <li class="uk-active"><a href="#">线程统计</a></li>
         </ul>
         <div style="margin-top: 20px;" class="uk-grid-small uk-child-width-expand@s uk-text-center" uk-grid>
             <div>
-                <div onclick="loadThreadsInfo('')" id="threadNum-div" style="cursor:pointer;border-radius: 10px;background-color: #fefffe;padding: 20px" class="uk-card uk-card-default uk-card-body uk-label-success">
+                <div onclick="loadThreadsInfo('')" id="threadNum-div"
+                     style="cursor:pointer;border-radius: 10px;background-color: #fefffe;padding: 20px"
+                     class="uk-card uk-card-default uk-card-body uk-label-success">
                     <span style="font-size: 10px;color: #3b3f4f">ALL</span><br>
-                    <span style="font-size: 30px;color: #020718;font-weight: bold" id="threadNum" >0</span>
+                    <span style="font-size: 30px;color: #020718;font-weight: bold" id="threadNum">0</span>
                 </div>
             </div>
             <div>
-                <div onclick="loadThreadsInfo('RUNNABLE')" id="runnableNum-div" style="cursor:pointer;border-radius: 10px;background-color: #fefffe;padding: 20px" class="uk-card uk-card-default uk-card-body uk-label-success">
+                <div onclick="loadThreadsInfo('RUNNABLE')" id="runnableNum-div"
+                     style="cursor:pointer;border-radius: 10px;background-color: #fefffe;padding: 20px"
+                     class="uk-card uk-card-default uk-card-body uk-label-success">
                     <span style="font-size: 10px;color: #3b3f4f">RUNNABLE</span>
                     <br>
                     <span style="font-size: 30px;color: #29da93;font-weight: bold" id="runnableNum">0</span>
                 </div>
             </div>
             <div>
-                <div onclick="loadThreadsInfo('BLOCKED')" id="blockedNum-div" style="cursor:pointer;border-radius: 10px;background-color: #fefffe;padding: 20px" class="uk-card uk-card-default uk-card-body uk-label-success">
+                <div onclick="loadThreadsInfo('BLOCKED')" id="blockedNum-div"
+                     style="cursor:pointer;border-radius: 10px;background-color: #fefffe;padding: 20px"
+                     class="uk-card uk-card-default uk-card-body uk-label-success">
                     <span style="font-size: 10px;color: #3b3f4f">BLOCKED</span>
                     <br>
                     <span style="font-size: 30px;color: #cc0c0c;font-weight: bold" id="blockedNum">0</span></div>
             </div>
             <div>
-                <div onclick="loadThreadsInfo('WAITING')" id="waitingNum-div" style="cursor:pointer;border-radius: 10px;background-color: #fefffe;padding: 20px" class="uk-card uk-card-default uk-card-body uk-label-success">
+                <div onclick="loadThreadsInfo('WAITING')" id="waitingNum-div"
+                     style="cursor:pointer;border-radius: 10px;background-color: #fefffe;padding: 20px"
+                     class="uk-card uk-card-default uk-card-body uk-label-success">
                     <span style="font-size: 10px;color: #3b3f4f">WAITING</span>
                     <br>
                     <span style="font-size: 30px;color: #ad7070;font-weight: bold" id="waitingNum">0</span></div>
             </div>
             <div>
-                <div onclick="loadThreadsInfo('TIMED_WAITING')" id="timedWaitingNum-div" style="cursor:pointer;border-radius: 10px;background-color: #fefffe;padding: 20px" class="uk-card uk-card-default uk-card-body uk-label-success">
+                <div onclick="loadThreadsInfo('TIMED_WAITING')" id="timedWaitingNum-div"
+                     style="cursor:pointer;border-radius: 10px;background-color: #fefffe;padding: 20px"
+                     class="uk-card uk-card-default uk-card-body uk-label-success">
                     <span style="font-size: 10px;color: #3b3f4f">TIMED_WAITING</span>
                     <br>
                     <span style="font-size: 30px;color: #ad7070;font-weight: bold" id="timedWaitingNum">0</span></div>
             </div>
         </div>
         <ul class="uk-flex-left" uk-tab>
-            <li class="uk-active"><a href="#" >线程列表</a></li>
+            <li class="uk-active"><a href="#">线程列表</a></li>
         </ul>
-        <ul id="threadList" style="background-color: rgba(245,242,242,0.96);padding: 10px;overflow-y: auto;max-height: 65%" class="uk-list uk-list-divider">
+        <ul id="threadList"
+            style="background-color: rgba(245,242,242,0.96);padding: 10px;overflow-y: auto;max-height: 65%"
+            class="uk-list uk-list-divider">
             <li>thread 1 1&nbsp<span class="uk-label uk-label-success">0</span></li>
         </ul>
     </li>
     <li style="margin-left: 35%;margin-right: 35%;">
         <div class="uk-card uk-card-default uk-card-body" style="border-radius: 5px">
-            <div id="classForm" >
-                <div uk-form-custom="target: true"  class="uk-form-controls">
-                    <input id="classFile" name="classFile"  type="file" >
-                    <input id="form-file" style="width: 500px;border-radius: 5px"  class="uk-input" type="text" placeholder="更新的类文件：编译过的.class文件" >
+            <div id="classForm">
+                <div uk-form-custom="target: true" class="uk-form-controls">
+                    <input id="classFile" name="classFile" type="file">
+                    <input id="form-file" style="width: 500px;border-radius: 5px" class="uk-input" type="text"
+                           placeholder="更新的类文件：编译过的.class文件">
                 </div>
                 <br>
                 <br>
-                <input id="className" name="className" style="width: 500px;border-radius: 5px" class="uk-input"  type="text" placeholder="更新的类全名：com.xx.xx.TestService" >
+                <input id="className" name="className" style="width: 500px;border-radius: 5px" class="uk-input"
+                       type="text" placeholder="更新的类全名：com.xx.xx.TestService">
                 <br>
                 <br>
-                <button type="button"  onclick="updateClass();" style="width: 500px;background-color: #19985d;border-radius: 5px"  class="uk-button uk-button-primary uk-width-1-1 uk-margin-small-bottom">确定</button>
+                <button type="button" onclick="updateClass();"
+                        style="width: 500px;background-color: #19985d;border-radius: 5px"
+                        class="uk-button uk-button-primary uk-width-1-1 uk-margin-small-bottom">确定
+                </button>
             </div>
         </div>
     </li>
     <li style="margin-left: 30%;margin-right: 30%;">
         <ul class="uk-flex-left" uk-tab>
             <li class="uk-active"><a href="#" style="text-transform: unset">KoTime配置</a></li>
-            <li class=""><a href="#"  style="text-transform: unset">dynamic.properties配置</a></li>
+            <li class=""><a href="#" style="text-transform: unset">dynamic.properties配置</a></li>
         </ul>
         <ul class="uk-switcher uk-margin">
             <li>
-                <div style="margin-top: 20px;" class="uk-grid-small uk-child-width-expand@s uk-text-left uk-card uk-card-default uk-card-body"  style="border-radius: 5px" uk-grid>
+                <div style="margin-top: 20px;"
+                     class="uk-grid-small uk-child-width-expand@s uk-text-left uk-card uk-card-default uk-card-body"
+                     style="border-radius: 5px" uk-grid>
                     <div class="layui-tab-item">
-                        <label >开启koTime：</label> <input id='kotimeEnable' type="checkbox" checked>
+                        <label>开启koTime：</label> <input id='kotimeEnable' type="checkbox" checked>
                         <br>
-                        <label >开启异常监测：</label> <input id='exceptionEnable' type="checkbox">
+                        <label>开启异常监测：</label> <input id='exceptionEnable' type="checkbox">
                         <br>
-                        <label >开启控制台日志：</label> <input id='logEnable' type="checkbox">
+                        <label>开启控制台日志：</label> <input id='logEnable' type="checkbox">
                         <br>
-                        <label >开启邮件通知：</label> <input id='mailEnable' type="checkbox">
+                        <label>开启邮件通知：</label> <input id='mailEnable' type="checkbox">
                         <br>
                         <label>语言选择：</label>
-                        <select id="languageSwitch" >
-                            <option  value="chinese">中文</option>
+                        <select id="languageSwitch">
+                            <option value="chinese">中文</option>
                             <option value="english">英文</option>
                         </select>
                         <br>
-                        <label >方法运行时间阈值：</label> <input id='timeThreshold' type="input"><button style="background-color: #177ce1;border: 1px solid #177ce1;cursor: pointer;color: white" id="timeThresholdYes">确认</button>
+                        <label>方法运行时间阈值：</label> <input id='timeThreshold' type="input">
+                        <button style="background-color: #177ce1;border: 1px solid #177ce1;cursor: pointer;color: white"
+                                id="timeThresholdYes">确认
+                        </button>
                         <br>
-                        <label >清空链路数据：</label><button style="background-color: #177ce1;border: 1px solid #177ce1;cursor: pointer;color: white" id="clearDataYes">确认</button>
+                        <label>清空链路数据：</label>
+                        <button style="background-color: #177ce1;border: 1px solid #177ce1;cursor: pointer;color: white"
+                                id="clearDataYes">确认
+                        </button>
                         <br>
                         <br>
                         <div class="uk-alert-success" uk-alert>
@@ -858,10 +993,14 @@
             </li>
             <li>
                 <div class="uk-card uk-card-default uk-card-body" style="border-radius: 5px">
-                    <textarea id="dynamicText" class="uk-textarea" placeholder="" wrap="off"  style="overflow-y: auto;height: 65%;resize: none;overflow-x: auto"></textarea>
+                    <textarea id="dynamicText" class="uk-textarea" placeholder="" wrap="off"
+                              style="overflow-y: auto;height: 65%;resize: none;overflow-x: auto"></textarea>
                     <br>
                     <br>
-                    <button type="button"  onclick="updateDynamicProperties();" style="width: 100%;background-color: #19985d;border-radius: 5px"  class="uk-button uk-button-primary uk-width-1-1 uk-margin-small-bottom">更新</button>
+                    <button type="button" onclick="updateDynamicProperties();"
+                            style="width: 100%;background-color: #19985d;border-radius: 5px"
+                            class="uk-button uk-button-primary uk-width-1-1 uk-margin-small-bottom">更新
+                    </button>
                 </div>
             </li>
         </ul>
@@ -871,12 +1010,29 @@
         <script src='https://gitee.com/huoyo/ko-time/widget_preview' async defer></script>
         <div id="osc-gitee-widget-tag"></div>
         <style>
-            .osc_pro_color {color: #ffffff !important;}
-            .osc_panel_color {background-color: #1e252b !important;}
-            .osc_background_color {background-color: #323d47 !important;}
-            .osc_border_color {border-color: #455059 !important;}
-            .osc_desc_color {color: #d7deea !important;}
-            .osc_link_color * {color: #99a0ae !important;}
+            .osc_pro_color {
+                color: #ffffff !important;
+            }
+
+            .osc_panel_color {
+                background-color: #1e252b !important;
+            }
+
+            .osc_background_color {
+                background-color: #323d47 !important;
+            }
+
+            .osc_border_color {
+                border-color: #455059 !important;
+            }
+
+            .osc_desc_color {
+                color: #d7deea !important;
+            }
+
+            .osc_link_color * {
+                color: #99a0ae !important;
+            }
         </style>
         <br>
         <div class="uk-alert-success" uk-alert>
@@ -891,8 +1047,10 @@
 <div id="modal-thread" uk-modal>
     <div class="uk-modal-dialog" style="width: 75%">
         <button class="uk-modal-close-default" type="button" uk-close></button>
-        <div  class="uk-modal-body uk-margin-auto-vertical" uk-overflow-auto>
-            <ul id="thread-detail" style="background-color: rgba(245,242,242,0.96);padding: 10px;overflow-y: auto;max-height: 70%" class="uk-list uk-list-divider">
+        <div class="uk-modal-body uk-margin-auto-vertical" uk-overflow-auto>
+            <ul id="thread-detail"
+                style="background-color: rgba(245,242,242,0.96);padding: 10px;overflow-y: auto;max-height: 70%"
+                class="uk-list uk-list-divider">
             </ul>
         </div>
         <div class="uk-modal-footer uk-text-right">
@@ -931,16 +1089,16 @@
 
     <div class="uk-modal-dialog" style="background-color: rgb(242, 243, 242)">
         <div class="uk-grid-collapse uk-child-width-1-1@s uk-flex-middle" uk-grid>
-            <div   uk-height-viewport>
+            <div uk-height-viewport>
 
                 <div class="uk-text-center" uk-grid>
                     <div class="uk-width-1-3@m">
                     </div>
                     <div class="uk-width-1-3@m" style="margin-top: 100px;">
-                        <form  class="uk-card uk-card-default uk-card-body" style="border-radius: 5px">
+                        <form class="uk-card uk-card-default uk-card-body" style="border-radius: 5px">
                             <div class="uk-margin">
                                 <div class="uk-inline">
-                                    <div style="font-size: 35px;" class="uk-width-expand" >KoTime调用链路追踪</div>
+                                    <div style="font-size: 35px;" class="uk-width-expand">KoTime调用链路追踪</div>
                                 </div>
                             </div>
                             <br>
@@ -953,12 +1111,13 @@
                             <div class="uk-margin">
                                 <div class="uk-inline">
                                     <span class="uk-form-icon uk-form-icon-flip" uk-icon="icon: lock"></span>
-                                    <input id="userPassword" type="password" class="uk-input" >
+                                    <input id="userPassword" type="password" class="uk-input">
                                 </div>
                             </div>
                             <div class="uk-margin">
                                 <div class="uk-inline">
-                                    <a class="uk-button uk-button-default uk-label-success" style="border-radius: 5px" onclick="login();"  >确定</a>
+                                    <a class="uk-button uk-button-default uk-label-success" style="border-radius: 5px"
+                                       onclick="login();">确定</a>
                                 </div>
                             </div>
                         </form>
@@ -974,8 +1133,6 @@
 </div>
 
 
-
-
 <!--<div class="uk-margin-medium-bottom" style="position:absolute;top:95%;left:45%;text-align:center;">-->
 <!--    <ul class="uk-flex-center" uk-tab>-->
 <!--        <li class=""><a style="font-size: 7px;text-transform:capitalize" href="#">@2021 Huoyo</a></li>-->