longjieli
4 months ago
12 changed files with 221 additions and 263 deletions
Unified 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 { | .login { | ||||
| height: 100vh; | height: 100vh; | ||||
| background: #ffffff; | background: #ffffff; | ||||
| &-logo { | &-logo { | ||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: center; | |||||
| height: 504rpx; | height: 504rpx; | ||||
| background: linear-gradient(360deg, #FFFFFF 0%, #FFBF60 99%); | background: linear-gradient(360deg, #FFFFFF 0%, #FFBF60 99%); | ||||
| image{ | image{ | ||||
| width: 100%; | |||||
| height: 100%; | |||||
| width: 180rpx; | |||||
| height: 180rpx; | |||||
| } | } | ||||
| } | } | ||||
| &-submit{ | &-submit{ | ||||
| padding: 0 76rpx; | 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 = { | const getters = { | ||||
| token: state => state.user.token, | token: state => state.user.token, | ||||
| userInfo: state => state.user.userInfo, | |||||
| avatar: state => state.user.avatar, | avatar: state => state.user.avatar, | ||||
| name: state => state.user.name, | name: state => state.user.name, | ||||
| roles: state => state.user.roles, | roles: state => state.user.roles, | ||||
| permissions: state => state.user.permissions, | permissions: state => state.user.permissions, | ||||
| isLogin: state=>state.user.isLogin | |||||
| isLogin: state=>state.user.isLogin, | |||||
| configList: state => state.system.configList | |||||
| } | } | ||||
| export default getters | 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 storage from '@/utils/storage' | ||||
| import constant from '@/utils/constant' | 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 baseUrl = currentUrl | ||||
| const user = { | 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 | |||||