feat:登录页功能开发

src/router/index.js

 import { createRouter, createWebHistory } from "vue-router";
+import { getIsLoggedIn } from "@/utils/auth";
 const Home = () => import('@/views/home/index.vue')
 const DataLibrary = () => import('@/views/dataLibrary/index.vue')
 
@@ -21,6 +22,14 @@ const dataRoutes = Object.keys(datas).reduce((acc, path) => {
 }, [])
 
 const routes = [
+  {
+    path: "/login",
+    name: "Login",
+    component: () => import("@/views/login/index.vue"),
+    meta: {
+      title: "登录"
+    }
+  },
   {
     path: "/",
     name: "Home",
@@ -66,6 +75,19 @@ const router = createRouter({
 
 // 路由守卫 - 设置页面标题
 router.beforeEach((to, from, next) => {
+  // 登录态仅保存在运行时内存：刷新/重启后都需重新登录
+  const isAuthed = getIsLoggedIn();
+
+  const isLoginRoute = to.name === "Login" || /^\/login\/?$/.test(String(to.path || ""));
+
+  if (!isLoginRoute && !isAuthed) {
+    next({
+      path: "/login",
+      query: { redirect: to.fullPath }
+    });
+    return;
+  }
+
   if (to.meta.title) {
     if (to.meta.dynamicTitle) {
       console.log('to', to);

src/router/modules/ZMOverView.js

@@ -4,7 +4,7 @@ const ZMOverview = () => import('@/views/ZMOverView/index.vue')
 const ZMOverviewRoutes = [
     {
     path: "/",
-    redirect: "/ZMOverView"
+    redirect: "/login"
   },
   {
     path: "/ZMOverView",

src/utils/auth.js

+let isLoggedIn = false;
+
+export const getIsLoggedIn = () => isLoggedIn;
+
+export const setIsLoggedIn = (val) => {
+	isLoggedIn = Boolean(val);
+};
+

src/views/thinkTank/MultiThinkTankViewAnalysis/index.vue

@@ -207,7 +207,7 @@
               <div class="thinkTank-view">
                 <div class="thinkTank-image">
                   <img src="../assets/images/rand-image.png" alt="" />
-                </div>
+      </div>
                 {{ `${domainName} ${consensusList.length + differenceList.length}条` }}
               </div>
             </div> -->
@@ -1479,7 +1479,7 @@ onMounted(async () => {
 
         .page-box {
           margin-top: 21px;
-          align-items: center;
+        align-items: center;
           justify-content: center;
           display: flex;
         }