实现WAF

internal/web/actions/default/servers/server/settings/locations/waf/index.go

@@ -36,9 +36,10 @@ func (this *IndexAction) RunGet(params struct {
 	policyMaps := []maps.Map{}
 	for _, p := range policiesResp.FirewallPolicies {
 		policyMaps = append(policyMaps, maps.Map{
-			"id":   p.Id,
-			"name": p.Name,
-			"isOn": p.IsOn,
+			"id":          p.Id,
+			"name":        p.Name,
+			"isOn":        p.IsOn,
+			"description": p.Description,
 		})
 	}
 	this.Data["firewallPolicies"] = policyMaps

internal/web/actions/default/servers/server/settings/waf/index.go

@@ -38,9 +38,10 @@ func (this *IndexAction) RunGet(params struct {
 	policyMaps := []maps.Map{}
 	for _, p := range policiesResp.FirewallPolicies {
 		policyMaps = append(policyMaps, maps.Map{
-			"id":   p.Id,
-			"name": p.Name,
-			"isOn": p.IsOn,
+			"id":          p.Id,
+			"name":        p.Name,
+			"isOn":        p.IsOn,
+			"description": p.Description,
 		})
 	}
 	this.Data["firewallPolicies"] = policyMaps

web/public/js/components/server/http-firewall-config-box.js

@@ -11,12 +11,22 @@ Vue.component("http-firewall-config-box", {
 		}
 
 		return {
-			firewall: firewall
+			firewall: firewall,
+			selectedPolicy: this.lookupPolicy(firewall.firewallPolicyId)
 		}
 	},
 	methods: {
 		changePolicyId: function () {
 			this.firewall.firewallPolicyId = parseInt(this.firewall.firewallPolicyId)
+			this.selectedPolicy = this.lookupPolicy(this.firewall.firewallPolicyId)
+		},
+		lookupPolicy: function (policyId) {
+			if (policyId <= 0) {
+				return null
+			}
+			return this.vFirewallPolicies.$find(function (k, v) {
+				return v.id == policyId
+			})
 		}
 	},
 	template: `<div>
@@ -44,6 +54,7 @@ Vue.component("http-firewall-config-box", {
 							<option value="0">[请选择]</option>
 							<option v-for="policy in vFirewallPolicies" :value="policy.id">{{policy.name}}</option>
 						</select>
+						<p class="comment" v-if="selectedPolicy != null"><span v-if="!selectedPolicy.isOn" class="red">[正在停用的策略]</span>{{selectedPolicy.description}}</p>
 					</div>
 				</td>
 			</tr>