44 lines
989 B
Vue
44 lines
989 B
Vue
<script lang="ts" setup>
|
|
import { computed } from 'vue';
|
|
import { $t } from '@/locales';
|
|
import { useRouterPush } from '@/hooks/common/router';
|
|
|
|
defineOptions({ name: 'ExceptionBase' });
|
|
|
|
type ExceptionType = '403' | '404' | '500';
|
|
|
|
interface Props {
|
|
/**
|
|
* Exception type
|
|
*
|
|
* - 403: no permission
|
|
* - 404: not found
|
|
* - 500: service error
|
|
*/
|
|
type: ExceptionType;
|
|
}
|
|
|
|
const props = defineProps<Props>();
|
|
|
|
const { routerPushByKey } = useRouterPush();
|
|
|
|
const iconMap: Record<ExceptionType, string> = {
|
|
'403': 'no-permission',
|
|
'404': 'not-found',
|
|
'500': 'service-error'
|
|
};
|
|
|
|
const icon = computed(() => iconMap[props.type]);
|
|
</script>
|
|
|
|
<template>
|
|
<div class="size-full min-h-520px flex-col-center gap-24px overflow-hidden">
|
|
<div class="flex text-400px text-primary">
|
|
<SvgIcon :local-icon="icon" />
|
|
</div>
|
|
<NButton type="primary" @click="routerPushByKey('root')">{{ $t('common.backToHome') }}</NButton>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped></style>
|