完善

src/stores/modules/layout.js

@@ -11,6 +11,15 @@ export const useLayoutStore = defineStore(
 		// 侧边栏折叠状态
 		const sidebarCollapsed = ref(false)
 
+		// 主题颜色
+		const themeColor = ref('#1890ff')
+
+		// 显示标签栏
+		const showTags = ref(true)
+
+		// 显示面包屑
+		const showBreadcrumb = ref(true)
+
 		// 当前选中的父菜单（用于双栏布局）
 		const selectedParentMenu = ref(null)
 
@@ -55,24 +64,57 @@ export const useLayoutStore = defineStore(
 			viewTags.value = []
 		}
 
+		// 设置主题颜色
+		const setThemeColor = (color) => {
+			themeColor.value = color
+			document.documentElement.style.setProperty('--primary-color', color)
+		}
+
+		// 设置标签栏显示
+		const setShowTags = (show) => {
+			showTags.value = show
+			document.documentElement.style.setProperty('--show-tags', show ? 'block' : 'none')
+		}
+
+		// 设置面包屑显示
+		const setShowBreadcrumb = (show) => {
+			showBreadcrumb.value = show
+		}
+
+		// 重置主题设置
+		const resetTheme = () => {
+			themeColor.value = '#1890ff'
+			showTags.value = true
+			showBreadcrumb.value = true
+			document.documentElement.style.setProperty('--primary-color', '#1890ff')
+			document.documentElement.style.setProperty('--show-tags', 'block')
+		}
+
 		return {
 			layoutMode,
 			sidebarCollapsed,
 			selectedParentMenu,
 			viewTags,
+			themeColor,
+			showTags,
+			showBreadcrumb,
 			toggleSidebar,
 			setLayoutMode,
 			setSelectedParentMenu,
 			updateViewTags,
 			removeViewTags,
 			clearViewTags,
+			setThemeColor,
+			setShowTags,
+			setShowBreadcrumb,
+			resetTheme,
 		}
 	},
 	{
 		persist: {
 			key: 'layout-store',
 			storage: customStorage,
-			pick: ['layoutMode', 'sidebarCollapsed']
-		}
-	}
+			pick: ['layoutMode', 'sidebarCollapsed', 'themeColor', 'showTags', 'showBreadcrumb'],
+		},
+	},
 )