2022-01-06 02:00:42 +08:00
|
|
|
|
import { useRouter } from 'vue-router';
|
2022-01-05 01:35:32 +08:00
|
|
|
|
import type { RouteLocationRaw } from 'vue-router';
|
2022-01-06 02:00:42 +08:00
|
|
|
|
import { router as globalRouter, routeName } from '@/router';
|
2022-03-05 23:20:00 +08:00
|
|
|
|
import type { LoginModuleKey } from '@/interface';
|
2022-01-05 01:35:32 +08:00
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* 路由跳转
|
|
|
|
|
* @param inSetup - 是否在vue页面/组件的setup里面调用,在axios里面无法使用useRouter和useRoute
|
|
|
|
|
*/
|
2022-03-12 16:21:40 +08:00
|
|
|
|
export function useRouterPush(inSetup = true) {
|
2022-01-05 01:35:32 +08:00
|
|
|
|
const router = inSetup ? useRouter() : globalRouter;
|
2022-01-06 02:00:42 +08:00
|
|
|
|
const route = globalRouter.currentRoute;
|
2022-01-05 01:35:32 +08:00
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* 路由跳转
|
|
|
|
|
* @param to - 需要跳转的路由
|
|
|
|
|
* @param newTab - 是否在新的浏览器Tab标签打开
|
|
|
|
|
*/
|
|
|
|
|
function routerPush(to: RouteLocationRaw, newTab = false) {
|
|
|
|
|
if (newTab) {
|
|
|
|
|
const routerData = router.resolve(to);
|
|
|
|
|
window.open(routerData.href, '_blank');
|
|
|
|
|
} else {
|
|
|
|
|
router.push(to);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/** 返回上一级路由 */
|
|
|
|
|
function routerBack() {
|
|
|
|
|
router.go(-1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* 跳转首页
|
|
|
|
|
* @param newTab - 在新的浏览器标签打开
|
|
|
|
|
*/
|
|
|
|
|
function toHome(newTab = false) {
|
2022-01-06 02:00:42 +08:00
|
|
|
|
routerPush({ name: routeName('root') }, newTab);
|
2022-01-05 01:35:32 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* 跳转登录页面
|
|
|
|
|
* @param loginModule - 展示的登录模块
|
|
|
|
|
* @param redirectUrl - 重定向地址(登录成功后跳转的地址),默认undefined表示取当前地址为重定向地址
|
|
|
|
|
*/
|
|
|
|
|
function toLogin(loginModule?: LoginModuleKey, redirectUrl?: string) {
|
|
|
|
|
const module: LoginModuleKey = loginModule || 'pwd-login';
|
|
|
|
|
const routeLocation: RouteLocationRaw = {
|
2022-01-06 02:00:42 +08:00
|
|
|
|
name: routeName('login'),
|
2022-03-12 16:21:40 +08:00
|
|
|
|
params: { module },
|
2022-01-05 01:35:32 +08:00
|
|
|
|
};
|
2022-01-06 02:00:42 +08:00
|
|
|
|
const redirect = redirectUrl || route.value.fullPath;
|
2022-01-05 01:35:32 +08:00
|
|
|
|
Object.assign(routeLocation, { query: { redirect } });
|
|
|
|
|
routerPush(routeLocation);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* 登录页切换其他模块
|
|
|
|
|
* @param module - 切换后的登录模块
|
|
|
|
|
*/
|
|
|
|
|
function toLoginModule(module: LoginModuleKey) {
|
2022-01-06 02:00:42 +08:00
|
|
|
|
const { query } = route.value;
|
|
|
|
|
routerPush({ name: routeName('login'), params: { module }, query });
|
2022-01-05 01:35:32 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* 登录成功后跳转重定向的地址
|
|
|
|
|
*/
|
2022-01-06 02:00:42 +08:00
|
|
|
|
function toLoginRedirect() {
|
|
|
|
|
const { query } = route.value;
|
|
|
|
|
if (query?.redirect) {
|
|
|
|
|
routerPush(query.redirect as string);
|
2022-01-05 01:35:32 +08:00
|
|
|
|
} else {
|
|
|
|
|
toHome();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
routerPush,
|
|
|
|
|
routerBack,
|
|
|
|
|
toHome,
|
|
|
|
|
toLogin,
|
|
|
|
|
toLoginModule,
|
2022-03-12 16:21:40 +08:00
|
|
|
|
toLoginRedirect,
|
2022-01-05 01:35:32 +08:00
|
|
|
|
};
|
|
|
|
|
}
|