1. 新增登录页面 2. 新增登录接口 3. 新增stores/userToken.js 保存登录状态登录和退出登录 和 stores/activeC...

hcong

2024-11-28 07b5dcb4905a15d0b39a51219d51c57fbd5ca4d1

 src/router/index.js

@@ -2,7 +2,9 @@
import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router'
import pinia from '../stores/index'
import { useLoadingStore } from '../stores/loadingStore'

import { useActiveCheck } from '@/stores/activeCheck';
import { useUserStore } from '@/stores/userToken';
import loginUtil from '../utils/loginUtil';
const routes = [
  // {
  //   //整改审核
@@ -84,6 +86,12 @@
    name: 'monitorPlanEdit',
    path: '/fysp/task/plan/edit',
    component: () => import('@/views/fysp/task/MonitorPlanEdit.vue')
  },
  {
    //监管任务计划编辑
    name: 'monitorTaskCreate',
    path: '/fysp/task/create',
    component: () => import('@/views/fysp/task/MonitorTaskCreate.vue')
  },
  {
    //问题审核
@@ -196,19 +204,48 @@
    name: 'userMatch',
    path: '/common/userMatch',
    component: () => import('@/views/common/UserMatch.vue')
  },
  {
    //文档生成测试
    name: 'docTest',
    path: '/common/docTest',
    component: () => import('@/views/DocTest.vue')
  },
  {
    //登陆
    name: 'loginView',
    path: '/common/loginView',
    component: () => import('@/views/LoginView.vue')
  }
]
];

const router = createRouter({
  // history: createWebHistory(import.meta.env.BASE_URL)
  history: createWebHashHistory(),
  routes: routes
})
});

const loadingStore = useLoadingStore(pinia)
const loadingStore = useLoadingStore(pinia);
const activeCheck = useActiveCheck(pinia);
const userStore = useUserStore(pinia);
// eslint-disable-next-line no-unused-vars
router.afterEach((to, from) => {
  loadingStore.clearLoading()
})

export { router, routes }
  loadingStore.clearLoading();
});
function loginJudge() {
  // 如果是未登录 尝试从cookie登录
  if (!userStore.isLoggedIn()) {
    loginUtil.loginFromCookie();
  }
  // 如果登录超时 跳转到登录页面
  if (!activeCheck.isActive()) {
    router.push('/common/loginView');
  }
}
router.beforeEach((to, from) => {
  // 添加登录验证
  if (to.fullPath !== '/common/loginView') {
    loginJudge();
  }
});
export { router, routes };