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);
|
||
}
|
||
};
|