<template>
    <el-empty description="无效的页面访问权限！">
        <template #description>
            <div class="w-full text-center mt-6">
                <span class="font-bold text-red-600 text-lg">
                    你访问了一个无效的页面或没有权限访问该页面，请联系管理员处理。
                </span>
            </div>
        </template>
        <div class="flex justify-center items-center">
            <el-button type="info" @click="backToPrev" size="large"><i class="fa fa-arrow-left pr-2"></i>返回</el-button>
            <el-button type="primary" @click="backToHome" class="ml-6" size="large"><i class="fa fa-desktop pr-2"></i>工作台</el-button>
        </div>
    </el-empty>
</template>

<script setup>
import { useRouter } from 'vue-router'
const router = useRouter()
const backToHome = () => {
    router.push('/home')
}

const backToPrev = () => {
    router.back()
}
</script>

<style scoped>
</style>
