<template>
  <div class="error-container">
    <div class="text-primary text-[150px] leading-none">403</div>
    <div class="text-3xl font-semibold mt-8">权限不足</div>
    <div class="text-base mt-2 mb-5">抱歉，您的账号权限不足，请联系管理员添加权限！</div>
    <el-button type="primary" size="large" @click="goBack">返回上一页</el-button>
  </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'

const router = useRouter()

// 返回上一页
const goBack = () => {
  router.back()
}
</script>

<style lang="scss" scoped>
.error-container {
  @apply min-h-screen bg-white flex flex-col items-center justify-center pb-4;
}
</style>
