在集群中可以设置自动加入DNS的CNAME记录

2021-09-20 16:37:41 +08:00
parent 9f855e4477
commit b7fd551acf
10 changed files with 65 additions and 1 deletions
@@ -6,7 +6,12 @@ Vue.component("label-on", {

 // 文字代码标签
 Vue.component("code-label", {
-	template: `<span class="ui label basic tiny" style="padding: 3px;margin-left:2px;margin-right:2px"><slot></slot></span>`
+	methods: {
+		click: function (args) {
+			this.$emit("click", args)
+		}
+	},
+	template: `<span class="ui label basic tiny" style="padding: 3px;margin-left:2px;margin-right:2px" @click.prevent="click"><slot></slot></span>`
 })

 // tiny标签
@@ -55,6 +55,9 @@ Vue.component("values-box", {
 		},
 		updateAll: function (values) {
 			this.vValeus = values
+		},
+		addValue: function (v) {
+			this.vValues.push(v)
 		}
 	},
 	template: `<div>
@@ -26,6 +26,13 @@
 					<p class="comment">当前集群的子域名，和主域名一起组成集群节点的子域名。</p>
 				</td>
 			</tr>
+            <tr>
+                <td>自动设置CNAME记录</td>
+                <td>
+                    <values-box :values="cnameRecords" name="cnameRecords" placeholder="记录名" ref="cnameRecords"></values-box>
+                    <p class="comment">除了集群节点记录之外，自动加入的CNAME记录，比如<code-label @click.prevent="addCnameRecord('@')">@</code-label>、<code-label @click.prevent="addCnameRecord('www')">www</code-label>。</p>
+                </td>
+            </tr>
 			<tr>
 				<td colspan="2"><more-options-indicator></more-options-indicator></td>
 			</tr>
@@ -6,4 +6,8 @@ Tea.context(function () {
 		this.domain.id = domain.id
 		this.domain.name = domain.name
 	}
+
+	this.addCnameRecord = function (name) {
+		this.$refs.cnameRecords.addValue(name)
+	}
 })
@@ -31,6 +31,15 @@
 			<span v-else class="disabled">没有设置</span>
 		</td>
 	</tr>
+    <tr>
+        <td>自动设置CNAME记录</td>
+        <td>
+            <span v-if="dnsInfo.cnameRecords.length == 0" class="disabled">暂时还没有设置。</span>
+            <div v-else>
+                <span v-for="record in dnsInfo.cnameRecords" class="ui label basic small">{{record}}</span>
+            </div>
+        </td>
+    </tr>
 	<tr v-if="dnsInfo.domainName.length > 0">
 		<td>操作</td>
 		<td>
@@ -44,6 +44,13 @@
 				<p class="comment">子域名和主域名共同组成集群的域名。</p>
 			</td>
 		</tr>
+        <tr>
+            <td>自动设置CNAME记录</td>
+            <td>
+                <values-box :values="cnameRecords" name="cnameRecords" placeholder="记录名" ref="cnameRecords"></values-box>
+                <p class="comment">除了集群节点记录之外，自动加入的CNAME记录，比如<code-label @click.prevent="addCnameRecord('@')">@</code-label>、<code-label @click.prevent="addCnameRecord('www')">www</code-label>。</p>
+            </td>
+        </tr>
 		<tr>
 			<td colspan="2"><more-options-indicator></more-options-indicator></td>
 		</tr>
@@ -77,4 +77,11 @@ Tea.context(function () {
 			this.domain = domainInfo.name
 		}
 	}
+
+	/**
+	 * 自动设置CNAME
+	 */
+	this.addCnameRecord = function (name) {
+		this.$refs.cnameRecords.addValue(name)
+	}
 })