/** * @author chuzhixin 1204505056@qq.com (不想保留author可删除) * @description 所有全局配置的状态管理,如无必要请勿修改 */ import defaultSettings from '@/config' const { tabsBar, logo, layout, header, themeBar } = defaultSettings const theme = JSON.parse(localStorage.getItem('vue-admin-beautiful-theme')) || '' const state = { tabsBar: theme.tabsBar || tabsBar, logo, collapse: false, layout: theme.layout || layout, header: theme.header || header, device: 'desktop', themeBar, } const getters = { collapse: (state) => state.collapse, device: (state) => state.device, header: (state) => state.header, layout: (state) => state.layout, logo: (state) => state.logo, tabsBar: (state) => state.tabsBar, themeBar: (state) => state.themeBar, } const mutations = { changeLayout: (state, layout) => { if (layout) state.layout = layout }, changeHeader: (state, header) => { if (header) state.header = header }, changeTabsBar: (state, tabsBar) => { if (tabsBar) state.tabsBar = tabsBar }, changeCollapse: (state) => { state.collapse = !state.collapse }, foldSideBar: (state) => { state.collapse = true }, openSideBar: (state) => { state.collapse = false }, toggleDevice: (state, device) => { state.device = device }, } const actions = { changeLayout({ commit }, layout) { commit('changeLayout', layout) }, changeHeader({ commit }, header) { commit('changeHeader', header) }, changeTabsBar({ commit }, tabsBar) { commit('changeTabsBar', tabsBar) }, changeCollapse({ commit }) { commit('changeCollapse') }, foldSideBar({ commit }) { commit('foldSideBar') }, openSideBar({ commit }) { commit('openSideBar') }, toggleDevice({ commit }, device) { commit('toggleDevice', device) }, } export default { state, getters, mutations, actions }