实现基本的监控终端管理

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

@@ -1,2 +1,60 @@
 {$layout}
-{$template "menu"}
+{$template "menu"}
+
+<div class="margin"></div>
+
+<form class="ui form" method="get" action="/clusters/monitors">
+    <div class="ui fields inline">
+        <div class="ui field">
+            集群:
+        </div>
+        <div class="ui field">
+            <select class="ui dropdown" name="clusterId" v-model="clusterId">
+                <option v-for="cluster in clusters" :value="cluster.id">{{cluster.name}}</option>
+            </select>
+        </div>
+        <div class="ui field">
+            <button class="ui button" type="submit">查看</button>
+        </div>
+    </div>
+</form>
+
+<p class="comment" v-if="tasks.length == 0">暂时还没有任务。</p>
+
+<table class="ui table selectable celled" v-if="tasks.length > 0">
+    <thead>
+        <tr>
+            <th>节点</th>
+            <th>IP</th>
+            <th class="one wide">端口</th>
+            <th>综合延时</th>
+            <th>综合级别</th>
+            <th>综合连通率</th>
+        </tr>
+    </thead>
+    <tr v-for="task in tasks">
+        <td>
+            <span v-if="task.node.id > 0">{{task.node.name}}<link-icon :href="'/clusters/cluster/node?nodeId=' + task.node.id + '&clusterId=' + clusterId"></link-icon></span>
+        </td>
+        <td>
+            {{task.ip}}<link-icon :href="'/clusters/ip-addrs/addr?addrId=' + task.addr.id"></link-icon>
+        </td>
+        <td>
+            <span v-if="task.port > 0">{{task.port}}</span>
+            <span v-else class="disabled">-</span>
+        </td>
+        <td>
+            <span v-if="task.costMs > 0" :class="task.color">{{task.costMs}}ms</span>
+            <span v-else class="disabled">-</span>
+        </td>
+        <td>
+            <span :class="task.color">{{task.levelName}}</span>
+        </td>
+        <td>
+            <span v-if="task.connectivity > 0" :class="task.color">{{task.connectivity}}%</span>
+            <span v-else class="disabled">-</span>
+        </td>
+    </tr>
+</table>
+
+<div class="page" v-html="page"></div>