'admin-22.12.12:发布v2.4.21版本,具体更新内容查看CHANGELOG.md' !42 修复 工作流无法添加新节点问题 Merge pull request !42 from beta/bugfix_workflow 修复 工作流无法添加新节点问题 1. 修复 工作流无法添加新节点问题 2. 修复 左侧导航无法隐藏问题 'admin-22.12.09:发布v2.4.2版本,具体更新内容查看CHANGELOG.md' !41 修复get请求传递嵌套对象或数组时无法正常编码问题 Merge pull request !41 from 随心/master !40 开启TagsView缓存后,刷新后所有的路由都变成组件缓存了 Merge pull request !40 from mrjimin/master 修复get请求传递嵌套对象或数组时无法正常编码问题 update src/layout/routerView/parent.vue. Signed-off-by: mrjimin <z8888788@163.com> update src/layout/routerView/parent.vue. 这里应该拿到的是已经设置开启组件缓存的路由,而不是全部,需要先判断item.meta.isKeepAlive Signed-off-by: mrjimin <z8888788@163.com> 'admin-22.11.30:发布v2.4.1版本,具体更新内容查看CHANGELOG.md' Merge branch 'master' of https://gitee.com/lyt-top/vue-next-admin 'admin-22.11.30:删除v2.4.0版本不需要的依赖' update src/views/error/404.vue. Signed-off-by: lyt-Top <1105290566@qq.com> update src/components/table/index.vue. Signed-off-by: lyt-Top <1105290566@qq.com> 'admin-22.11.30:修改v2.4.0文字说明' 'admin-22.11.30:修改v2.4.0文字说明' 'admin-22.11.29:发布v2.4.0版本,具体更新内容查看CHANGELOG.md' 'admin-22.11.19:修复v2.3.0版本动态路由事件调用关闭当前tagsview、普通路由刷新界面参数丢失问题' 'admin-22.11.18:优化v2.3.0版本tagsview风格5兼容火狐' 'admin-22.11.17:优化v2.3.0版本iframe右键菜单刷新问题' ...
92 lines
2.2 KiB
Vue
92 lines
2.2 KiB
Vue
<template>
|
|
<div class="error layout-padding">
|
|
<div class="layout-padding-auto layout-padding-view">
|
|
<div class="error-flex">
|
|
<div class="left">
|
|
<div class="left-item">
|
|
<div class="left-item-animation left-item-num">401</div>
|
|
<div class="left-item-animation left-item-title">{{ $t('message.noAccess.accessTitle') }}</div>
|
|
<div class="left-item-animation left-item-msg">{{ $t('message.noAccess.accessMsg') }}</div>
|
|
<div class="left-item-animation left-item-btn">
|
|
<el-button type="primary" size="default" round @click="onSetAuth">{{ $t('message.noAccess.accessBtn') }}</el-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<img
|
|
src="https://img-blog.csdnimg.cn/3333f265772a4fa89287993500ecbf96.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbHl0LXRvcA==,size_16,color_FFFFFF,t_70,g_se,x_16"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts" name="noPower">
|
|
import { Session } from '/@/utils/storage';
|
|
|
|
const onSetAuth = () => {
|
|
// https://gitee.com/lyt-top/vue-next-admin/issues/I5C3JS
|
|
// 清除缓存/token等
|
|
Session.clear();
|
|
// 使用 reload 时,不需要调用 resetRoute() 重置路由
|
|
window.location.reload();
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.error {
|
|
height: 100%;
|
|
.error-flex {
|
|
margin: auto;
|
|
display: flex;
|
|
height: 350px;
|
|
width: 900px;
|
|
.left {
|
|
flex: 1;
|
|
height: 100%;
|
|
align-items: center;
|
|
display: flex;
|
|
.left-item {
|
|
.left-item-animation {
|
|
opacity: 0;
|
|
animation-name: error-num;
|
|
animation-duration: 0.5s;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
.left-item-num {
|
|
color: var(--el-color-info);
|
|
font-size: 55px;
|
|
}
|
|
.left-item-title {
|
|
font-size: 20px;
|
|
color: var(--el-text-color-primary);
|
|
margin: 15px 0 5px 0;
|
|
animation-delay: 0.1s;
|
|
}
|
|
.left-item-msg {
|
|
color: var(--el-text-color-secondary);
|
|
font-size: 12px;
|
|
margin-bottom: 30px;
|
|
animation-delay: 0.2s;
|
|
}
|
|
.left-item-btn {
|
|
animation-delay: 0.2s;
|
|
}
|
|
}
|
|
}
|
|
.right {
|
|
flex: 1;
|
|
opacity: 0;
|
|
animation-name: error-img;
|
|
animation-duration: 2s;
|
|
animation-fill-mode: forwards;
|
|
img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|