mirror of
https://github.com/EasyTier/EasyTier.git
synced 2025-10-05 00:42:54 +08:00
33 lines
786 B
Vue
33 lines
786 B
Vue
<script setup lang="ts">
|
|
import { EventType } from '~/types/network'
|
|
|
|
const props = defineProps<{
|
|
event: {
|
|
[key: string]: any
|
|
}
|
|
}>()
|
|
const { t } = useI18n()
|
|
|
|
const eventKey = computed(() => {
|
|
const key = Object.keys(props.event)[0]
|
|
return Object.keys(EventType).includes(key) ? key : 'Unknown'
|
|
})
|
|
|
|
const eventValue = computed(() => {
|
|
const value = props.event[eventKey.value]
|
|
return typeof value === 'object' ? value : value
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<Fieldset :legend="t(`event.${eventKey}`)">
|
|
<template v-if="eventKey !== 'Unknown'">
|
|
<div v-if="event.DhcpIpv4Changed">
|
|
{{ `${eventValue[0]} -> ${eventValue[1]}` }}
|
|
</div>
|
|
<pre v-else>{{ eventValue }}</pre>
|
|
</template>
|
|
<pre v-else>{{ eventValue }}</pre>
|
|
</Fieldset>
|
|
</template>
|