单个节点支持多个DNS线路

web/views/@default/clusters/cluster/index.html

@@ -45,23 +45,24 @@
 
 <p class="comment" v-if="nodes.length == 0">暂时还没有节点。</p>
 
-<table class="ui table selectable" v-if="nodes.length > 0">
+<table class="ui table selectable celled" v-if="nodes.length > 0">
 	<thead>
 	<tr>
-		<th class="one wide">ID</th>
+		<th class="one wide center">ID</th>
 		<th>节点名称</th>
 		<th class="two wide">所属分组</th>
-		<th class="three wide">IP</th>
-		<th class="two wide">CPU</th>
-		<th class="two wide">内存</th>
+		<th style="width:10em">IP</th>
+		<th>DNS线路</th>
+		<th style="width:5em" class="center">CPU</th>
+		<th style="width:5em" class="center">内存</th>
 		<!--<th>流量</th>
 		<th>连接数</th>-->
-		<th class="two wide">状态</th>
+		<th class="two wide center">状态</th>
 		<th class="two op">操作</th>
 	</tr>
 	</thead>
 	<tr v-for="node in nodes">
-		<td nowrap="">{{node.id}}</td>
+		<td nowrap="" class="center">{{node.id}}</td>
 		<td>{{node.name}}</td>
 		<td>
 			<span v-if="node.group != null" class="ui label tiny">{{node.group.name}}</span>
@@ -79,14 +80,20 @@
 			</div>
 		</td>
 		<td>
+			<div v-if="node.dnsRouteNames.length > 0">
+				<div v-for="routeName in node.dnsRouteNames" style="margin-bottom: 0.4em">{{routeName}}</div>
+			</div>
+			<span v-else class="disabled">-</span>
+		</td>
+		<td class="center">
 			<span v-if="node.status.isActive" :class="{red:node.status.cpuUsage > 0.80}">{{node.status.cpuUsageText}}</span>
 			<span v-else class="disabled">-</span>
 		</td>
-		<td>
+		<td class="center">
 			<span v-if="node.status.isActive" :class="{red:node.status.memUsage > 0.80}">{{node.status.memUsageText}}</span>
 			<span v-else class="disabled">-</span>
 		</td>
-		<td>
+		<td class="center">
 			<div v-if="!node.isUp">
 				<span class="red">健康问题</span>
 			</div>