longjieli
3 months ago
12 changed files with 221 additions and 263 deletions
Split View
Diff Options
-
+3 -1App.vue
-
+2 -0main.js
-
+12 -12pages.json
-
+7 -3pages/login/index.scss
-
+18 -22pages/login/index.vue
-
+91 -87pages/login/wxUserInfo.vue
-
+11 -4pages/userManage/index.vue
-
+16 -34pages/workbenchManage/index.vue
-
+3 -1store/getters.js
-
+2 -2store/modules/system.js
-
+56 -95store/modules/user.js
-
+0 -2utils/request.js
+ 3
- 1
App.vue
View File
+ 2
- 0
main.js
View File
+ 12
- 12
pages.json
View File
+ 7
- 3
pages/login/index.scss
View File
| @ -1,16 +1,20 @@ | |||
| .login { | |||
| height: 100vh; | |||
| background: #ffffff; | |||
| &-logo { | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: center; | |||
| height: 504rpx; | |||
| background: linear-gradient(360deg, #FFFFFF 0%, #FFBF60 99%); | |||
| image{ | |||
| width: 100%; | |||
| height: 100%; | |||
| width: 180rpx; | |||
| height: 180rpx; | |||
| } | |||
| } | |||
| &-submit{ | |||
| padding: 0 76rpx; | |||
| margin: 204rpx 0 40rpx 0; | |||
| margin: 150rpx 0 40rpx 0; | |||
| } | |||
| } | |||
+ 18
- 22
pages/login/index.vue
View File
+ 91
- 87
pages/login/wxUserInfo.vue
View File
+ 11
- 4
pages/userManage/index.vue
View File
+ 16
- 34
pages/workbenchManage/index.vue
View File
+ 3
- 1
store/getters.js
View File
| @ -1,9 +1,11 @@ | |||
| const getters = { | |||
| token: state => state.user.token, | |||
| userInfo: state => state.user.userInfo, | |||
| avatar: state => state.user.avatar, | |||
| name: state => state.user.name, | |||
| roles: state => state.user.roles, | |||
| permissions: state => state.user.permissions, | |||
| isLogin: state=>state.user.isLogin | |||
| isLogin: state=>state.user.isLogin, | |||
| configList: state => state.system.configList | |||
| } | |||
| export default getters | |||
+ 2
- 2
store/modules/system.js
View File
+ 56
- 95
store/modules/user.js
View File
| @ -1,105 +1,66 @@ | |||
| import storage from '@/utils/storage' | |||
| import constant from '@/utils/constant' | |||
| import {getInfo, login, logout} from '@/api/login' | |||
| import {getIsLogin, getToken, removeToken, setIsLogin, setToken} from '@/utils/auth' | |||
| import {currentUrl} from '@/utils/getUrl' | |||
| import { | |||
| getInfo, | |||
| login, | |||
| logout | |||
| } from '@/api/login' | |||
| import { | |||
| getIsLogin, | |||
| getToken, | |||
| removeToken, | |||
| setIsLogin, | |||
| setToken | |||
| } from '@/utils/auth' | |||
| import { | |||
| currentUrl | |||
| } from '@/utils/getUrl' | |||
| import { | |||
| wxLogin | |||
| } from "../../api/system/user"; | |||
| const baseUrl = currentUrl | |||
| const user = { | |||
| state: { | |||
| token: getToken(), | |||
| name: storage.get(constant.name), | |||
| avatar: storage.get(constant.avatar), | |||
| roles: storage.get(constant.roles), | |||
| permissions: storage.get(constant.permissions), | |||
| isLogin: getIsLogin(constant.isLogin) | |||
| }, | |||
| state: { | |||
| accessToken: uni.getStorageSync("token") || "", | |||
| userInfo: uni.getStorageSync("baseInfo") ? JSON.parse(uni.getStorageSync("baseInfo")) : {} | |||
| }, | |||
| mutations: { | |||
| SET_TOKEN: (state, token) => { | |||
| state.token = token | |||
| }, | |||
| SET_NAME: (state, name) => { | |||
| state.name = name | |||
| storage.set(constant.name, name) | |||
| }, | |||
| SET_AVATAR: (state, avatar) => { | |||
| state.avatar = avatar | |||
| storage.set(constant.avatar, avatar) | |||
| }, | |||
| SET_ROLES: (state, roles) => { | |||
| state.roles = roles | |||
| storage.set(constant.roles, roles) | |||
| }, | |||
| SET_PERMISSIONS: (state, permissions) => { | |||
| state.permissions = permissions | |||
| storage.set(constant.permissions, permissions) | |||
| }, | |||
| SET_IsLOGIN: (state, isLogin) => { | |||
| state.isLogin = isLogin | |||
| storage.set(constant.isLogin, isLogin) | |||
| } | |||
| }, | |||
| mutations: { | |||
| // 设置token | |||
| setAccessToken(state, token) { | |||
| state.accessToken = token; | |||
| }, | |||
| actions: { | |||
| // 登录 | |||
| Login({commit}, userInfo) { | |||
| const username = userInfo.username.trim() | |||
| const password = userInfo.password | |||
| const code = userInfo.code | |||
| const uuid = userInfo.uuid | |||
| return new Promise((resolve, reject) => { | |||
| login(username, password, code, uuid).then(res => { | |||
| setToken(res.token) | |||
| setIsLogin(true) | |||
| commit('SET_TOKEN', res.token) | |||
| commit('SET_IsLOGIN', true) | |||
| resolve() | |||
| }).catch(error => { | |||
| reject(error) | |||
| }) | |||
| }) | |||
| }, | |||
| // 设置用户信息 | |||
| setUserInfo(state,userInfo) { | |||
| state.userInfo = userInfo; | |||
| } | |||
| }, | |||
| // 获取用户信息 | |||
| GetInfo({commit, state}) { | |||
| return new Promise((resolve, reject) => { | |||
| getInfo().then(res => { | |||
| const user = res.user | |||
| const avatar = (user == null || user.avatar == "" || user.avatar == null) ? require("@/static/images/profile.jpg") : baseUrl + user.avatar | |||
| const username = (user == null || user.userName == "" || user.userName == null) ? "" : user.userName | |||
| if (res.roles && res.roles.length > 0) { | |||
| commit('SET_ROLES', res.roles) | |||
| commit('SET_PERMISSIONS', res.permissions) | |||
| } else { | |||
| commit('SET_ROLES', ['ROLE_DEFAULT']) | |||
| } | |||
| commit('SET_NAME', username) | |||
| commit('SET_AVATAR', avatar) | |||
| resolve(res) | |||
| }).catch(error => { | |||
| reject(error) | |||
| }) | |||
| }) | |||
| }, | |||
| // 退出系统 | |||
| LogOut({commit, state}) { | |||
| return new Promise((resolve, reject) => { | |||
| logout(state.token).then(() => { | |||
| commit('SET_TOKEN', '') | |||
| commit('SET_ROLES', []) | |||
| commit('SET_PERMISSIONS', []) | |||
| commit('SET_IsLOGIN', false) | |||
| removeToken() | |||
| storage.clean() | |||
| resolve() | |||
| }).catch(error => { | |||
| reject(error) | |||
| }) | |||
| }) | |||
| } | |||
| } | |||
| actions: { | |||
| login(context) { | |||
| uni.login({ | |||
| success: (res) => { | |||
| const code = res.code | |||
| wxLogin({ | |||
| code | |||
| }).then(res => { | |||
| if (res.code === 200) { | |||
| uni.setStorageSync("token", res.data.token) | |||
| uni.setStorageSync("baseInfo", JSON.stringify(res.data.userInfo)) | |||
| context.commit('setAccessToken', res.data.token); | |||
| context.commit('setUserInfo', res.data.userInfo); | |||
| setIsLogin("isLogin",true); | |||
| uni.navigateTo({ | |||
| url: "/pages/login/wxUserInfo" | |||
| }) | |||
| } | |||
| }) | |||
| } | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| export default user | |||
| export default user | |||