mirror of
https://github.com/TeaOSLab/EdgeAdmin.git
synced 2025-11-05 22:30:28 +08:00
87 lines
2.4 KiB
JavaScript
87 lines
2.4 KiB
JavaScript
// 访问日志搜索框
|
|
Vue.component("http-access-log-search-box", {
|
|
props: ["v-ip", "v-domain", "v-keyword"],
|
|
data: function () {
|
|
let ip = this.vIp
|
|
if (ip == null) {
|
|
ip = ""
|
|
}
|
|
|
|
let domain = this.vDomain
|
|
if (domain == null) {
|
|
domain = ""
|
|
}
|
|
|
|
let keyword = this.vKeyword
|
|
if (keyword == null) {
|
|
keyword = ""
|
|
}
|
|
|
|
return {
|
|
ip: ip,
|
|
domain: domain,
|
|
keyword: keyword
|
|
}
|
|
},
|
|
methods: {
|
|
cleanIP: function () {
|
|
this.ip = ""
|
|
this.submit()
|
|
},
|
|
cleanDomain: function () {
|
|
this.domain = ""
|
|
this.submit()
|
|
},
|
|
cleanKeyword: function () {
|
|
this.keyword = ""
|
|
this.submit()
|
|
},
|
|
submit: function () {
|
|
let parent = this.$el.parentNode
|
|
while (true) {
|
|
if (parent == null) {
|
|
break
|
|
}
|
|
if (parent.tagName == "FORM") {
|
|
break
|
|
}
|
|
parent = parent.parentNode
|
|
}
|
|
if (parent != null) {
|
|
setTimeout(function () {
|
|
parent.submit()
|
|
}, 500)
|
|
}
|
|
}
|
|
},
|
|
template: `<div>
|
|
<div class="margin"></div>
|
|
<div class="ui fields inline">
|
|
<div class="ui field">
|
|
<div class="ui input left right labeled small">
|
|
<span class="ui label basic" style="font-weight: normal">IP</span>
|
|
<input type="text" name="ip" placeholder="x.x.x.x" size="15" v-model="ip"/>
|
|
<a class="ui label basic" :class="{disabled: ip.length == 0}" @click.prevent="cleanIP"><i class="icon remove small"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="ui field">
|
|
<div class="ui input left labeled small" :class="{'right labeled': domain.length > 0}">
|
|
<span class="ui label basic" style="font-weight: normal">域名</span>
|
|
<input type="text" name="domain" placeholder="xxx.com" size="15" v-model="domain"/>
|
|
<a class="ui label basic" :class="{disabled: domain.length == 0}" @click.prevent="cleanDomain"><i class="icon remove small"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="ui field">
|
|
<div class="ui input left labeled small" :class="{'right labeled': keyword.length > 0}">
|
|
<span class="ui label basic" style="font-weight: normal">关键词</span>
|
|
<input type="text" name="keyword" v-model="keyword" placeholder="路径、UserAgent等..." size="18"/>
|
|
<a class="ui label basic" :class="{disabled: keyword.length == 0}" @click.prevent="cleanKeyword"><i class="icon remove small"></i></a>
|
|
</div>
|
|
</div>
|
|
<slot></slot>
|
|
<div class="ui field">
|
|
<button class="ui button small" type="submit">查找</button>
|
|
</div>
|
|
</div>
|
|
</div>`
|
|
}) |