增加自定义皮肤功能 清理无用文件

web/src/store/module/user.js

@@ -1,7 +1,9 @@
 import { login } from '@/api/user'
 import { jsonInBlacklist } from '@/api/jwt'
 import router from '@/router/index'
-import variables from '@/style/element_visiable.scss'
+import { setUserInfo } from '@/api/user'
+import { Message } from 'element-ui'
+
 export const user = {
   namespaced: true,
   state: {
@@ -10,8 +12,9 @@ export const user = {
       nickName: '',
       headerImg: '',
       authority: '',
-      sideMode : 'dark',
-      theme: variables.colorPrimary,
+      sideMode: 'dark',
+      activeColor: '#1890ff',
+      baseColor: '#fff'
     },
     token: ''
   },
@@ -42,11 +45,14 @@ export const user = {
         ...userInfo
       }
     },
-    CHANGETHEME: (state, value) => {
-      state.theme = value
+    ChangeActiveColor: async(state, val) => {
+      state.userInfo.activeColor = val
     },
-    CHANGESIDEMODE: (state ,val) => {
-      state.sideMode = val
+    ChangeSideMode: async(state, val) => {
+      state.userInfo.sideMode = val
+    },
+    ChangeBaseColor: (state, val) => {
+      state.userInfo.baseColor = val
     }
   },
   actions: {
@@ -74,11 +80,35 @@ export const user = {
         commit('LoginOut')
       }
     },
-    changeTheme({ commit }, data) {
-      commit('CHANGETHEME', data)
+    async changeActiveColor({ commit, state }, data) {
+      const res = await setUserInfo({ activeColor: data, ID: state.userInfo.ID })
+      if (res.code === 0) {
+        commit('ChangeActiveColor', data)
+        Message({
+          type: 'success',
+          message: '设置成功'
+        })
+      }
     },
-    changeSideMode({ commit },data) {
-      commit('CHANGESIDEMODE',data)
+    async changeSideMode({ commit, state }, data) {
+      const res = await setUserInfo({ sideMode: data, ID: state.userInfo.ID })
+      if (res.code === 0) {
+        commit('ChangeSideMode', data)
+        Message({
+          type: 'success',
+          message: '设置成功'
+        })
+      }
+    },
+    async changeBaseColor({ commit, state }, data) {
+      const res = await setUserInfo({ baseColor: data, ID: state.userInfo.ID })
+      if (res.code === 0) {
+        commit('ChangeBaseColor', data)
+        Message({
+          type: 'success',
+          message: '设置成功'
+        })
+      }
     }
   },
   getters: {
@@ -88,8 +118,14 @@ export const user = {
     token(state) {
       return state.token
     },
-    getSideMode(state) {
-      return state.sideMode
+    sideMode(state) {
+      return state.userInfo.sideMode
+    },
+    baseColor(state) {
+      return state.userInfo.baseColor
+    },
+    activeColor(state) {
+      return state.userInfo.activeColor
     }
 
   }