指标增加一些易读的名称等信息

web/views/@default/servers/metrics/index.html

@@ -25,13 +25,13 @@
     <tr v-for="item in items">
         <td>{{item.name}}</td>
         <td>
-            <span v-if="item.keys != null" v-for="key in item.keys" class="ui label basic small">{{key}}</span>
+            <div v-if="item.keys != null" v-for="key in item.keys" style="margin-bottom: 0.3em; margin-top: 0.3em"><metric-key-label :v-key="key"></metric-key-label></div>
         </td>
         <td>
-            {{item.period}} {{item.periodUnit}}
+            {{item.period}} {{item.periodUnitName}}
         </td>
         <td>
-            <span class="ui label small basic">{{item.value}}</span>
+            <span class="ui label small basic">{{item.valueName}}</span>
         </td>
         <td>
             <label-on :v-is-on="item.isOn"></label-on>

web/views/@default/servers/metrics/index.js

@@ -6,7 +6,8 @@ Tea.context(function () {
 					teaweb.reload()
 				})
 			},
-			height: "26em"
+			height: "26em",
+			width: "44em"
 		})
 	}
 

web/views/@default/servers/metrics/item.html

@@ -15,19 +15,19 @@
     <tr>
         <td>统计对象</td>
         <td>
-            <span v-for="key in item.keys" class="ui label small basic">{{key}}</span>
+            <span v-for="key in item.keys" style="margin-right: 0.5em"><metric-key-label :v-key="key"></metric-key-label></span>
         </td>
     </tr>
     <tr>
         <td>统计周期</td>
         <td>
-            {{item.period}} {{item.periodUnit}}
+            {{item.period}} {{item.periodUnitName}}
         </td>
     </tr>
     <tr>
         <td>统计数值</td>
         <td>
-            {{item.value}}
+            <span class="ui label small basic">{{item.valueName}}</span>
         </td>
     </tr>
 </table>