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

2025-11-03 12:20:28 +08:00 · 2022-01-11 14:59:19 +08:00
parent bad5856c0f
commit 97e8d8bd26
12 changed files with 102 additions and 73 deletions
--- a/internal/web/actions/default/clusters/init.go
+++ b/internal/web/actions/default/clusters/init.go
@@ -21,8 +21,8 @@ func init() {
 			EndHelpers().
 			Helper(helpers.NewUserMustAuth(configloaders.AdminModuleCodeCommon)).
 			Post("/options", new(OptionsAction)).
+			Post("/nodeOptions", new(NodeOptionsAction)).
 			GetPost("/selectPopup", new(SelectPopupAction)).
-
 			EndAll()
 	})
 }
--- a/internal/web/actions/default/clusters/logs/index.go
+++ b/internal/web/actions/default/clusters/logs/index.go
@@ -22,12 +22,14 @@ func (this *IndexAction) Init() {
 }

 func (this *IndexAction) RunGet(params struct {
-	DayFrom string
-	DayTo   string
-	Keyword string
-	Level   string
-	Type    string
-	Tag     string
+	DayFrom   string
+	DayTo     string
+	Keyword   string
+	Level     string
+	Type      string
+	Tag       string
+	ClusterId int64
+	NodeId    int64
 }) {
 	this.Data["dayFrom"] = params.DayFrom
 	this.Data["dayTo"] = params.DayTo
@@ -35,6 +37,8 @@ func (this *IndexAction) RunGet(params struct {
 	this.Data["level"] = params.Level
 	this.Data["type"] = params.Type
 	this.Data["tag"] = params.Tag
+	this.Data["clusterId"] = params.ClusterId
+	this.Data["nodeId"] = params.NodeId

 	// 常见标签
 	this.Data["tags"] = nodelogutils.FindNodeCommonTags()
@@ -52,14 +56,15 @@ func (this *IndexAction) RunGet(params struct {

 	// 日志数量
 	countResp, err := this.RPC().NodeLogRPC().CountNodeLogs(this.AdminContext(), &pb.CountNodeLogsRequest{
-		NodeId:   0,
-		Role:     nodeconfigs.NodeRoleNode,
-		DayFrom:  params.DayFrom,
-		DayTo:    params.DayTo,
-		Keyword:  params.Keyword,
-		Level:    params.Level,
-		IsUnread: params.Type == "unread",
-		Tag:      params.Tag,
+		NodeClusterId: params.ClusterId,
+		NodeId:        params.NodeId,
+		Role:          nodeconfigs.NodeRoleNode,
+		DayFrom:       params.DayFrom,
+		DayTo:         params.DayTo,
+		Keyword:       params.Keyword,
+		Level:         params.Level,
+		IsUnread:      params.Type == "unread",
+		Tag:           params.Tag,
 	})
 	if err != nil {
 		this.ErrorPage(err)
@@ -70,16 +75,17 @@ func (this *IndexAction) RunGet(params struct {
 	this.Data["page"] = page.AsHTML()

 	logsResp, err := this.RPC().NodeLogRPC().ListNodeLogs(this.AdminContext(), &pb.ListNodeLogsRequest{
-		NodeId:   0,
-		Role:     nodeconfigs.NodeRoleNode,
-		DayFrom:  params.DayFrom,
-		DayTo:    params.DayTo,
-		Keyword:  params.Keyword,
-		Level:    params.Level,
-		IsUnread: params.Type == "unread",
-		Tag:      params.Tag,
-		Offset:   page.Offset,
-		Size:     page.Size,
+		NodeClusterId: params.ClusterId,
+		NodeId:        params.NodeId,
+		Role:          nodeconfigs.NodeRoleNode,
+		DayFrom:       params.DayFrom,
+		DayTo:         params.DayTo,
+		Keyword:       params.Keyword,
+		Level:         params.Level,
+		IsUnread:      params.Type == "unread",
+		Tag:           params.Tag,
+		Offset:        page.Offset,
+		Size:          page.Size,
 	})
 	if err != nil {
 		this.ErrorPage(err)
--- a/internal/web/actions/default/servers/logs/nodeOptions.go
+++ b/internal/web/actions/default/servers/logs/nodeOptions.go
@@ -1,6 +1,6 @@
 // Copyright 2022 Liuxiangchao iwind.liu@gmail.com. All rights reserved.

-package logs
+package clusters

 import (
 	"github.com/TeaOSLab/EdgeAdmin/internal/web/actions/actionutils"
--- a/internal/web/actions/default/servers/logs/index.go
+++ b/internal/web/actions/default/servers/logs/index.go
@@ -7,7 +7,6 @@ import (
 	"github.com/TeaOSLab/EdgeAdmin/internal/web/actions/actionutils"
 	"github.com/TeaOSLab/EdgeCommon/pkg/rpc/pb"
 	"github.com/iwind/TeaGo/lists"
-	"github.com/iwind/TeaGo/maps"
 	timeutil "github.com/iwind/TeaGo/utils/time"
 	"regexp"
 	"strings"
@@ -153,20 +152,5 @@ func (this *IndexAction) RunGet(params struct {
 	}
 	this.Data["regions"] = regionMap

-	// 集群列表
-	var clusterMaps = []maps.Map{}
-	clusterResp, err := this.RPC().NodeClusterRPC().FindAllEnabledNodeClusters(this.AdminContext(), &pb.FindAllEnabledNodeClustersRequest{})
-	if err != nil {
-		this.ErrorPage(err)
-		return
-	}
-	for _, cluster := range clusterResp.NodeClusters {
-		clusterMaps = append(clusterMaps, maps.Map{
-			"id":   cluster.Id,
-			"name": cluster.Name,
-		})
-	}
-	this.Data["clusters"] = clusterMaps
-
 	this.Show()
 }
--- a/internal/web/actions/default/servers/logs/init.go
+++ b/internal/web/actions/default/servers/logs/init.go
@@ -17,7 +17,6 @@ func init() {
 			Prefix("/servers/logs").
 			Get("", new(IndexAction)).
 			GetPost("/settings", new(SettingsAction)).
-			Post("/nodeOptions", new(NodeOptionsAction)).
 			EndAll()
 	})
 }
--- a/web/public/js/components/cluster/node-cluster-combo-box.js
+++ b/web/public/js/components/cluster/node-cluster-combo-box.js
@@ -0,0 +1,26 @@
+Vue.component("node-cluster-combo-box", {
+	props: ["v-cluster-id"],
+	data: function () {
+		let that = this
+		Tea.action("/clusters/options")
+			.post()
+			.success(function (resp) {
+				that.clusters = resp.data.clusters
+			})
+		return {
+			clusters: []
+		}
+	},
+	methods: {
+		change: function (item) {
+			if (item == null) {
+				this.$emit("change", 0)
+			} else {
+				this.$emit("change", item.value)
+			}
+		}
+	},
+	template: `<div v-if="clusters.length > 0">
+	<combo-box title="集群" placeholder="集群名称" :v-items="clusters" name="clusterId" :v-value="vClusterId" @change="change"></combo-box>
+</div>`
+})
--- a/web/public/js/components/common/combo-box.js
+++ b/web/public/js/components/common/combo-box.js
@@ -112,7 +112,7 @@ Vue.component("combo-box", {
 			this.$emit("change", this.selectedItem)
 		}
 	},
-	template: `<div style="display: inline">
+	template: `<div style="display: inline; z-index: 10; background: white">
 	<!-- 搜索框 -->
 	<div v-if="selectedItem == null">
 		<input type="text" v-model="keyword" :placeholder="placeholder" :size="size" style="width: 11em" @input="changeKeyword" @focus="show" @blur="hide" @keyup.enter="confirm()" @keypress.enter.prevent="1" ref="searchBox" @keyup.down="downItem" @keyup.up="upItem"/>
@@ -128,7 +128,7 @@ Vue.component("combo-box", {
 	
 	<!-- 菜单 -->
 	<div v-if="selectedItem == null && items.length > 0 && visible">
-		<div class="ui menu vertical small narrow-scrollbar" style="width: 11em; max-height: 17em; overflow-y: auto; position: absolute; border: rgba(129, 177, 210, 0.81) 1px solid; border-top: 0">
+		<div class="ui menu vertical small narrow-scrollbar" style="width: 11em; max-height: 17em; overflow-y: auto; position: absolute; border: rgba(129, 177, 210, 0.81) 1px solid; border-top: 0; z-index: 100">
 			<a href="" v-for="(item, index) in items" ref="itemRef" class="item" :class="{active: index == hoverIndex, blue: index == hoverIndex}" @click.prevent="selectItem(item)" style="line-height: 1.4">{{item.name}}</a>
 		</div>
 	</div>
--- a/web/public/js/components/node/node-combo-box.js
+++ b/web/public/js/components/node/node-combo-box.js
@@ -0,0 +1,20 @@
+Vue.component("node-combo-box", {
+	props: ["v-cluster-id", "v-node-id"],
+	data: function () {
+		let that = this
+		Tea.action("/clusters/nodeOptions")
+			.params({
+				clusterId: this.vClusterId
+			})
+			.post()
+			.success(function (resp) {
+				that.nodes = resp.data.nodes
+			})
+		return {
+			nodes: []
+		}
+	},
+	template: `<div v-if="nodes.length > 0">
+	<combo-box title="节点" placeholder="节点名称" :v-items="nodes" name="nodeId" :v-value="vNodeId"></combo-box>
+</div>`
+})
--- a/web/public/js/components/server/http-access-log-search-box.js
+++ b/web/public/js/components/server/http-access-log-search-box.js
@@ -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>
--- a/web/views/@default/clusters/logs/index.html
+++ b/web/views/@default/clusters/logs/index.html
@@ -31,10 +31,18 @@
        <div class="ui field">
            <input type="text" name="keyword" style="width:10em" v-model="keyword" placeholder="关键词"/>
        </div>
+    </div>
+    <div class="ui fields inline" style="margin-top: 0.5em">
+        <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="clusterId > 0">
+            <node-combo-box :v-cluster-id="clusterId" :v-node-id="nodeId"></node-combo-box>
+        </div>
        <div class="ui field">
            <button type="submit" class="ui button">查询</button>
        </div>
-        <div class="ui field" v-if="dayFrom.length > 0 || dayTo.length > 0 || keyword.length > 0 || level.length > 0 || tag.length > 0">
+        <div class="ui field" v-if="dayFrom.length > 0 || dayTo.length > 0 || keyword.length > 0 || level.length > 0 || tag.length > 0 || clusterId > 0 || nodeId > 0">
            <a :href="'/clusters/logs?type=' + type">[清除条件]</a>
        </div>
    </div>
--- a/web/views/@default/clusters/logs/index.js
+++ b/web/views/@default/clusters/logs/index.js
@@ -38,4 +38,8 @@ Tea.context(function () {
 				})
 		})
 	}
+
+	this.changeCluster = function (clusterId) {
+		this.clusterId = clusterId
+	}
 })
--- a/web/views/@default/servers/logs/index.html
+++ b/web/views/@default/servers/logs/index.html
@@ -12,7 +12,7 @@
    <input type="hidden" name="serverId" :value="serverId"/>
    <input type="hidden" name="hasError" :value="hasError"/>
    <input type="hidden" name="hasWAF" :value="hasWAF"/>
-    <http-access-log-search-box :v-clusters="clusters" :v-cluster-id="clusterId" :v-node-id="nodeId" :v-ip="ip" :v-domain="domain" :v-keyword="keyword">
+    <http-access-log-search-box :v-cluster-id="clusterId" :v-node-id="nodeId" :v-ip="ip" :v-domain="domain" :v-keyword="keyword">
        <div class="ui field">
            <input type="text" name="day" maxlength="10" placeholder="选择日期" style="width:7.8em" id="day-input" v-model="day"/>
        </div>