实现在域名解析中使用EdgeDNS

web/views/@default/dns/providers/createPopup.html

@@ -14,10 +14,11 @@
 		<tr>
 			<td>服务商厂家 *</td>
 			<td>
-				<select class="ui dropdown auto-width" name="type" v-model="type">
+				<select class="ui dropdown auto-width" name="type" v-model="type" @change="changeType">
 					<option value="">[请选择]</option>
 					<option v-for="type in types" :value="type.code">{{type.name}}</option>
 				</select>
+                <p class="comment">{{typeDescription}}</p>
 			</td>
 		</tr>
 		<tr>
@@ -96,6 +97,19 @@
 			</tr>
 		</tbody>
 
+        <!-- Edge DNS -->
+        <tbody v-if="type == 'localEdgeDNS'">
+            <tr>
+                <td>选择域名服务集群 *</td>
+                <td>
+                    <select class="ui dropdown auto-width" name="paramLocalEdgeDNSClusterId">
+                        <option value="0">[选择域名服务集群]</option>
+                        <option v-for="cluster in nsClusters" :value="cluster.id">{{cluster.name}}</option>
+                    </select>
+                </td>
+            </tr>
+        </tbody>
+
         <!-- 自定义HTTP-->
         <tbody v-if="type == 'customHTTP'">
             <tr>

web/views/@default/dns/providers/createPopup.js

@@ -1,4 +1,17 @@
 Tea.context(function () {
 	this.success = NotifyPopup
 	this.type = ""
+	this.typeDescription = ""
+
+	this.changeType = function () {
+		let that = this
+		let t = this.types.$find(function (k, v) {
+			return v.code == that.type
+		})
+		if (t != null) {
+			this.typeDescription = t.description
+		} else {
+			this.typeDescription = ""
+		}
+	}
 })

web/views/@default/dns/providers/provider.html

@@ -22,11 +22,11 @@
 	<!-- DNSPod -->
 	<tbody v-if="provider.type == 'dnspod'">
 		<tr>
-			<td>密钥ID</td>
+			<td class="color-border">密钥ID</td>
 			<td>{{provider.apiParams.id}}</td>
 		</tr>
 		<tr>
-			<td>密钥Token</td>
+			<td class="color-border">密钥Token</td>
 			<td>{{provider.apiParams.token}}</td>
 		</tr>
 	</tbody>
@@ -46,25 +46,35 @@
     <!-- CloudFlare -->
     <tbody v-if="provider.type == 'cloudFlare'">
         <tr>
-            <td>API密钥</td>
+            <td class="color-border">API密钥</td>
             <td>
                 {{provider.apiParams.apiKey}}
             </td>
         </tr>
         <tr>
-            <td>账号邮箱</td>
+            <td class="color-border">账号邮箱</td>
             <td>{{provider.apiParams.email}}</td>
         </tr>
     </tbody>
 
+    <!-- Local EdgeDNS -->
+    <tbody v-if="provider.type == 'localEdgeDNS'">
+        <tr>
+            <td class="color-border">域名服务集群</td>
+            <td>
+                {{provider.localEdgeDNS.name}}
+            </td>
+        </tr>
+    </tbody>
+
     <!-- CustomHTTP -->
     <tbody v-if="provider.type == 'customHTTP'">
         <tr>
-            <td>HTTP URL</td>
+            <td class="color-border">HTTP URL</td>
             <td>{{provider.apiParams.url}}</td>
         </tr>
         <tr>
-            <td>私钥</td>
+            <td class="color-border">私钥</td>
             <td>{{provider.apiParams.secret}}</td>
         </tr>
     </tbody>

web/views/@default/dns/providers/updatePopup.html

@@ -17,7 +17,7 @@
 			<td>服务商厂家 *</td>
 			<td>
 				{{provider.typeName}}
-				<p class="comment">创建后无法修改此选项。</p>
+				<p class="comment">{{typeDescription}}创建后无法修改此选项。</p>
 			</td>
 		</tr>
 		<tr>
@@ -79,6 +79,19 @@
             </tr>
         </tbody>
 
+        <!-- Edge DNS -->
+        <tbody v-if="provider.type == 'localEdgeDNS'">
+            <tr>
+                <td>选择域名服务集群 *</td>
+                <td>
+                    <select class="ui dropdown auto-width" name="paramLocalEdgeDNSClusterId" v-model="provider.params.clusterId">
+                        <option value="0">[选择域名服务集群]</option>
+                        <option v-for="cluster in nsClusters" :value="cluster.id">{{cluster.name}}</option>
+                    </select>
+                </td>
+            </tr>
+        </tbody>
+
         <!-- 自定义HTTP-->
         <tbody v-if="provider.type == 'customHTTP'">
         <tr>

web/views/@default/dns/providers/updatePopup.js

@@ -0,0 +1,10 @@
+Tea.context(function () {
+	this.typeDescription = ""
+
+	let that = this
+	this.types.forEach(function (v) {
+		if (v.code == that.provider.type) {
+			that.typeDescription = v.description
+		}
+	})
+})