北斗应用技术培训报名系统

src/views/404page.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="common-layout w-h-full">
+    <el-text class="mx-1"> 404 not found </el-text>
+    <br />
+    <el-text class="mx-1"> 您搜索的页面不存在 </el-text>
+    <br />
+    <el-button type="primary" @click="backHome">返回首页</el-button>
+  </div>
+</template>
+
+<script setup>
+import { useRouter } from "vue-router";
+
+const router = useRouter();
+
+const backHome = () => {
+  router.push({ path: '/main' });
+};
+</script>
+
+<style scoped></style>

src/views/InitialService.vue

@@ -0,0 +1,62 @@
+<template>
+  <el-container class="w-h-full justify-center items-center bg-sky-200">
+    <el-main>
+      <Login v-show="pageMark == 'login'" @changePage="changePage" />
+      <Registered v-show="pageMark == 'registered'" @changePage="changePage" />
+      <ResetPassword v-show="pageMark == 'resetPassword'" @changePage="changePage" />
+    </el-main>
+  </el-container>
+</template>
+
+<script setup>
+import { ref, watch, onMounted } from "vue";
+
+import $http from "../api/index";
+import $url from "../api/url";
+
+import Login from "../components/initialService/login.vue";
+import Registered from "../components/initialService/registered.vue";
+import ResetPassword from "../components/initialService/resetPassword.vue";
+
+const pageMark = ref("login");
+
+const changePage = (value) => {
+  pageMark.value = value;
+};
+
+watch(pageMark, (value) => {});
+
+onMounted(() => {
+  if (
+    localStorage.data &&
+    localStorage.data !== "" &&
+    localStorage.data !== null &&
+    localStorage.data !== undefined &&
+    localStorage.data !== NaN
+  ) {
+    let client_id = "exam";
+    const data = {
+      data: localStorage.data,
+      client_id,
+    };
+    $http.post($url.loginStatus, data).then((res) => {
+      if (res.data.code === 200) {
+        localStorage.setItem("data", res.data.data);
+        if (
+          localStorage.data &&
+          localStorage.data !== "" &&
+          localStorage.data !== null &&
+          localStorage.data !== undefined &&
+          localStorage.data !== NaN
+        ) {
+          window.location.href = window.location.href.replace("/initialService", "/main");
+        }
+      } else {
+        localStorage.clear();
+      }
+    });
+  }
+});
+</script>
+
+<style scoped></style>

src/views/Main.vue

@@ -0,0 +1,19 @@
+<template>
+  <div class="common-layout w-h-full">
+    <el-container class="w-h-full">
+      <el-header style="padding: 0" height="120px">
+        <Header />
+      </el-header>
+      <el-main style="padding: 0">
+        <Main />
+      </el-main>
+    </el-container>
+  </div>
+</template>
+
+<script setup>
+import Header from "../components/pageStructure/header.vue";
+import Main from "../components/pageStructure/main.vue";
+</script>
+
+<style scoped></style>