新增

admin/src/views/error/403.vue

@@ -0,0 +1,15 @@
+<template>
+    <div class="error404">
+        <error code="403" title="您的账号权限不足，请联系管理员添加权限！" :show-btn="false">
+            <template #content>
+                <div class="flex justify-center">
+                    <img class="w-[150px] h-[150px]" src="@/assets/images/no_perms.png" alt="" />
+                </div>
+            </template>
+        </error>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import Error from './components/error.vue'
+</script>

admin/src/views/error/404.vue

@@ -0,0 +1,9 @@
+<template>
+    <div class="error404">
+        <error code="404" title="哎呀，出错了！您访问的页面不存在…"></error>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import Error from './components/error.vue'
+</script>

admin/src/views/error/components/error.vue

@@ -0,0 +1,58 @@
+<template>
+    <div class="error">
+        <div>
+            <slot name="content">
+                <div class="error-code">{{ code }}</div>
+            </slot>
+            <div class="text-lg text-tx-secondary mt-7 mb-7">{{ title }}</div>
+            <el-button v-if="showBtn" type="primary" @click="router.go(-1)">
+                {{ second }} 秒后返回上一页
+            </el-button>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { onUnmounted, ref } from 'vue'
+import { useRouter } from 'vue-router'
+
+const props = defineProps({
+    code: String,
+    title: String,
+    showBtn: {
+        type: Boolean,
+        default: true
+    }
+})
+let timer: any = null
+const second = ref(5)
+const router = useRouter()
+props.showBtn &&
+    (timer = setInterval(() => {
+        if (second.value === 0) {
+            clearInterval(timer)
+            router.go(-1)
+        } else {
+            second.value--
+        }
+    }, 1000))
+onUnmounted(() => {
+    timer && clearInterval(timer)
+})
+</script>
+<style lang="scss" scoped>
+.error {
+    text-align: center;
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    .error-code {
+        @apply text-primary;
+        font-size: 150px;
+    }
+    .el-button {
+        width: 176px;
+    }
+}
+</style>