全局访问日志增加WAF日志/优化交互/数据看板--WAF--最新拦截记录增加更多链接

web/public/js/components/server/http-access-log-search-box.js

@@ -23,25 +23,59 @@ Vue.component("http-access-log-search-box", {
 			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 labeled small">
+			<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">
+			<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">
+			<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>