Compare commits
No commits in common. '714b4ad4ab164e29bff4cde63bcd112e8b1acc63' and '7fdd1a5829a325199aa348807a7d1c4060d6f438' have entirely different histories.
714b4ad4ab
...
7fdd1a5829
@ -1,116 +1,80 @@
|
|||||||
import { defineStore } from 'pinia'
|
import { defineStore } from 'pinia'
|
||||||
import router from '@/router'
|
import router from '@/router'
|
||||||
|
|
||||||
// 定义名为 'common' 的 Pinia Store
|
|
||||||
export const useCommonStore = defineStore('common', {
|
export const useCommonStore = defineStore('common', {
|
||||||
// 状态 (state) - 存储应用的数据
|
state: () => {
|
||||||
state: () => ({
|
return {
|
||||||
// 页面文档可视高度(随窗口改变大小)
|
// 页面文档可视高度(随窗口改变大小)
|
||||||
documentClientHeight: 0,
|
documentClientHeight: 0,
|
||||||
// 侧边栏布局皮肤, light(浅色) / dark(黑色)
|
// 侧边栏, 布局皮肤, light(浅色) / dark(黑色)
|
||||||
sidebarLayoutSkin: 'dark',
|
sidebarLayoutSkin: 'dark',
|
||||||
// 侧边栏折叠状态
|
// 侧边栏, 折叠状态
|
||||||
sidebarFold: true,
|
sidebarFold: true,
|
||||||
// 侧边栏菜单列表
|
// 侧边栏, 菜单
|
||||||
menuList: [],
|
menuList: [],
|
||||||
// 当前激活的菜单名称
|
|
||||||
menuActiveName: '',
|
menuActiveName: '',
|
||||||
// 主入口标签页列表
|
// 主入口标签页
|
||||||
mainTabs: [],
|
mainTabs: [],
|
||||||
// 当前激活的主入口标签页名称
|
|
||||||
mainTabsActiveName: '',
|
mainTabsActiveName: '',
|
||||||
// 当前选择的标签链（用于面包屑导航）
|
// 当前选择的标签
|
||||||
selectMenu: [],
|
selectMenu: [],
|
||||||
// 路由列表
|
// 路由列表
|
||||||
routeList: [],
|
routeList: [],
|
||||||
// 菜单项 ID 列表
|
|
||||||
menuIds: [],
|
menuIds: [],
|
||||||
// 当前选中的左侧菜单 ID
|
|
||||||
selectLeftId: '',
|
selectLeftId: '',
|
||||||
// 当前选中的右侧菜单 ID
|
|
||||||
selectRightId: ''
|
selectRightId: ''
|
||||||
}),
|
}
|
||||||
|
},
|
||||||
// 动作 (actions) - 包含更改状态的逻辑
|
|
||||||
actions: {
|
actions: {
|
||||||
// 更新页面文档可视高度
|
|
||||||
updateDocumentClientHeight (height) {
|
updateDocumentClientHeight (height) {
|
||||||
this.documentClientHeight = height;
|
this.documentClientHeight = height
|
||||||
},
|
},
|
||||||
|
|
||||||
// 更新侧边栏折叠状态
|
|
||||||
updateSidebarFold (fold) {
|
updateSidebarFold (fold) {
|
||||||
this.sidebarFold = fold;
|
this.sidebarFold = fold
|
||||||
},
|
},
|
||||||
|
|
||||||
// 更新侧边栏菜单列表
|
|
||||||
updateMenuList (list) {
|
updateMenuList (list) {
|
||||||
this.menuList = list;
|
this.menuList = list
|
||||||
},
|
},
|
||||||
|
|
||||||
// 更新当前激活的菜单名称
|
|
||||||
updateMenuActiveName (name) {
|
updateMenuActiveName (name) {
|
||||||
this.menuActiveName = name;
|
this.menuActiveName = name
|
||||||
},
|
},
|
||||||
|
|
||||||
// 更新主入口标签页列表
|
|
||||||
updateMainTabs (tabs) {
|
updateMainTabs (tabs) {
|
||||||
this.mainTabs = tabs;
|
this.mainTabs = tabs
|
||||||
},
|
},
|
||||||
|
|
||||||
// 更新当前激活的主入口标签页名称
|
|
||||||
updateMainTabsActiveName (name) {
|
updateMainTabsActiveName (name) {
|
||||||
this.mainTabsActiveName = name;
|
this.mainTabsActiveName = name
|
||||||
},
|
},
|
||||||
|
|
||||||
// 更新路由列表
|
|
||||||
updateRouteList (list) {
|
updateRouteList (list) {
|
||||||
this.routeList = list;
|
this.routeList = list
|
||||||
},
|
},
|
||||||
|
|
||||||
// 更新当前选择的标签链（用于面包屑导航）
|
|
||||||
updateSelectMenu (list) {
|
updateSelectMenu (list) {
|
||||||
this.selectMenu = list;
|
this.selectMenu = list
|
||||||
},
|
},
|
||||||
|
|
||||||
// 更新当前选中的左侧菜单 ID
|
|
||||||
updateSelectLeftId (id) {
|
updateSelectLeftId (id) {
|
||||||
this.selectLeftId = id;
|
this.selectLeftId = id
|
||||||
},
|
},
|
||||||
|
|
||||||
// 更新当前选中的右侧菜单 ID
|
|
||||||
updateSelectRightId (id) {
|
updateSelectRightId (id) {
|
||||||
this.selectRightId = id;
|
this.selectRightId = id
|
||||||
},
|
},
|
||||||
|
|
||||||
// 替换当前选择的标签链的最后一项
|
|
||||||
replaceSelectMenu (title) {
|
replaceSelectMenu (title) {
|
||||||
this.selectMenu.splice(this.selectMenu.length - 1, 1, title);
|
this.selectMenu.splice(this.selectMenu.length - 1, 1, title)
|
||||||
},
|
},
|
||||||
|
|
||||||
// 更新菜单项 ID 列表，确保所有 ID 是字符串形式
|
|
||||||
updateMenuIds (list) {
|
updateMenuIds (list) {
|
||||||
this.menuIds = [];
|
this.menuIds = []
|
||||||
list.forEach(menu => {
|
list.forEach(menu => {
|
||||||
this.menuIds.push(String(menu.menuId + ''));
|
this.menuIds.push(String(menu.menuId + ''))
|
||||||
});
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
// 移除当前激活的主入口标签页，并处理相关逻辑
|
|
||||||
removeMainActiveTab () {
|
removeMainActiveTab () {
|
||||||
// 过滤掉当前激活的标签页
|
this.mainTabs = this.mainTabs.filter(item => item.name !== this.mainTabsActiveName)
|
||||||
this.mainTabs = this.mainTabs.filter(item => item.name !== this.mainTabsActiveName);
|
|
||||||
|
|
||||||
if (this.mainTabs.length >= 1) {
|
if (this.mainTabs.length >= 1) {
|
||||||
// 如果还有其他标签页，则切换到最后一个标签页
|
// 当前选中tab被删除
|
||||||
router.push({ name: this.mainTabs[this.mainTabs.length - 1].name }, () => {
|
router.push({ name: this.mainTabs[this.mainTabs.length - 1].name }, () => {
|
||||||
this.mainTabsActiveName = this.mainTabs[this.mainTabs.length - 1].name;
|
this.mainTabsActiveName = this.mainTabs[this.mainTabs.length - 1].name
|
||||||
});
|
})
|
||||||
} else {
|
} else {
|
||||||
// 如果没有其他标签页，则重置菜单激活名称并跳转到主页
|
this.menuActiveName = ''
|
||||||
this.menuActiveName = '';
|
router.push({ name: 'home' })
|
||||||
router.push({ name: 'home' });
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
})
|
||||||
|
|||||||
Loading…
Reference in new issue