张翔
7420afa380
- 新增路由元信息类型定义 (requiresAuth, roles, title) - 实现路由守卫中的角色权限校验逻辑 - 新增 403 禁止访问页面 - 提取权限校验函数 checkRoutePermission，提高可测试性 - 修复 JSON.parse 异常处理，增强健壮性 - 优化页面标题动态设置 测试优化： - 重构 global-setup.ts，支持 JAR 文件启动后端服务 - 优化测试用例等待逻辑，减少硬编码延迟 - 简化 playwright 配置，移除多浏览器支持 - 新增路由权限守卫单元测试 关联需求：权限系统完善
46 lines
823 B
Vue
46 lines
823 B
Vue
<template>
|
||
<div class="forbidden-container">
|
||
<el-result
|
||
icon="warning"
|
||
title="403"
|
||
sub-title="抱歉，您没有权限访问此页面"
|
||
>
|
||
<template #extra>
|
||
<el-button
|
||
type="primary"
|
||
@click="goBack"
|
||
>
|
||
返回上一页
|
||
</el-button>
|
||
<el-button @click="goHome">
|
||
返回首页
|
||
</el-button>
|
||
</template>
|
||
</el-result>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { useRouter } from 'vue-router'
|
||
|
||
const router = useRouter()
|
||
|
||
const goBack = () => {
|
||
router.go(-1)
|
||
}
|
||
|
||
const goHome = () => {
|
||
router.push('/dashboard')
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="css">
|
||
.forbidden-container {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
min-height: 100vh;
|
||
background: #f5f7fa;
|
||
}
|
||
</style>
|