创建集群的时候可以填写DNS信息/集群设置页增加DNS设置功能

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

@@ -0,0 +1,32 @@
+{$layout}
+{$template "/left_menu"}
+
+<div class="right-box">
+	<p class="comment"><a :href="'/dns/clusters/cluster?clusterId=' + clusterId">查看DNS解析记录 &raquo;</a></p>
+	<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
+		<input type="hidden" name="clusterId" :value="clusterId"/>
+		<csrf-token></csrf-token>
+
+		<table class="ui table selectable definition">
+			<tr v-if="hasDomains">
+				<td>选择主域名</td>
+				<td>
+					<dns-domain-selector :v-domain-id="domainId" :v-domain-name="domainName"></dns-domain-selector>
+					<p class="comment">用于生成集群节点和网站服务的DNS解析记录。</p>
+				</td>
+			</tr>
+			<tr>
+				<td class="title">DNS子域名</td>
+				<td>
+					<div class="ui input right labeled">
+						<input type="text" name="dnsName" maxlength="64" style="width:10em" v-model="dnsName"/>
+						<span class="ui label">.主域名</span>
+					</div>
+					<p class="comment">和主域名一起组成子域名。</p>
+				</td>
+			</tr>
+		</table>
+
+		<submit-btn></submit-btn>
+	</form>
+</div>

web/views/@default/clusters/cluster/settings/dns/index.js

@@ -0,0 +1,3 @@
+Tea.context(function () {
+	this.success = NotifyReloadSuccess("保存成功")
+})

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

@@ -18,7 +18,7 @@
 				</td>
 			</tr>
 			<tr>
-				<td>默认安装目录</td>
+				<td>节点安装目录</td>
 				<td>
 					<input type="text" name="installDir" maxlength="100" v-model="cluster.installDir"/>
 					<p class="comment">当节点没有单独设置安装目录时，默认使用此设置。如果集群和节点都没有设置安装目录，则使用<span class="ui label tiny">/$登录用户/edge-node</span> 目录。</p>

web/views/@default/clusters/create.html

@@ -9,20 +9,47 @@
 			<td class="title">集群名称 *</td>
 			<td><input type="text" name="name" maxlength="50" ref="focus"/></td>
 		</tr>
+	</table>
+
+	<h4>节点安装选项</h4>
+	<table class="ui table selectable definition">
 		<tr>
-			<td>默认SSH登录方式</td>
+			<td class="title">默认SSH登录方式</td>
 			<td>
 				<grant-selector></grant-selector>
 				<p class="comment">当节点没有单独设置SSH登录方式时，默认使用此设置。</p>
 			</td>
 		</tr>
 		<tr>
-			<td>默认安装目录</td>
+			<td>节点安装目录</td>
 			<td>
 				<input type="text" name="installDir" maxlength="100"/>
-				<p class="comment">当节点没有单独设置安装目录时，默认使用此设置。如果集群和节点都没有设置安装目录，则使用<span class="ui label tiny">/$登录用户/edge-node</span> 目录。</p>
+				<p class="comment">当节点没有单独设置安装目录时，默认使用此设置。如果集群和节点都没有设置安装目录，则使用<span class="ui label tiny">/$登录用户/edge-node</span>
+					目录。</p>
 			</td>
 		</tr>
 	</table>
+
+	<h4>DNS设置选项</h4>
+	<table class="ui table selectable definition">
+		<tr v-if="hasDomains">
+			<td>选择主域名</td>
+			<td>
+				<dns-domain-selector></dns-domain-selector>
+				<p class="comment">用于生成集群节点和网站服务的DNS解析记录。</p>
+			</td>
+		</tr>
+		<tr>
+			<td class="title">DNS子域名</td>
+			<td>
+				<div class="ui input right labeled">
+					<input type="text" name="dnsName" maxlength="64" style="width:10em"/>
+					<span class="ui label">.主域名</span>
+				</div>
+				<p class="comment">和主域名一起组成子域名。</p>
+			</td>
+		</tr>
+	</table>
+
 	<submit-btn></submit-btn>
 </form>

web/views/@default/dns/domains/selectPopup.html

@@ -0,0 +1,38 @@
+{$layout "layout_popup"}
+
+<h3>修改集群DNS设置</h3>
+
+<form method="post" class="ui form" data-tea-success="success" data-tea-action="$">
+	<csrf-token></csrf-token>
+
+	<table class="ui table definition selectable">
+		<tr>
+			<td class="title">DNS服务商</td>
+			<td>
+				<select name="providerType" class="ui dropdown auto-width" v-model="providerType" @change="changeProviderType">
+					<option v-for="providerType in providerTypes" :value="providerType.code">{{providerType.name}}</option>
+				</select>
+			</td>
+		</tr>
+		<tr>
+			<td>账号</td>
+			<td>
+				<p class="comment" v-if="providers.length == 0">没有账号可选</p>
+				<select name="providerId" class="ui dropdown auto-width" v-model="providerId" v-show="providers.length > 0">
+					<option v-for="provider in providers" :value="provider.id">{{provider.name}}</option>
+				</select>
+			</td>
+		</tr>
+		<tr v-show="providerId > 0">
+			<td>域名</td>
+			<td>
+				<p class="comment" v-if="domains.length == 0">没有域名可选</p>
+				<select name="domainId" class="ui dropdown auto-width" v-model="domainId" v-show="domains.length > 0">
+					<option v-for="domain in domains" :value="domain.id">{{domain.name}}</option>
+				</select>
+			</td>
+		</tr>
+	</table>
+
+	<submit-btn></submit-btn>
+</form>

web/views/@default/dns/domains/selectPopup.js

@@ -0,0 +1,80 @@
+Tea.context(function () {
+	this.$delay(function () {
+		this.changeProviderType()
+		this.changeProvider()
+
+		this.$watch("providerId", function () {
+			this.changeProvider()
+		})
+		this.$watch("domainId", function () {
+			this.changeDomain()
+		})
+	})
+
+	this.success = NotifyPopup
+
+	// 初始化的内容
+	// this.domainId = 0
+	// this.domain = ""
+	// this.providerId = 0
+
+	if (this.providerType == "") {
+		this.providerType = this.providerTypes[0].code
+	}
+	this.providers = []
+	this.domains = []
+
+	this.changeProviderType = function () {
+		this.$post("/dns/providerOptions")
+			.params({
+				type: this.providerType
+			})
+			.success(function (resp) {
+				this.providers = resp.data.providers
+
+				// 检查providerId
+				if (this.providers.length == 0) {
+					this.providerId = 0
+					return
+				}
+				let that = this
+				if (this.providers.$find(function (k, v) {
+					return v.id == that.providerId
+				}) == null) {
+					this.providerId = this.providers[0].id
+				}
+				this.changeProvider()
+			})
+	}
+
+	this.changeProvider = function () {
+		this.$post("/dns/domainOptions")
+			.params({
+				providerId: this.providerId
+			})
+			.success(function (resp) {
+				this.domains = resp.data.domains
+				this.changeDomain()
+			})
+	}
+
+	this.changeDomain = function () {
+		if (this.domains.length == 0) {
+			this.domainId = 0
+			this.domain = ""
+			return
+		}
+
+		let domainId = this.domainId
+		let domainInfo = this.domains.$find(function (k, v) {
+			return v.id == domainId
+		})
+		if (domainInfo == null) {
+			// 默认选取第一个
+			this.domainId = this.domains[0].id
+			this.domain = this.domains[0].name
+		} else {
+			this.domain = domainInfo.name
+		}
+	}
+})

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

@@ -52,10 +52,12 @@
 		</td>
 		<td>{{server.cluster.name}}</td>
 		<td>
-			<div v-for="serverName in server.serverNames">
-				<tiny-label v-if="serverName.subNames == null || serverName.subNames.length == 0">{{serverName.name}}</tiny-label>
-				<tiny-label v-else>{{serverName.subNames[0]}}等{{serverName.subNames.length}}个域名</tiny-label>
-			</div>
+			<span v-if="server.serverNames.length > 0">
+				<span v-if="server.serverNames[0].subNames == null || server.serverNames[0].subNames.length == 0">{{server.serverNames[0].name}}</span>
+				<span v-else>{{server.serverNames[0].subNames[0]}}</span>
+				<span v-if="server.countServerNames > 1">等{{server.countServerNames}}个域名</span>
+			</span>
+			<span v-else class="disabled">-</span>
 		</td>
 		<td>
 			<span v-if="server.ports.length == 0">-</span>