From b7baff7392561fe48b7c90d7b2b3feeaece82e20 Mon Sep 17 00:00:00 2001
From: sws <1141121512@qq.com>
Date: Tue, 3 Sep 2024 10:31:13 +0800
Subject: [PATCH] =?UTF-8?q?1.=E4=BB=A3=E7=A0=81=E4=BC=98=E5=8C=96=20sws=20?=
 =?UTF-8?q?2024-09-03?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.ts          |  21 ++--
 src/views/error-page/401.vue | 105 ----------------
 src/views/error-page/404.vue | 237 -----------------------------------
 src/views/layout/index.vue   |   1 +
 4 files changed, 11 insertions(+), 353 deletions(-)
 delete mode 100644 src/views/error-page/401.vue
 delete mode 100644 src/views/error-page/404.vue

diff --git a/src/router/index.ts b/src/router/index.ts
index a0dbdaca..7d195ce2 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -24,16 +24,6 @@ export const constantRoutes: RouteRecordRaw[] = [
                 name: 'Dashboard',
                 meta: { title: 'dashboard', icon: 'homepage', affix: true },
             },
-            {
-                path: '401',
-                component: () => import('@/views/error-page/401.vue'),
-                meta: { hidden: true },
-            },
-            {
-                path: '404',
-                component: () => import('@/views/error-page/404.vue'),
-                meta: { hidden: true },
-            },
         ],
     },
 ];
@@ -52,7 +42,16 @@ const router = createRouter({
  * 重置路由
  */
 export function resetRouter() {
-    router.replace({ path: '/login' });
+    router.replace({ path: '/dashboard' });
 }
+// 重定向到首页的守卫
+router.beforeEach((to, from, next) => {
+    if (to.matched.length === 0) {
+        //如果未匹配到路由
+        from.name ? next({ name: from.name }) : next({ path: '/' });
+    } else {
+        next();
+    }
+});
 
 export default router;
diff --git a/src/views/error-page/401.vue b/src/views/error-page/401.vue
deleted file mode 100644
index e34b93d8..00000000
--- a/src/views/error-page/401.vue
+++ /dev/null
@@ -1,105 +0,0 @@
-<!-- setup 无法设置组件名称，组件名称keepAlive必须 -->
-<script lang="ts">
-export default {
-    name: 'Page401',
-};
-</script>
-
-<script setup lang="ts">
-import { reactive, toRefs } from 'vue';
-import { useRouter } from 'vue-router';
-
-const state = reactive({
-    errGif: `../../assets/401_images/401.gif`,
-    ewizardClap: 'https://wpimg.wallstcn.com/007ef517-bafd-4066-aae4-6883632d9646',
-    dialogVisible: false,
-});
-
-const { errGif, ewizardClap, dialogVisible } = toRefs(state);
-
-const router = useRouter();
-
-function back() {
-    router.back();
-}
-</script>
-
-<template>
-    <div class="errPage-container">
-        <el-button icon="el-icon-arrow-left" class="pan-back-btn" @click="back"> 返回 </el-button>
-        <el-row>
-            <el-col :span="12">
-                <h1 class="text-jumbo text-ginormous">Oops!</h1>
-                gif来源<a href="https://zh.airbnb.com/" target="_blank">airbnb</a> 页面
-                <h2>你没有权限去该页面</h2>
-                <h6>如有不满请联系你领导</h6>
-                <ul class="list-unstyled">
-                    <li>或者你可以去:</li>
-                    <li class="link-type">
-                        <router-link to="/dashboard"> 回首页 </router-link>
-                    </li>
-                    <li class="link-type">
-                        <a href="https://www.taobao.com/">随便看看</a>
-                    </li>
-                    <li>
-                        <a href="#" @click.prevent="dialogVisible = true">点我看图</a>
-                    </li>
-                </ul>
-            </el-col>
-            <el-col :span="12">
-                <img :src="errGif" width="313" height="428" alt="Girl has dropped her ice cream." />
-            </el-col>
-        </el-row>
-        <el-dialog v-model="dialogVisible" title="随便看">
-            <img :src="ewizardClap" class="pan-img" />
-        </el-dialog>
-    </div>
-</template>
-
-<style lang="scss" scoped>
-.errPage-container {
-    width: 800px;
-    max-width: 100%;
-    margin: 100px auto;
-
-    .pan-back-btn {
-        color: #fff;
-        background: #008489;
-        border: none !important;
-    }
-
-    .pan-gif {
-        display: block;
-        margin: 0 auto;
-    }
-
-    .pan-img {
-        display: block;
-        width: 100%;
-        margin: 0 auto;
-    }
-
-    .text-jumbo {
-        font-size: 60px;
-        font-weight: 700;
-        color: #484848;
-    }
-
-    .list-unstyled {
-        font-size: 14px;
-
-        li {
-            padding-bottom: 5px;
-        }
-
-        a {
-            color: #008489;
-            text-decoration: none;
-
-            &:hover {
-                text-decoration: underline;
-            }
-        }
-    }
-}
-</style>
diff --git a/src/views/error-page/404.vue b/src/views/error-page/404.vue
deleted file mode 100644
index b95dab94..00000000
--- a/src/views/error-page/404.vue
+++ /dev/null
@@ -1,237 +0,0 @@
-<!-- setup 无法设置组件名称，组件名称keepAlive必须 -->
-<script lang="ts">
-export default {
-    name: 'Page404',
-};
-</script>
-
-<script setup lang="ts">
-function message() {
-    return 'The webmaster said that you can not enter this page...';
-}
-</script>
-
-<template>
-    <div class="wscn-http404-container"></div>
-</template>
-
-<style lang="scss" scoped>
-.wscn-http404-container {
-    position: absolute;
-    top: 40%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-}
-
-.wscn-http404 {
-    position: relative;
-    width: 1200px;
-    padding: 0 50px;
-    overflow: hidden;
-
-    .pic-404 {
-        position: relative;
-        float: left;
-        width: 600px;
-        overflow: hidden;
-
-        &__parent {
-            width: 100%;
-        }
-
-        &__child {
-            position: absolute;
-
-            &.left {
-                top: 17px;
-                left: 220px;
-                width: 80px;
-                opacity: 0;
-                animation-name: cloudLeft;
-                animation-duration: 2s;
-                animation-timing-function: linear;
-                animation-delay: 1s;
-                animation-fill-mode: forwards;
-            }
-
-            &.mid {
-                top: 10px;
-                left: 420px;
-                width: 46px;
-                opacity: 0;
-                animation-name: cloudMid;
-                animation-duration: 2s;
-                animation-timing-function: linear;
-                animation-delay: 1.2s;
-                animation-fill-mode: forwards;
-            }
-
-            &.right {
-                top: 100px;
-                left: 500px;
-                width: 62px;
-                opacity: 0;
-                animation-name: cloudRight;
-                animation-duration: 2s;
-                animation-timing-function: linear;
-                animation-delay: 1s;
-                animation-fill-mode: forwards;
-            }
-
-            @keyframes cloudLeft {
-                0% {
-                    top: 17px;
-                    left: 220px;
-                    opacity: 0;
-                }
-
-                20% {
-                    top: 33px;
-                    left: 188px;
-                    opacity: 1;
-                }
-
-                80% {
-                    top: 81px;
-                    left: 92px;
-                    opacity: 1;
-                }
-
-                100% {
-                    top: 97px;
-                    left: 60px;
-                    opacity: 0;
-                }
-            }
-
-            @keyframes cloudMid {
-                0% {
-                    top: 10px;
-                    left: 420px;
-                    opacity: 0;
-                }
-
-                20% {
-                    top: 40px;
-                    left: 360px;
-                    opacity: 1;
-                }
-
-                70% {
-                    top: 130px;
-                    left: 180px;
-                    opacity: 1;
-                }
-
-                100% {
-                    top: 160px;
-                    left: 120px;
-                    opacity: 0;
-                }
-            }
-
-            @keyframes cloudRight {
-                0% {
-                    top: 100px;
-                    left: 500px;
-                    opacity: 0;
-                }
-
-                20% {
-                    top: 120px;
-                    left: 460px;
-                    opacity: 1;
-                }
-
-                80% {
-                    top: 180px;
-                    left: 340px;
-                    opacity: 1;
-                }
-
-                100% {
-                    top: 200px;
-                    left: 300px;
-                    opacity: 0;
-                }
-            }
-        }
-    }
-
-    .bullshit {
-        position: relative;
-        float: left;
-        width: 300px;
-        padding: 30px 0;
-        overflow: hidden;
-
-        &__oops {
-            margin-bottom: 20px;
-            font-size: 32px;
-            font-weight: bold;
-            line-height: 40px;
-            color: #1482f0;
-            opacity: 0;
-            animation-name: slideUp;
-            animation-duration: 0.5s;
-            animation-fill-mode: forwards;
-        }
-
-        &__headline {
-            margin-bottom: 10px;
-            font-size: 20px;
-            font-weight: bold;
-            line-height: 24px;
-            color: #222;
-            opacity: 0;
-            animation-name: slideUp;
-            animation-duration: 0.5s;
-            animation-delay: 0.1s;
-            animation-fill-mode: forwards;
-        }
-
-        &__info {
-            margin-bottom: 30px;
-            font-size: 13px;
-            line-height: 21px;
-            color: grey;
-            opacity: 0;
-            animation-name: slideUp;
-            animation-duration: 0.5s;
-            animation-delay: 0.2s;
-            animation-fill-mode: forwards;
-        }
-
-        &__return-home {
-            display: block;
-            float: left;
-            width: 110px;
-            height: 36px;
-            font-size: 14px;
-            line-height: 36px;
-            color: #fff;
-            text-align: center;
-            cursor: pointer;
-            background: #1482f0;
-            border-radius: 100px;
-            opacity: 0;
-            animation-name: slideUp;
-            animation-duration: 0.5s;
-            animation-delay: 0.3s;
-            animation-fill-mode: forwards;
-        }
-
-        @keyframes slideUp {
-            0% {
-                opacity: 0;
-                transform: translateY(60px);
-            }
-
-            100% {
-                opacity: 1;
-                transform: translateY(0);
-            }
-        }
-    }
-}
-</style>
diff --git a/src/views/layout/index.vue b/src/views/layout/index.vue
index aab9c03c..511a0ae0 100644
--- a/src/views/layout/index.vue
+++ b/src/views/layout/index.vue
@@ -143,6 +143,7 @@ const save = () => {
 };
 const save_close = () => {
     formmat_form_data(form.value);
+    window.close();
 };
 const formmat_form_data = (data: diy_data_item) => {
     const clone_form = cloneDeep(data);