97 lines
3.0 KiB
TypeScript
97 lines
3.0 KiB
TypeScript
![]() |
import router from '@/router';
|
|||
|
import {RouteLocationMatched, RouteLocationNormalized, RouteLocationRaw} from 'vue-router';
|
|||
|
import useTagsViewStore from '@/store/modules/tagsView';
|
|||
|
|
|||
|
export default {
|
|||
|
/**
|
|||
|
* 刷新当前tab页签
|
|||
|
* @param obj 标签对象
|
|||
|
*/
|
|||
|
async refreshPage(obj?: RouteLocationNormalized): Promise<void> {
|
|||
|
const { path, query, matched } = router.currentRoute.value;
|
|||
|
if (obj === undefined) {
|
|||
|
matched.forEach((m: RouteLocationMatched) => {
|
|||
|
if (m.components && m.components.default && m.components.default.name) {
|
|||
|
if (!['Layout', 'ParentView'].includes(m.components.default.name)) {
|
|||
|
obj = {
|
|||
|
name: m.components.default.name,
|
|||
|
path: path,
|
|||
|
query: query,
|
|||
|
matched: undefined,
|
|||
|
fullPath: undefined,
|
|||
|
hash: undefined,
|
|||
|
params: undefined,
|
|||
|
redirectedFrom: undefined,
|
|||
|
meta: undefined
|
|||
|
};
|
|||
|
}
|
|||
|
}
|
|||
|
});
|
|||
|
}
|
|||
|
let query1: undefined | {} = {};
|
|||
|
let path1: undefined | string = '';
|
|||
|
if (obj) {
|
|||
|
query1 = obj.query;
|
|||
|
path1 = obj.path;
|
|||
|
}
|
|||
|
await useTagsViewStore().delCachedView(obj);
|
|||
|
await router.replace({
|
|||
|
path: '/redirect' + path1,
|
|||
|
query: query1
|
|||
|
});
|
|||
|
},
|
|||
|
// 关闭当前tab页签,打开新页签
|
|||
|
closeOpenPage(obj: RouteLocationRaw): void {
|
|||
|
useTagsViewStore().delView(router.currentRoute.value);
|
|||
|
if (obj !== undefined) {
|
|||
|
router.push(obj);
|
|||
|
}
|
|||
|
},
|
|||
|
// 关闭指定tab页签
|
|||
|
async closePage(obj?: RouteLocationNormalized): Promise<{ visitedViews: RouteLocationNormalized[]; cachedViews: string[] } | any> {
|
|||
|
if (obj === undefined) {
|
|||
|
// prettier-ignore
|
|||
|
const { visitedViews } = await useTagsViewStore().delView(router.currentRoute.value)
|
|||
|
const latestView = visitedViews.slice(-1)[0];
|
|||
|
if (latestView) {
|
|||
|
return router.push(latestView.fullPath);
|
|||
|
}
|
|||
|
return router.push('/');
|
|||
|
}
|
|||
|
return useTagsViewStore().delView(obj);
|
|||
|
},
|
|||
|
// 关闭所有tab页签
|
|||
|
closeAllPage() {
|
|||
|
return useTagsViewStore().delAllViews();
|
|||
|
},
|
|||
|
// 关闭左侧tab页签
|
|||
|
closeLeftPage(obj?: RouteLocationNormalized) {
|
|||
|
return useTagsViewStore().delLeftTags(obj || router.currentRoute.value);
|
|||
|
},
|
|||
|
// 关闭右侧tab页签
|
|||
|
closeRightPage(obj?: RouteLocationNormalized) {
|
|||
|
return useTagsViewStore().delRightTags(obj || router.currentRoute.value);
|
|||
|
},
|
|||
|
// 关闭其他tab页签
|
|||
|
closeOtherPage(obj?: RouteLocationNormalized) {
|
|||
|
return useTagsViewStore().delOthersViews(obj || router.currentRoute.value);
|
|||
|
},
|
|||
|
/**
|
|||
|
* 打开tab页签
|
|||
|
* @param url 路由地址
|
|||
|
* @param title 标题
|
|||
|
* @param query 参数
|
|||
|
*/
|
|||
|
openPage(url: string, title?: string, query?: any) {
|
|||
|
const obj = { path: url, query: { ...query, title } };
|
|||
|
return router.push(obj);
|
|||
|
},
|
|||
|
/**
|
|||
|
* 修改tab页签
|
|||
|
* @param obj 标签对象
|
|||
|
*/
|
|||
|
updatePage(obj: RouteLocationNormalized) {
|
|||
|
return useTagsViewStore().updateVisitedView(obj);
|
|||
|
}
|
|||
|
};
|