前端部分更新

2026-06-26 17:39:57 +08:00
parent 628a63a250
commit d38cbdbf07
165 changed files with 35393 additions and 284 deletions
@@ -0,0 +1,58 @@
+<script lang="ts">
+import { IObject } from "@/types/interface";
+import { defineComponent } from "vue";
+import { useRoute, useRouter } from "vue-router";
+
+interface ITip {
+  title: string;
+  message: string;
+}
+
+export default defineComponent({
+  setup() {
+    const route = useRoute();
+    const router = useRouter();
+    const { to } = route.query;
+    const tips: IObject = {
+      404: {
+        title: "404",
+        message: "访问页面不存在"
+      },
+      error: {
+        title: "错误",
+        message: "访问出错了"
+      }
+    };
+    const tip: ITip = tips[to?.toString() ?? "error"];
+    const onBack = () => {
+      router.back();
+    };
+    const onToHome = () => {
+      router.replace("/");
+    };
+    return { tip, onBack, onToHome };
+  }
+});
+</script>
+
+<template>
+  <div class="rr-error">
+    <el-result>
+      <template v-slot:icon>
+        <el-icon style="font-size: 64px; color: #f5222d"><warning /></el-icon>
+      </template>
+      <template v-slot:title>
+        <span style="font-size: 48px; font-weight: 800">{{ tip.title }}</span>
+      </template>
+      <template v-slot:subTitle>
+        <span style="font-size: 36px">{{ tip.message }}</span>
+      </template>
+      <template v-slot:extra>
+        <el-space :size="30">
+          <el-button type="info" plain @click="onBack"> 返回 </el-button>
+          <el-button type="primary" @click="onToHome"> 主页 </el-button>
+        </el-space>
+      </template>
+    </el-result>
+  </div>
+</template>