2020-11-22 16:54:31 +08:00
|
|
|
|
Vue.component("http-firewall-block-options", {
|
|
|
|
|
|
props: ["v-block-options"],
|
|
|
|
|
|
data: function () {
|
|
|
|
|
|
return {
|
|
|
|
|
|
blockOptions: this.vBlockOptions,
|
2021-09-29 20:12:27 +08:00
|
|
|
|
statusCode: this.vBlockOptions.statusCode,
|
|
|
|
|
|
timeout: this.vBlockOptions.timeout
|
2020-11-22 16:54:31 +08:00
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
watch: {
|
|
|
|
|
|
statusCode: function (v) {
|
|
|
|
|
|
let statusCode = parseInt(v)
|
|
|
|
|
|
if (isNaN(statusCode)) {
|
|
|
|
|
|
this.blockOptions.statusCode = 403
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.blockOptions.statusCode = statusCode
|
|
|
|
|
|
}
|
2021-09-29 20:12:27 +08:00
|
|
|
|
},
|
|
|
|
|
|
timeout: function (v) {
|
|
|
|
|
|
let timeout = parseInt(v)
|
|
|
|
|
|
if (isNaN(timeout)) {
|
|
|
|
|
|
this.blockOptions.timeout = 0
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.blockOptions.timeout = timeout
|
|
|
|
|
|
}
|
2020-11-22 16:54:31 +08:00
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
template: `<div>
|
|
|
|
|
|
<input type="hidden" name="blockOptionsJSON" :value="JSON.stringify(blockOptions)"/>
|
|
|
|
|
|
<table class="ui table">
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td class="title">状态码</td>
|
|
|
|
|
|
<td>
|
|
|
|
|
|
<input type="text" v-model="statusCode" style="width:4.5em" maxlength="3"/>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>提示内容</td>
|
|
|
|
|
|
<td>
|
|
|
|
|
|
<textarea rows="3" v-model="blockOptions.body"></textarea>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
2021-09-29 20:12:27 +08:00
|
|
|
|
<tr>
|
|
|
|
|
|
<td>超时时间</td>
|
|
|
|
|
|
<td>
|
|
|
|
|
|
<div class="ui input right labeled">
|
|
|
|
|
|
<input type="text" v-model="timeout" style="width: 5em" maxlength="6"/>
|
|
|
|
|
|
<span class="ui label">秒</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<p class="comment">触发阻止动作时，封锁客户端IP的时间。</p>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
2020-11-22 16:54:31 +08:00
|
|
|
|
</table>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
`
|
|
|
|
|
|
})
|
