From 24374ab8f2f1f1cd58b2b58cc8e63a443b090279 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 26 Aug 2024 17:40:38 +0700
Subject: [PATCH] errorPernission page

---
 src/plugins/http.ts           |  3 ++-
 src/router/index.ts           |  6 ++++++
 src/views/ErrorPermission.vue | 25 +++++++++++++++++++++++++
 3 files changed, 33 insertions(+), 1 deletion(-)
 create mode 100644 src/views/ErrorPermission.vue

diff --git a/src/plugins/http.ts b/src/plugins/http.ts
index eb762fd..08a536c 100644
--- a/src/plugins/http.ts
+++ b/src/plugins/http.ts
@@ -32,7 +32,8 @@ http.interceptors.response.use(
     if (typeof error !== undefined) {
       // eslint-disable-next-line no-prototype-builtins
       if (error.hasOwnProperty("response")) {
-        if (error.response.status === 401 || error.response.status === 403) {
+        if (error.response.status === 403) {
+          window.location.href = "/error";
           // Store.commit("SET_ERROR_MESSAGE", error.response.data.message);
           // Store.commit("REMOVE_ACCESS_TOKEN")
         }
diff --git a/src/router/index.ts b/src/router/index.ts
index ef8b4eb..7dca397 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -4,6 +4,7 @@ const MainLayout = () => import("@/views/MainLayout.vue");
 const Dashboard = () => import("@/modules/01_dashboard/views/Dashboard.vue");
 const Error404NotFound = () => import("@/views/Error404NotFound.vue");
 const loginMain = () => import("@/views/login.vue");
+const ErrorPermission = () => import("@/views/ErrorPermission.vue");
 
 import ModuleTransfer from "@/modules/02_transfer/router";
 import ModuleRetire from "@/modules/03_retire/router";
@@ -38,6 +39,11 @@ const router = createRouter({
             Key: [7],
           },
         },
+        {
+          path: "/error",
+          name: "errorPermission",
+          component: ErrorPermission,
+        },
 
         ...ModuleTransfer,
         ...ModuleRetire,
diff --git a/src/views/ErrorPermission.vue b/src/views/ErrorPermission.vue
new file mode 100644
index 0000000..ec5e14a
--- /dev/null
+++ b/src/views/ErrorPermission.vue
@@ -0,0 +1,25 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div
+    class="bg-white text-center q-pa-md flex flex-center"
+    style="height: 90vh"
+  >
+    <div>
+      <div class="text-h3">
+        <q-icon name="mdi-alert-outline" color="red" /> ไม่พบข้อมูลที่ต้องการ
+      </div>
+
+      <q-btn
+        class="q-mt-xl"
+        color="primary"
+        text-color="white"
+        to="/"
+        label="กลับหน้าหลัก"
+        no-caps
+      />
+    </div>
+  </div>
+</template>
+
+<style scoped></style>