update

石源 · 石源 · commit e2732a8adbb1 · 2018-04-27T09:57:27.000+08:00
diff --git a/src/main/webapp/js/tools.js b/src/main/webapp/js/tools.js
@@ -75,6 +75,33 @@ var Tools = {
         return (f.indexOf('.' + new Array(decimals + 1).join('0'), f.length - (decimals + 1)) !== -1 ? f.slice(0, -decimals - 1) : f) + sizes[i];
     },
 
+    formatMillisec: function (millisec) {
+        if (!_.isNumber(millisec) || millisec < 0) {
+            return null;
+        }
+
+        if (millisec < 1000) {
+            return Math.ceil(millisec) + "ms";
+        }
+
+        millisec /= 1000;
+        if (millisec < 60) {
+            return Math.ceil(millisec) + "s";
+        }
+
+        millisec /= 60;
+        if (millisec < 60) {
+            return Math.ceil(millisec) + "m";
+        }
+
+        millisec /= 60;
+        if (millisec < 24) {
+            return Math.ceil(millisec) + "h";
+        }
+
+        return Math.ceil(millisec / 24) + "d";
+    },
+
     /*
      * LOAD SCRIPTS
      * Usage:
diff --git a/src/main/webapp/modules/home.html b/src/main/webapp/modules/home.html
@@ -60,6 +60,24 @@
         },
 
         mounted: function () {
+            $.fn.dataTable.ext.type.order['duration-pre'] = function (data) {
+                var matches = data.match(/^(\d+(?:\.\d+)?)\s*([a-z]+)/i);
+                if (!matches) {
+                    return -1;
+                }
+                var duration = parseFloat(matches[1]);
+                switch (matches[2]) {
+                    case "d":
+                        duration *= 24;
+                    case "h":
+                        duration *= 60;
+                    case "m":
+                        duration *= 60;
+                    case "s":
+                        duration *= 1000;
+                }
+                return duration;
+            };
             var me = this, dt = me.dataTable = $(me.$el).find('table:first').DataTable({
                 bDestroy: true,
                 bProcessing: true,
@@ -70,13 +88,37 @@
                     {title: "方法名", data: "methodName", name: "methodName"},
                     {title: "成功数", data: "successCount", name: "successCount"},
                     {title: "失败数", data: "errorCount", name: "errorCount"},
-                    {title: "最小时长", data: "minDuration", name: "minDuration"},
-                    {title: "最大时长", data: "maxDuration", name: "maxDuration"},
-                    {title: "总时长", data: "totalDuration", name: "totalDuration"},
+                    {
+                        title: "最小时长",
+                        data: "minDuration",
+                        name: "minDuration",
+                        type: "duration",
+                        render: function (data, type, row, meta) {
+                            return Tools.formatMillisec(data);
+                        }
+                    },
+                    {
+                        title: "最大时长",
+                        data: "maxDuration",
+                        name: "maxDuration",
+                        type: "duration",
+                        render: function (data, type, row, meta) {
+                            return Tools.formatMillisec(data);
+                        }
+                    },
+                    {
+                        title: "总时长",
+                        data: "totalDuration",
+                        name: "totalDuration",
+                        type: "duration",
+                        render: function (data, type, row, meta) {
+                            return Tools.formatMillisec(data);
+                        }
+                    },
                     {
                         title: "平均时长",
                         render: function (data, type, row, meta) {
-                            return Math.round(row.totalDuration / (row.successCount + row.errorCount));
+                            return Tools.formatMillisec(row.totalDuration / (row.successCount + row.errorCount));
                         }
                     }
                 ],
