fix: dns events recent events 列表暂时使用下拉

This commit is contained in:
@changcode
2022-10-13 14:21:19 +08:00
parent 9846275b7c
commit 9065f6d8e3
3 changed files with 44 additions and 47 deletions

View File

@@ -2,46 +2,46 @@
<div class="dns-recent-event npm-app-event">
<div class="dns-recent-event-header">
<div class="dns-recent-event-title">{{ $t('network.recentEvents') }}</div>
<!-- <div class="dns-recent-event-select">-->
<!-- <div class="metric-select">-->
<!-- <el-select v-model="tableType"-->
<!-- class="option__select select-column"-->
<!-- popper-class="option-popper common-select"-->
<!-- :popper-append-to-body="false"-->
<!-- key="tabMetric"-->
<!-- :placeholder="$t('overall.select')"-->
<!-- @change="changeMetric"-->
<!-- size="mini"-->
<!-- width="100">-->
<!-- <el-option-->
<!-- v-for="item in options"-->
<!-- :key="item.label"-->
<!-- :label="item.label"-->
<!-- :value="item.value"-->
<!-- />-->
<!-- </el-select>-->
<!-- <span>{{$t('overall.type')}}</span>-->
<!-- </div>-->
<!-- <div class="metric-select">-->
<!-- <el-select v-model="tableSeverity"-->
<!-- class="option__select select-column"-->
<!-- popper-class="option-popper common-select"-->
<!-- :popper-append-to-body="false"-->
<!-- key="tabMetric"-->
<!-- :placeholder="$t('overall.select')"-->
<!-- @change="changeMetric"-->
<!-- size="mini"-->
<!-- width="100">-->
<!-- <el-option-->
<!-- v-for="item in severityOption"-->
<!-- :key="item.label"-->
<!-- :label="item.label"-->
<!-- :value="item.value"-->
<!-- />-->
<!-- </el-select>-->
<!-- <span>{{$t('network.severity')}}</span>-->
<!-- </div>-->
<!-- </div>-->
<div class="dns-recent-event-select">
<div class="metric-select">
<el-select v-model="tableType"
class="option__select select-column"
popper-class="option-popper common-select"
:popper-append-to-body="false"
key="tabMetric"
:placeholder="$t('overall.select')"
@change="changeMetric"
size="mini"
width="100">
<el-option
v-for="item in options"
:key="item.label"
:label="item.label"
:value="item.value"
/>
</el-select>
<span>{{$t('overall.type')}}</span>
</div>
<div class="metric-select">
<el-select v-model="tableSeverity"
class="option__select select-column"
popper-class="option-popper common-select"
:popper-append-to-body="false"
key="tabMetric"
:placeholder="$t('overall.select')"
@change="changeMetric"
size="mini"
width="100">
<el-option
v-for="item in severityOption"
:key="item.label"
:label="item.label"
:value="item.value"
/>
</el-select>
<span>{{$t('network.severity')}}</span>
</div>
</div>
</div>
<el-table
:id="`tabTable_${index}`"
@@ -69,7 +69,7 @@
</span>
</template>
<template v-else-if="item.prop === 'event'">
<span class="data-eventType" >{{scope.row[item.prop]}}</span>
<span class="data-eventType">{{scope.row[item.prop]}}</span>
</template>
<template v-else-if="item.prop === 'severity'">
<template v-if="scope.row[item.prop]==='critical'">
@@ -131,12 +131,12 @@ export default {
return {
options: [
{
label: this.$t('overall.securityEvents'),
value: 'Security events'
label: this.$t('dnsInsight.securityEvent'),
value: 'securityEvent'
},
{
label: this.$t('dnsInsight.PerEvent'),
value: 'Performance Event'
value: 'performanceEvent'
}
],
severityOption: [

View File

@@ -48,7 +48,6 @@ export default {
setup () {
const { query } = useRoute()
const tab = ref(query.tabIndex || 0)
// const d = `egress_link_direction='${256}' AND ingress_link_direction='${256}' `
const queryCondition = ref(query.queryCondition || '')
return {
tab,

View File

@@ -73,7 +73,6 @@ export default {
const { query } = useRoute()
const lineMetric = ref(query.lineMetric || 'Bits/s')
const lineTab = ref(query.lineTab || '')
// const d = `common_egress_link_id='${246}' AND common_ingress_link_id='${246}'`
const queryCondition = ref(query.queryCondition || '')
return {
lineMetric,
@@ -152,7 +151,6 @@ export default {
startTime: getSecond(this.timeFilter.startTime),
endTime: getSecond(this.timeFilter.endTime)
}
// const condition = this.$store.getters.getQueryCondition
if (this.queryCondition) {
params.q = this.queryCondition
}