|
|
|
|
@ -1,7 +1,7 @@
|
|
|
|
|
import { setStore, getStore } from 'utils/store';// 从 'utils/store' 导入 setStore 和 getStore 方法
|
|
|
|
|
import website from '@/config/website';// 从项目的配置文件中导入 website 对象
|
|
|
|
|
import { setStore, getStore } from 'utils/store'; // 从 'utils/store' 导入 setStore 和 getStore 方法
|
|
|
|
|
import website from '@/config/website'; // 从项目的配置文件中导入 website 对象
|
|
|
|
|
|
|
|
|
|
const tagWel = website.fistPage;// 从 website 配置中获取第一个页面的配置
|
|
|
|
|
const tagWel = website.fistPage; // 从 website 配置中获取第一个页面的配置
|
|
|
|
|
const navs = { |
|
|
|
|
state: { |
|
|
|
|
tagList: getStore({ name: 'tagList' }) || [], // 尝试从本地存储获取标签列表，如果没有则设为空数组
|
|
|
|
|
@ -9,48 +9,67 @@ const navs = {
|
|
|
|
|
tagWel: tagWel, // 设置第一个页面的配置为 tagWel
|
|
|
|
|
}, |
|
|
|
|
mutations: { |
|
|
|
|
// 添加新的标签
|
|
|
|
|
// 添加新的标签
|
|
|
|
|
ADD_TAG: (state, action) => { |
|
|
|
|
if (typeof action.name == 'function') action.name = action.name(action.query); |
|
|
|
|
state.tag = action;// 设置当前的标签
|
|
|
|
|
setStore({ name: 'tag', content: state.tag });// 在本地存储中保存当前标签
|
|
|
|
|
state.tag = action; // 设置当前的标签
|
|
|
|
|
setStore({ name: 'tag', content: state.tag }); // 在本地存储中保存当前标签
|
|
|
|
|
if (state.tagList.some(ele => ele.fullPath == action.fullPath)) return; // 如果列表中已经有了这个标签则不添加
|
|
|
|
|
state.tagList.push(action);// 将新标签添加到列表中
|
|
|
|
|
state.tagList.push(action); // 将新标签添加到列表中
|
|
|
|
|
setStore({ name: 'tagList', content: state.tagList }); // 在本地存储中保存标签列表
|
|
|
|
|
}, |
|
|
|
|
// 关闭指定标签
|
|
|
|
|
DEL_TAG: (state, action) => { |
|
|
|
|
state.tagList = state.tagList.filter(item => { |
|
|
|
|
return item.fullPath !== action.fullPath;// 保留列表中不是指定路径的标签
|
|
|
|
|
return item.fullPath !== action.fullPath; // 保留列表中不是指定路径的标签
|
|
|
|
|
}); |
|
|
|
|
setStore({ name: 'tagList', content: state.tagList });// 更新本地存储中的标签列表
|
|
|
|
|
setStore({ name: 'tagList', content: state.tagList }); // 更新本地存储中的标签列表
|
|
|
|
|
}, |
|
|
|
|
// 关闭指定页面标签
|
|
|
|
|
DEL_ONCE_TAG: (state, action) => { |
|
|
|
|
const reg = new RegExp(action); |
|
|
|
|
|
|
|
|
|
state.tagList = state.tagList.filter(item => { |
|
|
|
|
return !reg.test(item.fullPath); // 保留列表中不是指定路径的标签
|
|
|
|
|
}); |
|
|
|
|
setStore({ name: 'tagList', content: state.tagList }); // 更新本地存储中的标签列表
|
|
|
|
|
}, |
|
|
|
|
// 关闭所有标签
|
|
|
|
|
DEL_ALL_TAG: (state, tagList = []) => { |
|
|
|
|
state.tagList = tagList;// 清空标签列表
|
|
|
|
|
setStore({ name: 'tagList', content: state.tagList });// 更新本地存储
|
|
|
|
|
state.tagList = tagList; // 清空标签列表
|
|
|
|
|
setStore({ name: 'tagList', content: state.tagList }); // 更新本地存储
|
|
|
|
|
}, |
|
|
|
|
// 关闭除了当前页面的所有页面
|
|
|
|
|
DEL_TAG_OTHER: state => { |
|
|
|
|
state.tagList = state.tagList.filter(item => { |
|
|
|
|
console.log("关闭其他111state.tag.fullPath, website.fistPage.path",state.tag.fullPath, website.fistPage.path,item); |
|
|
|
|
return [state.tag.fullPath, website.fistPage.path].includes(item.fullPath);// 保留当前路径和第一个页面的路径
|
|
|
|
|
console.log( |
|
|
|
|
'关闭其他111state.tag.fullPath, website.fistPage.path', |
|
|
|
|
state.tag.fullPath, |
|
|
|
|
website.fistPage.path, |
|
|
|
|
item |
|
|
|
|
); |
|
|
|
|
return [state.tag.fullPath, website.fistPage.path].includes(item.fullPath); // 保留当前路径和第一个页面的路径
|
|
|
|
|
}); |
|
|
|
|
console.log("2222state.tagList",state.tagList); |
|
|
|
|
setStore({ name: 'tagList', content: state.tagList });// 更新本地存储
|
|
|
|
|
console.log('2222state.tagList', state.tagList); |
|
|
|
|
setStore({ name: 'tagList', content: state.tagList }); // 更新本地存储
|
|
|
|
|
}, |
|
|
|
|
// 关闭当前页面
|
|
|
|
|
DEL_TAG_CURRENT: state => { |
|
|
|
|
state.tagList = state.tagList.filter(item => { |
|
|
|
|
console.log("state.tag.fullPath, website.fistPage.path",state.tag.fullPath, website.fistPage.path,item); |
|
|
|
|
console.log( |
|
|
|
|
'state.tag.fullPath, website.fistPage.path', |
|
|
|
|
state.tag.fullPath, |
|
|
|
|
website.fistPage.path, |
|
|
|
|
item |
|
|
|
|
); |
|
|
|
|
// const del = '3'
|
|
|
|
|
// this.demoData = this.demoData.filter((o) => {
|
|
|
|
|
// return state.tag.fullPath !== del
|
|
|
|
|
// })
|
|
|
|
|
return state.tag.fullPath !== item.fullPath;// 保留不是当前路径的标签
|
|
|
|
|
return state.tag.fullPath !== item.fullPath; // 保留不是当前路径的标签
|
|
|
|
|
}); |
|
|
|
|
// console.log("state.tagList",state.tagList);
|
|
|
|
|
setStore({ name: 'tagList', content: state.tagList });// 更新本地存储
|
|
|
|
|
setStore({ name: 'tagList', content: state.tagList }); // 更新本地存储
|
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
}; |
|
|
|
|
|
