节点根据健康检查自动上下线

web/public/js/components/common/health-check-config-box.js

@@ -14,7 +14,10 @@ Vue.component("health-check-config-box", {
 				statusCodes: [200],
 				timeout: {count: 10, unit: "second"},
 				countTries: 3,
-				tryDelay: {count: 100, unit: "ms"}
+				tryDelay: {count: 100, unit: "ms"},
+				autoDown: true,
+				countUp: 1,
+				countDown: 1
 			}
 			let that = this
 			setTimeout(function () {
@@ -44,7 +47,14 @@ Vue.component("health-check-config-box", {
 			if (healthCheckConfig.tryDelay == null) {
 				healthCheckConfig.tryDelay = {count: 100, unit: "ms"}
 			}
+			if (healthCheckConfig.countUp == null || healthCheckConfig.countUp < 1) {
+				healthCheckConfig.countUp = 1
+			}
+			if (healthCheckConfig.countDown == null || healthCheckConfig.countDown < 1) {
+				healthCheckConfig.countDown = 1
+			}
 		}
+		console.log(healthCheckConfig.countUp, healthCheckConfig.countDown)
 		return {
 			healthCheck: healthCheckConfig,
 			advancedVisible: false,
@@ -79,6 +89,22 @@ Vue.component("health-check-config-box", {
 			} else {
 				this.healthCheck.countTries = 0
 			}
+		},
+		"healthCheck.countUp": function (v) {
+			let count = parseInt(v)
+			if (!isNaN(count)) {
+				this.healthCheck.countUp = count
+			} else {
+				this.healthCheck.countUp = 0
+			}
+		},
+		"healthCheck.countDown": function (v) {
+			let count = parseInt(v)
+			if (!isNaN(count)) {
+				this.healthCheck.countDown = count
+			} else {
+				this.healthCheck.countDown = 0
+			}
 		}
 	},
 	methods: {
@@ -145,6 +171,30 @@ Vue.component("health-check-config-box", {
 				<time-duration-box :v-value="healthCheck.interval"></time-duration-box>
 			</td>
 		</tr>
+		<tr>
+			<td>是否自动下线</td>
+			<td>
+				<div class="ui checkbox">
+					<input type="checkbox" value="1" v-model="healthCheck.autoDown"/>
+					<label></label>
+				</div>
+				<p class="comment">选中后系统会根据健康检查的结果自动标记节点的上线/下线状态。</p>
+			</td>
+		</tr>
+		<tr v-show="healthCheck.autoDown">
+			<td>连续上线次数</td>
+			<td>
+				<input type="text" v-model="healthCheck.countUp" style="width:5em" maxlength="6"/>
+				<p class="comment">连续N次检查成功后自动恢复上线。</p>
+			</td>
+		</tr>
+		<tr v-show="healthCheck.autoDown">
+			<td>连续下线次数</td>
+			<td>
+				<input type="text" v-model="healthCheck.countDown" style="width:5em" maxlength="6"/>
+				<p class="comment">连续N次检查失败后自动下线。</p>
+			</td>
+		</tr>
 	</tbody>	
 	<tbody v-show="healthCheck.isOn">
 		<tr>
@@ -176,7 +226,7 @@ Vue.component("health-check-config-box", {
 				<time-duration-box :v-value="healthCheck.tryDelay"></time-duration-box>
 			</td>
 		</tr>
-		</tbody>
+	</tbody>
 </table>
 <div class="margin"></div>
 </div>`

web/public/js/components/messages/message-row.js

@@ -31,9 +31,15 @@ Vue.component("message-row", {
 		<td>
 			{{message.body}}
 			
-			<div v-if="message.type == 'HealthCheckFail'" style="margin-top: 0.8em">
+			<!-- 健康检查 -->
+			<div v-if="message.type == 'HealthCheckFailed'" style="margin-top: 0.8em">
 				<a :href="'/clusters/cluster/node?clusterId=' + message.cluster.id + '&nodeId=' + param.node.id" v-for="param in params" class="ui label tiny" style="margin-bottom: 0.5em">{{param.node.name}}: {{param.error}}</a>
 			</div>
+			
+			<!-- 集群DNS设置 -->
+			<div v-if="message.type == 'ClusterDNSSyncFailed'" style="margin-top: 0.8em">
+				<a :href="'/dns/clusters/cluster?clusterId=' + message.cluster.id">查看问题 &raquo;</a>
+			</div>
 		</td>
 	</tr>
 </table>