mirror of
https://github.com/TeaOSLab/EdgeAdmin.git
synced 2025-11-04 21:50:28 +08:00
86 lines
1.8 KiB
JavaScript
86 lines
1.8 KiB
JavaScript
// 通用Header长度
|
||
let defaultGeneralHeaders = ["Cache-Control", "Connection", "Date", "Pragma", "Trailer", "Transfer-Encoding", "Upgrade", "Via", "Warning"]
|
||
Vue.component("http-cond-general-header-length", {
|
||
props: ["v-checkpoint"],
|
||
data: function () {
|
||
let headers = null
|
||
let length = null
|
||
|
||
if (window.parent.UPDATING_RULE != null) {
|
||
let options = window.parent.UPDATING_RULE.checkpointOptions
|
||
if (options.headers != null && Array.$isArray(options.headers)) {
|
||
headers = options.headers
|
||
}
|
||
if (options.length != null) {
|
||
length = options.length
|
||
}
|
||
}
|
||
|
||
|
||
if (headers == null) {
|
||
headers = defaultGeneralHeaders
|
||
}
|
||
|
||
if (length == null) {
|
||
length = 128
|
||
}
|
||
|
||
let that = this
|
||
setTimeout(function () {
|
||
that.change()
|
||
}, 100)
|
||
|
||
return {
|
||
headers: headers,
|
||
length: length
|
||
}
|
||
},
|
||
watch: {
|
||
length: function (v) {
|
||
let len = parseInt(v)
|
||
if (isNaN(len)) {
|
||
len = 0
|
||
}
|
||
if (len < 0) {
|
||
len = 0
|
||
}
|
||
this.length = len
|
||
this.change()
|
||
}
|
||
},
|
||
methods: {
|
||
change: function () {
|
||
this.vCheckpoint.options = [
|
||
{
|
||
code: "headers",
|
||
value: this.headers
|
||
},
|
||
{
|
||
code: "length",
|
||
value: this.length
|
||
}
|
||
]
|
||
}
|
||
},
|
||
template: `<div>
|
||
<table class="ui table">
|
||
<tr>
|
||
<td class="title">通用Header列表</td>
|
||
<td>
|
||
<values-box :values="headers" :placeholder="'Header'" @change="change"></values-box>
|
||
<p class="comment">需要检查的Header列表。</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Header值超出长度</td>
|
||
<td>
|
||
<div class="ui input right labeled">
|
||
<input type="text" name="" style="width: 5em" v-model="length" maxlength="6"/>
|
||
<span class="ui label">字节</span>
|
||
</div>
|
||
<p class="comment">超出此长度认为匹配成功，0表示不限制。</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>`
|
||
}) |