From cf143c8502ad48fb1c6850a265f99cb9c341db64 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Chuailei000=E2=80=9D?= <2280131253@qq.com>
Date: Tue, 8 Mar 2022 11:11:45 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E6=A6=82=E5=86=B5?=
 =?UTF-8?q?=E6=9D=83=E9=99=90=E5=88=A4=E6=96=AD=E9=A1=B5=E9=9D=A2=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/i18n/langs/cn.json        |  7 +++-
 src/i18n/langs/en.json        |  7 +++-
 src/views/403.vue             | 64 +++++++++++++++++++++++++++++++++++
 src/views/404.vue             | 15 ++++----
 src/views/dashboard/index.vue | 15 +++++---
 src/views/myhome/index.vue    |  7 ++--
 6 files changed, 97 insertions(+), 18 deletions(-)
 create mode 100644 src/views/403.vue

diff --git a/src/i18n/langs/cn.json b/src/i18n/langs/cn.json
index fb4b61675..e9d4547f0 100644
--- a/src/i18n/langs/cn.json
+++ b/src/i18n/langs/cn.json
@@ -813,7 +813,12 @@
     "WebTerminal": "Web终端",
     "Notifications": "通知",
     "SiteMessageList": "站内信",
-    "UserLoginACL": "用户登录"
+    "UserLoginACL": "用户登录",
+    "NoPermission403": "403 暂无权限",
+    "NoPermissionVew": "没有权限查看当前页面",
+    "AjaxError404": "404 请求错误",
+    "CannotAccess": "无法访问当前页面",
+    "GoHomePage": "去往首页"
   },
   "rbac": {
     "Permissions": "权限"
diff --git a/src/i18n/langs/en.json b/src/i18n/langs/en.json
index 1b70dd966..80ba1ae31 100644
--- a/src/i18n/langs/en.json
+++ b/src/i18n/langs/en.json
@@ -787,7 +787,12 @@
     "WebTerminal": "Web Terminal",
     "Notifications": "Notifications",
     "SiteMessageList": "Site message",
-    "UserLoginACL": "User Login ACL"
+    "UserLoginACL": "User Login ACL",
+    "NoPermission403": "403 No permission",
+    "NoPermissionVew": "No permission view current page",
+    "AjaxError404": "404 ajax error",
+    "CannotAccess": "Unable to access the current page",
+    "GoHomePage": "Go home page"
   },
   "rbac": {
     "Permissions": "Permissions"
diff --git a/src/views/403.vue b/src/views/403.vue
new file mode 100644
index 000000000..1d43d8110
--- /dev/null
+++ b/src/views/403.vue
@@ -0,0 +1,64 @@
+<template>
+  <div class="error-403-container">
+    <div class="error-403-text">
+      <h1 class="error-403-title">{{ $t('route.NoPermission403') }}</h1>
+      <p class="error-403-subtitle">{{ $t('route.NoPermissionVew') }}</p>
+    </div>
+    <div class="error-403-image-container">
+      <img class="error-403-error-image" src="@/assets/img/robot.png" alt="page error">
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'Page403'
+}
+</script>
+
+<style lang="scss" scoped>
+  .error-403-container {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    margin-top: 180px;
+  }
+
+  .error-403-text {
+    -webkit-box-align: start;
+    -ms-flex-align: start;
+    align-items: flex-start;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    min-width: 384px;
+  }
+
+  .error-403-title {
+    font-size: 40px;
+    font-weight: 600;
+    font-synthesis: style;
+  }
+
+  .error-403-subtitle {
+    font-size: 18px;
+    margin-top: 10px;
+    color: #646464;
+    line-height: 1.4;
+  }
+
+  .error-button {
+    margin-top: 20px;
+  }
+</style>
diff --git a/src/views/404.vue b/src/views/404.vue
index b43bb817f..1941020fe 100644
--- a/src/views/404.vue
+++ b/src/views/404.vue
@@ -1,9 +1,11 @@
 <template>
   <div class="error-404-container">
     <div class="error-404-text">
-      <h1 class="error-404-title">404 请求错误</h1>
-      <p class="error-404-subtitle">无法访问当前页面</p>
-      <a href="/ui/" class="el-button el-button--success error-button">去往首页</a>
+      <h1 class="error-404-title">{{ $t('route.AjaxError404') }}</h1>
+      <p class="error-404-subtitle">{{ $t('route.CannotAccess') }}</p>
+      <a href="/ui/" class="el-button el-button--success error-button">
+        {{ $t('route.GoHomePage') }}
+      </a>
     </div>
     <div class="error-404-image-container">
       <img class="error-404-error-image" src="@/assets/img/robot.png" alt="page error">
@@ -14,12 +16,7 @@
 <script>
 
 export default {
-  name: 'Page404',
-  computed: {
-    message() {
-      return 'The webmaster said that you can not enter this page...'
-    }
-  }
+  name: 'Page404'
 }
 </script>
 
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 26cab7dd4..f4d009835 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -1,9 +1,12 @@
 <template>
   <Page>
-    <Announcement />
-    <ResourceSummary />
-    <DatesLoginSummary />
-    <TopAndLatestSummary />
+    <div v-if="$hasPerm('rbac.view_resourcestatistics')">
+      <Announcement />
+      <ResourceSummary />
+      <DatesLoginSummary />
+      <TopAndLatestSummary />
+    </div>
+    <Page403 v-else />
   </Page>
 </template>
 
@@ -13,6 +16,7 @@ import { Page } from '@/layout/components'
 import ResourceSummary from './ResourceSummary'
 import DatesLoginSummary from './DatesLoginSummary'
 import TopAndLatestSummary from './TopAndLatestSummary'
+import Page403 from '@/views/403'
 
 export default {
   name: 'Dashboard',
@@ -21,7 +25,8 @@ export default {
     DatesLoginSummary,
     ResourceSummary,
     TopAndLatestSummary,
-    Announcement
+    Announcement,
+    Page403
   },
   data() {
     return {
diff --git a/src/views/myhome/index.vue b/src/views/myhome/index.vue
index 038c00644..5ef913e15 100644
--- a/src/views/myhome/index.vue
+++ b/src/views/myhome/index.vue
@@ -1,6 +1,6 @@
 <template>
   <Page>
-    <div class="home">
+    <div v-if="$hasPerm('rbac.view_resourcestatistics')" class="home">
       <el-container class="container">
         <el-main class="main">
           <div class="content">
@@ -21,6 +21,7 @@
         </el-main>
       </el-container>
     </div>
+    <Page403 v-else />
   </Page>
 </template>
 
@@ -31,6 +32,7 @@ import Announcement from './components/Announcement'
 import Ticket from './components/Ticket'
 import Log from './components/LoginLog'
 import Session from './components/Session'
+import Page403 from '@/views/403'
 
 export default {
   name: 'Name',
@@ -40,7 +42,8 @@ export default {
     Announcement,
     Ticket,
     Log,
-    Session
+    Session,
+    Page403
   },
   data() {
     return {