mirror of
https://github.com/TeaOSLab/EdgeAdmin.git
synced 2025-11-04 21:50:28 +08:00
76 lines
4.3 KiB
JavaScript
76 lines
4.3 KiB
JavaScript
Vue.component("http-access-log-box", {
|
|
props: ["v-access-log", "v-keyword", "v-show-server-link"],
|
|
data: function () {
|
|
let accessLog = this.vAccessLog
|
|
if (accessLog.header != null && accessLog.header.Upgrade != null && accessLog.header.Upgrade.values != null && accessLog.header.Upgrade.values.$contains("websocket")) {
|
|
if (accessLog.scheme == "http") {
|
|
accessLog.scheme = "ws"
|
|
} else if (accessLog.scheme == "https") {
|
|
accessLog.scheme = "wss"
|
|
}
|
|
}
|
|
|
|
return {
|
|
accessLog: accessLog
|
|
}
|
|
},
|
|
methods: {
|
|
formatCost: function (seconds) {
|
|
if (seconds == null) {
|
|
return "0"
|
|
}
|
|
let s = (seconds * 1000).toString();
|
|
let pieces = s.split(".");
|
|
if (pieces.length < 2) {
|
|
return s;
|
|
}
|
|
|
|
return pieces[0] + "." + pieces[1].substring(0, 3);
|
|
},
|
|
showLog: function () {
|
|
let that = this
|
|
let requestId = this.accessLog.requestId
|
|
this.$parent.$children.forEach(function (v) {
|
|
if (v.deselect != null) {
|
|
v.deselect()
|
|
}
|
|
})
|
|
this.select()
|
|
teaweb.popup("/servers/server/log/viewPopup?requestId=" + requestId, {
|
|
width: "50em",
|
|
height: "28em",
|
|
onClose: function () {
|
|
that.deselect()
|
|
}
|
|
})
|
|
},
|
|
select: function () {
|
|
this.$refs.box.parentNode.style.cssText = "background: rgba(0, 0, 0, 0.1)"
|
|
},
|
|
deselect: function () {
|
|
this.$refs.box.parentNode.style.cssText = ""
|
|
}
|
|
},
|
|
template: `<div style="word-break: break-all" :style="{'color': (accessLog.status >= 400) ? '#dc143c' : ''}" ref="box">
|
|
<div>
|
|
<a v-if="accessLog.node != null && accessLog.node.nodeCluster != null" :href="'/clusters/cluster/node?nodeId=' + accessLog.node.id + '&clusterId=' + accessLog.node.nodeCluster.id" title="点击查看节点详情" target="_top"><span class="grey">[{{accessLog.node.name}}<span v-if="!accessLog.node.name.endsWith('节点')">节点</span>]</span></a>
|
|
<a :href="'/servers/server/log?serverId=' + accessLog.serverId" title="点击到网站服务" v-if="vShowServerLink"><span class="grey">[服务]</span></a>
|
|
<span v-if="accessLog.region != null && accessLog.region.length > 0" class="grey"><ip-box :v-ip="accessLog.remoteAddr">[{{accessLog.region}}]</ip-box></span> <ip-box><keyword :v-word="vKeyword">{{accessLog.remoteAddr}}</keyword></ip-box> [{{accessLog.timeLocal}}] <em>"<keyword :v-word="vKeyword">{{accessLog.requestMethod}}</keyword> {{accessLog.scheme}}://<keyword :v-word="vKeyword">{{accessLog.host}}</keyword><keyword :v-word="vKeyword">{{accessLog.requestURI}}</keyword> <a :href="accessLog.scheme + '://' + accessLog.host + accessLog.requestURI" target="_blank" title="新窗口打开" class="disabled"><i class="external icon tiny"></i> </a> {{accessLog.proto}}" </em> <keyword :v-word="vKeyword">{{accessLog.status}}</keyword> <code-label v-if="accessLog.attrs != null && (accessLog.attrs['cache.status'] == 'HIT' || accessLog.attrs['cache.status'] == 'STALE')">cache {{accessLog.attrs['cache.status'].toLowerCase()}}</code-label> <code-label v-if="accessLog.firewallActions != null && accessLog.firewallActions.length > 0">waf {{accessLog.firewallActions}}</code-label> <span v-if="accessLog.tags != null && accessLog.tags.length > 0">- <code-label v-for="tag in accessLog.tags" :key="tag">{{tag}}</code-label></span>
|
|
|
|
<span v-if="accessLog.wafInfo != null">
|
|
<a :href="(accessLog.wafInfo.policy.serverId == 0) ? '/servers/components/waf/group?firewallPolicyId=' + accessLog.firewallPolicyId + '&type=inbound&groupId=' + accessLog.firewallRuleGroupId+ '#set' + accessLog.firewallRuleSetId : '/servers/server/settings/waf/group?serverId=' + accessLog.serverId + '&firewallPolicyId=' + accessLog.firewallPolicyId + '&type=inbound&groupId=' + accessLog.firewallRuleGroupId + '#set' + accessLog.firewallRuleSetId" target="_blank">
|
|
<code-label-plain>
|
|
<span class="red">
|
|
WAF --
|
|
<span v-if="accessLog.wafInfo.group != null">{{accessLog.wafInfo.group.name}} --</span>
|
|
<span v-if="accessLog.wafInfo.set != null">{{accessLog.wafInfo.set.name}}</span>
|
|
</span>
|
|
</code-label-plain>
|
|
</a>
|
|
</span>
|
|
|
|
<span v-if="accessLog.requestTime != null"> - 耗时:{{formatCost(accessLog.requestTime)}} ms </span><span v-if="accessLog.humanTime != null && accessLog.humanTime.length > 0" class="grey small"> ({{accessLog.humanTime}})</span>
|
|
<a href="" @click.prevent="showLog" title="查看详情"><i class="icon expand"></i></a>
|
|
</div>
|
|
</div>`
|
|
}) |