|
|
@@ -0,0 +1,44 @@
|
|
|
+<template>
|
|
|
+ <div class="router-err">
|
|
|
+ <div class="router-err__icon">
|
|
|
+ <img src="img/404.png" />
|
|
|
+ </div>
|
|
|
+ <div class="router-err__content">
|
|
|
+ <h2>无权限或找不到页面</h2>
|
|
|
+ <p>当前页面无权限访问或者打开了一个不存在的链接,请检查当前账户权限和链接的可访问性。</p>
|
|
|
+ <el-button type="primary" plain round @click="gohome">返回首页</el-button>
|
|
|
+ <el-button type="primary" plain round @click="gologin">重新登录</el-button>
|
|
|
+ <el-button type="primary" round @click="goback">返回上一页</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ methods: {
|
|
|
+ gohome(){
|
|
|
+ location.href="#/"
|
|
|
+ },
|
|
|
+ goback(){
|
|
|
+ this.$router.go(-1);
|
|
|
+ },
|
|
|
+ gologin(){
|
|
|
+ this.$router.push("/login");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+ .router-err {display: flex;width: 900px;margin: 50px auto;align-items: center;}
|
|
|
+ .router-err__icon {width: 400px;}
|
|
|
+ .router-err__icon img {width: 100%;}
|
|
|
+ .router-err__content {flex: 1;padding:40px;}
|
|
|
+ .router-err__content h2 {font-size: 26px;}
|
|
|
+ .router-err__content p {font-size: 14px;color: #999;margin: 15px 0 30px 0;line-height: 1.5;}
|
|
|
+
|
|
|
+ @media (max-width: 992px){
|
|
|
+ .router-err {display: block;width: 100%;margin-top: 10px;text-align: center;}
|
|
|
+ .router-err__icon {width: 280px;margin: 0 auto;}
|
|
|
+ }
|
|
|
+</style>
|