43 lines
902 B
Vue
43 lines
902 B
Vue
|
<script lang="ts" setup>
|
||
|
|
import { computed } from 'vue';
|
||
|
|
import { $t } from '@/locales';
|
||
|
|
|
||
|
|
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 iconMap: Record<ExceptionType, string> = {
|
||
|
|
'403': 'no-permission',
|
||
|
|
'404': 'not-found',
|
||
|
|
'500': 'service-error'
|
||
|
|
};
|
||
|
|
|
||
|
|
const icon = computed(() => iconMap[props.type]);
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="flex-vertical-center gap-24px min-h-520px wh-full overflow-hidden">
|
||
|
|
<div class="flex text-400px text-primary">
|
||
|
|
<SvgIcon :local-icon="icon" />
|
||
|
|
</div>
|
||
|
|
<RouterLink to="/">
|
||
|
|
<AButton type="primary">{{ $t('common.backToHome') }}</AButton>
|
||
|
|
</RouterLink>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped></style>
|