fix: dns events recent events 列表暂时使用下拉
This commit is contained in:
@@ -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: [
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user