1

src/store/modules/settings.js

@@ -0,0 +1,74 @@
+/**
+ * @author https://github.com/zxwk1998/vue-admin-better （不想保留author可删除）
+ * @description 所有全局配置的状态管理，如无必要请勿修改
+ */
+
+import defaultSettings from '@/config'
+
+const { tabsBar, logo, layout, header, themeBar } = defaultSettings
+const theme = JSON.parse(localStorage.getItem('vue-admin-better-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 }