运行日志可以使用集群、节点筛选

This commit is contained in:
刘祥超
2022-01-11 14:59:19 +08:00
parent c61381441c
commit 7f8be85116
12 changed files with 102 additions and 73 deletions

View File

@@ -1,13 +1,6 @@
// 访问日志搜索框
Vue.component("http-access-log-search-box", {
props: ["v-ip", "v-domain", "v-keyword", "v-cluster-id", "v-node-id", "v-clusters"],
mounted: function () {
if (this.vClusterId >0) {
this.changeCluster({
value: this.vClusterId
})
}
},
props: ["v-ip", "v-domain", "v-keyword", "v-cluster-id", "v-node-id"],
data: function () {
let ip = this.vIp
if (ip == null) {
@@ -28,7 +21,7 @@ Vue.component("http-access-log-search-box", {
ip: ip,
domain: domain,
keyword: keyword,
nodes: []
clusterId: this.vClusterId
}
},
methods: {
@@ -61,19 +54,8 @@ Vue.component("http-access-log-search-box", {
}, 500)
}
},
changeCluster: function (item) {
this.nodes = []
if (item != null) {
let that = this
Tea.action("/servers/logs/nodeOptions")
.params({
clusterId: item.value
})
.post()
.success(function (resp) {
that.nodes = resp.data.nodes
})
}
changeCluster: function (clusterId) {
this.clusterId = clusterId
}
},
template: `<div style="z-index: 10">
@@ -103,11 +85,11 @@ Vue.component("http-access-log-search-box", {
<slot></slot>
</div>
<div class="ui fields inline" style="margin-top: 0.5em">
<div class="ui field" v-if="vClusters != null && vClusters.length > 0">
<combo-box title="集群" name="clusterId" placeholder="集群名称" :v-items="vClusters" :v-value="vClusterId" @change="changeCluster"></combo-box>
<div class="ui field">
<node-cluster-combo-box :v-cluster-id="clusterId" @change="changeCluster"></node-cluster-combo-box>
</div>
<div class="ui field" v-if="nodes.length > 0">
<combo-box title="节点" name="nodeId" placeholder="节点名称" :v-items="nodes" :v-value="vNodeId"></combo-box>
<div class="ui field" v-if="clusterId > 0">
<node-combo-box :v-cluster-id="clusterId" :v-node-id="vNodeId"></node-combo-box>
</div>
<div class="ui field">
<button class="ui button small" type="submit">搜索日志</button>