.

src/store/modules/app.ts

@@ -0,0 +1,47 @@
+import {Module} from "vuex";
+import {RootStateTypes, AppState} from "@store/interface";
+import {Local} from "@utils/storage";
+
+const appModule: Module<AppState, RootStateTypes> = {
+    namespaced: true,
+    state: {
+        device: 'desktop',
+        sidebar: {
+            opened: Local.get('sidebarStatus') ? !!+Local.get('sidebarStatus') : true,
+            withoutAnimation: false
+        }
+    },
+    mutations: {
+        TOGGLE_SIDEBAR: state => {
+            state.sidebar.opened = !state.sidebar.opened
+            state.sidebar.withoutAnimation = false
+            if (state.sidebar.opened) {
+                Local.set('sidebarStatus', 1)
+            } else {
+                Local.set('sidebarStatus', 0)
+            }
+        },
+        CLOSE_SIDEBAR: (state, withoutAnimation) => {
+            Local.set('sidebarStatus', 0)
+            state.sidebar.opened = false
+            state.sidebar.withoutAnimation = withoutAnimation
+        },
+        TOGGLE_DEVICE: (state, device) => {
+            state.device = device
+        }
+    },
+    actions: {
+        toggleSideBar({commit}) {
+            commit('TOGGLE_SIDEBAR')
+        },
+        closeSideBar({commit}, {withoutAnimation}) {
+            commit('CLOSE_SIDEBAR', withoutAnimation)
+        },
+        toggleDevice({commit}, device) {
+            commit('TOGGLE_DEVICE', device)
+        }
+    }
+}
+
+export default appModule;
+

src/store/modules/user.ts

@@ -1,8 +1,7 @@
 import {Module} from "vuex";
 import {UserState, RootStateTypes} from "@store/interface";
 import {Local} from "@utils/storage";
-import {getUserInfo, login,logout} from "@api/login"
-
+import {getUserInfo, login, logout} from "@api/login"
 
 const getDefaultState = () => {
     return {
@@ -14,7 +13,6 @@ const getDefaultState = () => {
     }
 }
 
-
 const userModule: Module<UserState, RootStateTypes> = {
     namespaced: true,
     state: {
@@ -104,12 +102,12 @@ const userModule: Module<UserState, RootStateTypes> = {
         /**
          *  注销
          */
-        logout({commit,state}){
+        logout({commit, state}) {
             return new Promise(((resolve, reject) => {
-                logout().then(()=>{
+                logout().then(() => {
                     Local.remove('token')
                     commit('RESET_STATE')
-                }).catch(error=>{
+                }).catch(error => {
                     reject(error)
                 })
             }))