WAF策略:可以修改分组代号/导入时可以根据名称合并/导出时可以导出停用的分组

This commit is contained in:
刘祥超
2021-12-12 20:24:15 +08:00
parent 16b4eb67d4
commit 8f06bccd48
13 changed files with 85 additions and 23 deletions

View File

@@ -13,6 +13,13 @@
<p class="comment">给分组起一个容易识别的名称</p>
</td>
</tr>
<tr>
<td>代号</td>
<td>
<input type="text" name="code" maxlength="100"/>
<p class="comment">在导入时可以合并相同代号的分组。</p>
</td>
</tr>
<tr>
<td colspan="2"><more-options-indicator></more-options-indicator></td>
</tr>

View File

@@ -7,27 +7,47 @@
<table class="ui table definition selectable">
<tr>
<td class="title">选择入站规则</td>
<td class="title">启用的入站规则</td>
<td>
<span v-if="inboundGroups.length == 0" class="disabled">暂时还没有入站规则。</span>
<div class="groups-box" v-show="inboundGroups.length > 0">
<div v-for="g in inboundGroups" class="group-box">
<span v-if="enabledInboundGroups.length == 0" class="disabled">暂时还没有入站规则。</span>
<div class="groups-box" v-show="enabledInboundGroups.length > 0">
<div v-for="g in enabledInboundGroups" class="group-box">
<checkbox name="inboundGroupIds" :value="true" :v-value="g.id">{{g.name}}</checkbox>
</div>
</div>
</td>
</tr>
<tr v-if="disabledInboundGroups.length > 0">
<td class="title">停用的入站规则</td>
<td>
<div class="groups-box" v-show="disabledInboundGroups.length > 0">
<div v-for="g in disabledInboundGroups" class="group-box">
<checkbox name="inboundGroupIds" :value="false" :v-value="g.id">{{g.name}} &nbsp;<sup><span class="red">停用</span></sup></checkbox>
</div>
</div>
</td>
</tr>
<tr>
<td>选择出站规则</td>
<td>启用的出站规则</td>
<td>
<span v-if="outboundGroups.length == 0" class="disabled">暂时还没有出站规则。</span>
<div class="groups-box" v-show="outboundGroups.length > 0">
<div v-for="g in outboundGroups" class="group-box">
<span v-if="enabledOutboundGroups.length == 0" class="disabled">暂时还没有出站规则。</span>
<div class="groups-box" v-show="enabledOutboundGroups.length > 0">
<div v-for="g in enabledOutboundGroups" class="group-box">
<checkbox name="outboundGroupIds" :value="true" :v-value="g.id">{{g.name}}</checkbox>
</div>
</div>
</td>
</tr>
<tr v-if="disabledOutboundGroups.length > 0">
<td>停用的出站规则</td>
<td>
<div class="groups-box" v-show="disabledOutboundGroups.length > 0">
<div v-for="g in disabledOutboundGroups" class="group-box">
<checkbox name="outboundGroupIds" :value="false" :v-value="g.id">{{g.name}} &nbsp;<sup><span class="red">停用</span></sup></checkbox>
</div>
</div>
</td>
</tr>
</table>
<submit-btn>导出</submit-btn>
</form>

View File

@@ -1,5 +1,5 @@
Tea.context(function () {
this.success = function (resp) {
window.location = "/servers/components/waf/exportDownload?key=" + resp.data.key
window.location = "/servers/components/waf/exportDownload?key=" + resp.data.key + "&policyId=" + resp.data.id
}
})

View File

@@ -8,6 +8,13 @@
<td class="title">名称</td>
<td>{{group.name}}</td>
</tr>
<tr>
<td>代号</td>
<td>
<span v-if="group.code.length > 0">{{group.code}}</span>
<span v-else class="disabled">没有设置。</span>
</td>
</tr>
<tr>
<td>描述</td>
<td>

View File

@@ -22,7 +22,6 @@ Tea.context(function () {
// 更改分组
this.updateGroup = function (groupId) {
teaweb.popup("/servers/components/waf/updateGroupPopup?groupId=" + groupId, {
height: "16em",
callback: function () {
teaweb.success("保存成功", function () {
window.location.reload()

View File

@@ -25,8 +25,9 @@
<p style="margin-top: 0.5em">
<span v-if="group.isOn" class="ui label tiny basic green">启用</span>
<span v-if="!group.isOn" class="ui label tiny basic red">停用</span>
<span v-if="group.code.length > 0" class="ui label basic tiny">预置</span>
<span v-if="group.code.length == 0" class="ui label basic tiny">自定义</span>
<span v-if="group.isTemplate" class="ui label basic tiny">预置</span>
<span v-if="!group.isTemplate" class="ui label basic tiny">自定义</span>
<span v-if="group.code.length > 0" class="ui label basic tiny">代号:{{group.code}}</span>
</p>
</td>
<td class="center">

View File

@@ -57,7 +57,6 @@ Tea.context(function () {
// 添加分组
this.createGroup = function (type) {
teaweb.popup("/servers/components/waf/createGroupPopup?firewallPolicyId=" + this.firewallPolicyId + "&type=" + type, {
height: "16em",
callback: function () {
teaweb.success("保存成功", function () {
window.location.reload()

View File

@@ -12,6 +12,13 @@
<p class="comment">给分组起一个容易识别的名称</p>
</td>
</tr>
<tr>
<td>代号</td>
<td>
<input type="text" name="code" maxlength="100" v-model="group.code"/>
<p class="comment">在导入时可以合并相同代号的分组。</p>
</td>
</tr>
<tr>
<td colspan="2"><more-options-indicator></more-options-indicator></td>
</tr>