suojin
/
qilu_hospital_front
16
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

实现单点登录

Browse Source
main
jinna 2 years ago
parent ddf5b860fc
commit ba92438b91
6 changed files with 470 additions and 304 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 245
      src/api/user.js
  2. 18
      src/api/wirelessintrusion/wirelessintrusion.js
  3. 40
      src/config/website.js
  4. 55
      src/page/login/userlogin.vue
  5. 412
      src/store/modules/user.js
  6. 4
      vue.config.js

245
src/api/user.js
Unescape View File

@ -1,126 +1,147 @@
import request from '@/router/axios'; import request from "@/router/axios";
import website from "@/config/website"; import website from "@/config/website";
export const loginByUsername = (tenantId, deptId, roleId, username, password, type, key, code) => request({ export const loginByUsername = (
url: '/api/blade-auth/oauth/token', tenantId,
method: 'post', deptId,
headers: { roleId,
'Tenant-Id': tenantId, username,
'Dept-Id': (website.switchMode ? deptId : ''), password,
'Role-Id': (website.switchMode ? roleId : ''), type,
'Captcha-Key': key, key,
'Captcha-Code': code, code
}, ) =>
params: { request({
tenantId, url: "/api/blade-auth/oauth/token",
username, method: "post",
password, headers: {
grant_type: (website.captchaMode ? "captcha" : "password"), "Tenant-Id": tenantId,
scope: "all", "Dept-Id": website.switchMode ? deptId : "",
type "Role-Id": website.switchMode ? roleId : "",
} "Captcha-Key": key,
}); "Captcha-Code": code,
},
params: {
tenantId,
username,
password,
grant_type: website.isTokenMode ? "nopassword" : "password",
scope: "all",
type,
},
});
export const loginBySocial = (tenantId, source, code, state) => request({ export const loginBySocial = (tenantId, source, code, state) =>
url: '/api/blade-auth/oauth/token', request({
method: 'post', url: "/api/blade-auth/oauth/token",
headers: { method: "post",
'Tenant-Id': tenantId headers: {
}, "Tenant-Id": tenantId,
params: { },
tenantId, params: {
source, tenantId,
code, source,
state, code,
grant_type: "social", state,
scope: "all", grant_type: "social",
} scope: "all",
}) },
});
export const loginBySso = (state, code) => request({ export const loginBySso = (state, code) =>
url: '/api/blade-auth/oauth/token', request({
method: 'post', url: "/api/blade-auth/oauth/token",
headers: { method: "post",
'Tenant-Id': state headers: {
}, "Tenant-Id": state,
params: { },
tenantId: state, params: {
code, tenantId: state,
grant_type: "authorization_code", code,
scope: "all", grant_type: "authorization_code",
redirect_uri: website.redirectUri, scope: "all",
} redirect_uri: website.redirectUri,
}) },
});
export const refreshToken = (refresh_token, tenantId, deptId, roleId) => request({ export const refreshToken = (refresh_token, tenantId, deptId, roleId) =>
url: '/api/blade-auth/oauth/token', request({
method: 'post', url: "/api/blade-auth/oauth/token",
headers: { method: "post",
'Tenant-Id': tenantId, headers: {
'Dept-Id': (website.switchMode ? deptId : ''), "Tenant-Id": tenantId,
'Role-Id': (website.switchMode ? roleId : '') "Dept-Id": website.switchMode ? deptId : "",
}, "Role-Id": website.switchMode ? roleId : "",
params: { },
tenantId, params: {
refresh_token, tenantId,
grant_type: "refresh_token", refresh_token,
scope: "all", grant_type: "refresh_token",
} scope: "all",
}); },
});
export const registerGuest = (form, oauthId) => request({ export const registerGuest = (form, oauthId) =>
url: '/api/blade-system/user/register-guest', request({
method: 'post', url: "/api/blade-system/user/register-guest",
params: { method: "post",
tenantId: form.tenantId, params: {
name: form.name, tenantId: form.tenantId,
account: form.account, name: form.name,
password: form.password, account: form.account,
oauthId password: form.password,
} oauthId,
}); },
});
export const getButtons = () => request({ export const getButtons = () =>
url: '/api/blade-system/menu/buttons', request({
method: 'get' url: "/api/blade-system/menu/buttons",
}); method: "get",
});
export const getCaptcha = () => request({ export const getCaptcha = () =>
url: '/api/blade-auth/oauth/captcha', request({
method: 'get', url: "/api/blade-auth/oauth/captcha",
authorization: false method: "get",
}); authorization: false,
});
export const logout = () => request({ export const logout = () =>
url: '/api/blade-auth/oauth/logout', request({
method: 'get', url: "/api/blade-auth/oauth/logout",
authorization: false method: "get",
}); authorization: false,
});
export const getUserInfo = () => request({ export const getUserInfo = () =>
url: '/api/blade-auth/oauth/user-info', request({
method: 'get' url: "/api/blade-auth/oauth/user-info",
}); method: "get",
});
export const sendLogs = (list) => request({ export const sendLogs = (list) =>
url: '/api/blade-auth/oauth/logout', request({
method: 'post', url: "/api/blade-auth/oauth/logout",
data: list method: "post",
}); data: list,
});
export const clearCache = () => request({ export const clearCache = () =>
url: '/api/blade-auth/oauth/clear-cache', request({
method: 'get', url: "/api/blade-auth/oauth/clear-cache",
authorization: false method: "get",
}); authorization: false,
});
//授权登录 //授权登录
export const loginByAuth = (applyType, username, password) => request({ export const loginByAuth = (applyType, username, password) =>
url: '/authApi/system/sys-sub/login', request({
method: 'post', url: "/authApi/system/sys-sub/login",
data: { method: "post",
applyType, data: {
username, applyType,
password username,
} password,
}); },
});

18
src/api/wirelessintrusion/wirelessintrusion.js
Unescape View File

@ -261,3 +261,21 @@ export const closeDecive = (data) => {
params: data, params: data,
}); });
}; };
// // 根据token获取用户名
// export const getUserAccount = (query) => {
// return request({
// url: "http://171.16.8.58:82/homepageapi/system/sys-sub/token/checkToken",
// method: "get",
// params: query,
// });
// };
// 根据用户名获取密码
export const getPassword = (query) => {
return request({
url: "/api/alarmInformation/getPassword",
method: "get",
params: query,
});
};

40
src/config/website.js
Unescape View File

@ -4,17 +4,18 @@
export default { export default {
title: "saber", title: "saber",
logo: "S", logo: "S",
key: 'saber',//配置主键,目前用于存储 key: "saber", //配置主键,目前用于存储
indexTitle: '入侵报警系统', indexTitle: "入侵报警系统",
clientId: 'saber', // 客户端id clientId: "saber", // 客户端id
clientSecret: 'saber_secret', // 客户端密钥 clientSecret: "saber_secret", // 客户端密钥
tenantMode: false, // 是否开启租户模式 tenantMode: false, // 是否开启租户模式
tenantId: "000000", // 管理组租户编号 tenantId: "000000", // 管理组租户编号
captchaMode: false, // 是否开启验证码模式 captchaMode: false, // 是否开启验证码模式
isTokenMode: true, // 是否开启验证码模式
switchMode: false, // 是否开启部门切换模式 switchMode: false, // 是否开启部门切换模式
lockPage: '/lock', lockPage: "/lock",
tokenTime: 3000, tokenTime: 3000,
tokenHeader: 'Blade-Auth', tokenHeader: "Blade-Auth",
//http的status默认放行列表 //http的status默认放行列表
statusWhiteList: [], statusWhiteList: [],
//配置首页不可关闭 //配置首页不可关闭
@ -25,27 +26,28 @@ export default {
params: {}, params: {},
query: {}, query: {},
meta: { meta: {
i18n: 'dashboard' i18n: "dashboard",
}, },
group: [], group: [],
close: false close: false,
}, },
//配置菜单的属性 //配置菜单的属性
menu: { menu: {
iconDefault: 'iconfont icon-caidan', iconDefault: "iconfont icon-caidan",
props: { props: {
label: 'name', label: "name",
path: 'path', path: "path",
icon: 'source', icon: "source",
children: 'children' children: "children",
} },
}, },
// 第三方系统授权地址 // 第三方系统授权地址
authUrl: 'http://localhost/blade-auth/oauth/render', authUrl: "http://localhost/blade-auth/oauth/render",
// 报表设计器地址(cloud端口为8108,boot端口为80) // 报表设计器地址(cloud端口为8108,boot端口为80)
reportUrl: 'http://localhost:8108/ureport', reportUrl: "http://localhost:8108/ureport",
// 单点登录系统认证(blade-auth服务的地) // 单点登录系统认证(blade-auth服务的地)
ssoUrl: 'http://localhost:8100/oauth/authorize?client_id=saber&response_type=code&redirect_uri=', ssoUrl:
"http://localhost:8100/oauth/authorize?client_id=saber&response_type=code&redirect_uri=",
// 单点登录回调地址(Saber服务的地址) // 单点登录回调地址(Saber服务的地址)
redirectUri: 'http://localhost:1888', redirectUri: "http://localhost:1888",
} };

55
src/page/login/userlogin.vue
Unescape View File

@ -74,6 +74,7 @@
import {info} from "@/api/system/tenant"; import {info} from "@/api/system/tenant";
import {getCaptcha, loginByAuth} from "@/api/user"; import {getCaptcha, loginByAuth} from "@/api/user";
import {getTopUrl} from "@/util/util"; import {getTopUrl} from "@/util/util";
import {getUserAccount,getPassword} from "@/api/wirelessintrusion/wirelessintrusion";
export default { export default {
name: "userlogin", name: "userlogin",
@ -159,12 +160,63 @@
}], }],
}, },
] ]
} },
isToken:false
}; };
}, },
created() { created() {
// this.getTenant(); // this.getTenant();
// this.refreshCode(); // this.refreshCode();
console.log('token ==========>',this.$route.query.token)
if(this.$route.query.token){
// getUserAccount({token:this.$route.query.token,appId:123,tripartiteVoucher:'u7PgmMH5m6jK71yAg1Gi9Rid1SeSnc9J'}).then(res =>{
// console.log('account ===>',res)
// if(res.data.code == 0){
getPassword({token:this.$route.query.token}).then(res =>{
console.log('pass =========>',res)
console.log('pass =========>',res.data.code)
if(res.data.code == 200){
let params = {
tenantId:this.loginForm.tenantId,
image: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
type: "account",
deptId: "",
roleId: "",
username: res.data.data.username,
password: res.data.data.password,
code: "",
key: "",
isToken:true
}
console.log('params ====>',params)
this.$store.dispatch("LoginByUsername",params).then(() => {
console.log('login =======> 登录成功')
// if (this.website.switchMode) {
// const deptId = this.userInfo.dept_id;
// const roleId = this.userInfo.role_id;
// if (deptId.includes(",") || roleId.includes(",")) {
// this.loginForm.deptId = deptId;
// this.loginForm.roleId = roleId;
// this.userBox = true;
// this.$store.dispatch("LogOut").then(() => {
// // loading.close();
// });
// return false;
// }
// }
this.$router.push({path: this.tagWel.value});
// loading.close();
}).catch(() => {
// loading.close();
// this.refreshCode();
});
}
})
// }
// })
}
}, },
mounted() { mounted() {
}, },
@ -225,6 +277,7 @@
text: '登录中,请稍后。。。', text: '登录中,请稍后。。。',
spinner: "el-icon-loading" spinner: "el-icon-loading"
}); });
this.website.isTokenMode = false
this.$store.dispatch("LoginByUsername", this.loginForm).then(() => { this.$store.dispatch("LoginByUsername", this.loginForm).then(() => {
if (this.website.switchMode) { if (this.website.switchMode) {
const deptId = this.userInfo.dept_id; const deptId = this.userInfo.dept_id;

412
src/store/modules/user.js
Unescape View File

@ -1,272 +1,345 @@
import {setToken, setRefreshToken, removeToken, removeRefreshToken} from '@/util/auth' import {
import {Message} from 'element-ui' setToken,
import {setStore, getStore} from '@/util/store' setRefreshToken,
import {isURL, validatenull} from '@/util/validate' removeToken,
import {deepClone} from '@/util/util' removeRefreshToken,
import website from '@/config/website' } from "@/util/auth";
import {loginByUsername, loginBySocial, loginBySso, getUserInfo, logout, refreshToken, getButtons} from '@/api/user' import { Message } from "element-ui";
import {getTopMenu, getRoutes} from '@/api/system/menu' import { setStore, getStore } from "@/util/store";
import md5 from 'js-md5' import { isURL, validatenull } from "@/util/validate";
import { deepClone } from "@/util/util";
import website from "@/config/website";
import {
loginByUsername,
loginBySocial,
loginBySso,
getUserInfo,
logout,
refreshToken,
getButtons,
} from "@/api/user";
import { getTopMenu, getRoutes } from "@/api/system/menu";
import md5 from "js-md5";
function addPath(ele, first) { function addPath(ele, first) {
const menu = website.menu; const menu = website.menu;
const propsConfig = menu.props; const propsConfig = menu.props;
const propsDefault = { const propsDefault = {
label: propsConfig.label || 'name', label: propsConfig.label || "name",
path: propsConfig.path || 'path', path: propsConfig.path || "path",
icon: propsConfig.icon || 'icon', icon: propsConfig.icon || "icon",
children: propsConfig.children || 'children' children: propsConfig.children || "children",
} };
const icon = ele[propsDefault.icon]; const icon = ele[propsDefault.icon];
ele[propsDefault.icon] = validatenull(icon) ? menu.iconDefault : icon; ele[propsDefault.icon] = validatenull(icon) ? menu.iconDefault : icon;
const isChild = ele[propsDefault.children] && ele[propsDefault.children].length !== 0; const isChild =
ele[propsDefault.children] && ele[propsDefault.children].length !== 0;
if (!isChild) ele[propsDefault.children] = []; if (!isChild) ele[propsDefault.children] = [];
if (!isChild && first && !isURL(ele[propsDefault.path])) { if (!isChild && first && !isURL(ele[propsDefault.path])) {
ele[propsDefault.path] = ele[propsDefault.path] + '/index' ele[propsDefault.path] = ele[propsDefault.path] + "/index";
} else { } else {
ele[propsDefault.children].forEach(child => { ele[propsDefault.children].forEach((child) => {
addPath(child); addPath(child);
}) });
} }
} }
const user = { const user = {
state: { state: {
tenantId: getStore({name: 'tenantId'}) || '', tenantId: getStore({ name: "tenantId" }) || "",
userInfo: getStore({name: 'userInfo'}) || [], userInfo: getStore({ name: "userInfo" }) || [],
permission: getStore({name: 'permission'}) || {}, permission: getStore({ name: "permission" }) || {},
roles: [], roles: [],
menuId: {}, menuId: {},
menu: getStore({name: 'menu'}) || [], menu: getStore({ name: "menu" }) || [],
menuAll: getStore({name: 'menuAll'}) || [], menuAll: getStore({ name: "menuAll" }) || [],
token: getStore({name: 'token'}) || '', token: getStore({ name: "token" }) || "",
refreshToken: getStore({name: 'refreshToken'}) || '', refreshToken: getStore({ name: "refreshToken" }) || "",
}, },
actions: { actions: {
//根据用户名登录 //根据用户名登录
LoginByUsername({commit}, userInfo) { LoginByUsername({ commit }, userInfo, isToken) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
loginByUsername(userInfo.tenantId, userInfo.deptId, userInfo.roleId, userInfo.username, md5(userInfo.password), userInfo.type, userInfo.key, userInfo.code).then(res => { if (userInfo.isToken) {
const data = res.data; loginByUsername(
if (data.error_description) { userInfo.tenantId,
Message({ userInfo.deptId,
message: data.error_description, userInfo.roleId,
type: 'error' userInfo.username,
userInfo.password,
userInfo.type,
userInfo.key,
userInfo.code
)
.then((res) => {
const data = res.data;
if (data.error_description) {
Message({
message: data.error_description,
type: "error",
});
} else {
commit("SET_TOKEN", data.access_token);
commit("SET_REFRESH_TOKEN", data.refresh_token);
commit("SET_TENANT_ID", data.tenant_id);
commit("SET_USER_INFO", data);
commit("DEL_ALL_TAG");
commit("CLEAR_LOCK");
}
resolve();
}) })
} else { .catch((error) => {
commit('SET_TOKEN', data.access_token); reject(error);
commit('SET_REFRESH_TOKEN', data.refresh_token); });
commit('SET_TENANT_ID', data.tenant_id); } else {
commit('SET_USER_INFO', data); loginByUsername(
commit('DEL_ALL_TAG'); userInfo.tenantId,
commit('CLEAR_LOCK'); userInfo.deptId,
} userInfo.roleId,
resolve(); userInfo.username,
}).catch(error => { md5(userInfo.password),
reject(error); userInfo.type,
}) userInfo.key,
}) userInfo.code
)
.then((res) => {
const data = res.data;
if (data.error_description) {
Message({
message: data.error_description,
type: "error",
});
} else {
commit("SET_TOKEN", data.access_token);
commit("SET_REFRESH_TOKEN", data.refresh_token);
commit("SET_TENANT_ID", data.tenant_id);
commit("SET_USER_INFO", data);
commit("DEL_ALL_TAG");
commit("CLEAR_LOCK");
}
resolve();
})
.catch((error) => {
reject(error);
});
}
});
}, },
//根据手机号登录 //根据手机号登录
LoginByPhone({commit}, userInfo) { LoginByPhone({ commit }, userInfo) {
return new Promise((resolve) => { return new Promise((resolve) => {
loginByUsername(userInfo.phone, userInfo.code).then(res => { loginByUsername(userInfo.phone, userInfo.code).then((res) => {
const data = res.data.data; const data = res.data.data;
commit('SET_TOKEN', data); commit("SET_TOKEN", data);
commit('DEL_ALL_TAG'); commit("DEL_ALL_TAG");
commit('CLEAR_LOCK'); commit("CLEAR_LOCK");
resolve(); resolve();
}) });
}) });
}, },
//根据第三方信息登录 //根据第三方信息登录
LoginBySocial({commit}, userInfo) { LoginBySocial({ commit }, userInfo) {
return new Promise((resolve) => { return new Promise((resolve) => {
loginBySocial(userInfo.tenantId, userInfo.source, userInfo.code, userInfo.state).then(res => { loginBySocial(
userInfo.tenantId,
userInfo.source,
userInfo.code,
userInfo.state
).then((res) => {
const data = res.data; const data = res.data;
if (data.error_description) { if (data.error_description) {
Message({ Message({
message: data.error_description, message: data.error_description,
type: 'error' type: "error",
}) });
} else { } else {
commit('SET_TOKEN', data.access_token); commit("SET_TOKEN", data.access_token);
commit('SET_REFRESH_TOKEN', data.refresh_token); commit("SET_REFRESH_TOKEN", data.refresh_token);
commit('SET_USER_INFO', data); commit("SET_USER_INFO", data);
commit('SET_TENANT_ID', data.tenant_id); commit("SET_TENANT_ID", data.tenant_id);
commit('DEL_ALL_TAG'); commit("DEL_ALL_TAG");
commit('CLEAR_LOCK'); commit("CLEAR_LOCK");
} }
resolve(); resolve();
}) });
}) });
}, },
//根据单点信息登录 //根据单点信息登录
LoginBySso({commit}, userInfo) { LoginBySso({ commit }, userInfo) {
return new Promise((resolve) => { return new Promise((resolve) => {
loginBySso(userInfo.state, userInfo.code).then(res => { loginBySso(userInfo.state, userInfo.code).then((res) => {
const data = res.data; const data = res.data;
if (data.error_description) { if (data.error_description) {
Message({ Message({
message: data.error_description, message: data.error_description,
type: 'error' type: "error",
}) });
} else { } else {
commit('SET_TOKEN', data.access_token); commit("SET_TOKEN", data.access_token);
commit('SET_REFRESH_TOKEN', data.refresh_token); commit("SET_REFRESH_TOKEN", data.refresh_token);
commit('SET_USER_INFO', data); commit("SET_USER_INFO", data);
commit('SET_TENANT_ID', data.tenant_id); commit("SET_TENANT_ID", data.tenant_id);
commit('DEL_ALL_TAG'); commit("DEL_ALL_TAG");
commit('CLEAR_LOCK'); commit("CLEAR_LOCK");
} }
resolve(); resolve();
}) });
}) });
}, },
//获取用户信息 //获取用户信息
GetUserInfo({commit}) { GetUserInfo({ commit }) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
getUserInfo().then((res) => { getUserInfo()
const data = res.data.data; .then((res) => {
commit('SET_ROLES', data.roles); const data = res.data.data;
resolve(data); commit("SET_ROLES", data.roles);
}).catch(err => { resolve(data);
reject(err); })
}) .catch((err) => {
}) reject(err);
});
});
}, },
//刷新token //刷新token
refreshToken({state, commit}, userInfo) { refreshToken({ state, commit }, userInfo) {
window.console.log('handle refresh token'); window.console.log("handle refresh token");
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
refreshToken(state.refreshToken, state.tenantId, refreshToken(
state.refreshToken,
state.tenantId,
!validatenull(userInfo) ? userInfo.deptId : state.userInfo.dept_id, !validatenull(userInfo) ? userInfo.deptId : state.userInfo.dept_id,
!validatenull(userInfo) ? userInfo.roleId : state.userInfo.role_id !validatenull(userInfo) ? userInfo.roleId : state.userInfo.role_id
).then(res => { )
const data = res.data; .then((res) => {
commit('SET_TOKEN', data.access_token); const data = res.data;
commit('SET_REFRESH_TOKEN', data.refresh_token); commit("SET_TOKEN", data.access_token);
commit('SET_USER_INFO', data); commit("SET_REFRESH_TOKEN", data.refresh_token);
resolve(); commit("SET_USER_INFO", data);
}).catch(error => { resolve();
reject(error) })
}) .catch((error) => {
}) reject(error);
});
});
}, },
// 登出 // 登出
LogOut({commit}) { LogOut({ commit }) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
logout().then(() => { logout()
commit('SET_TOKEN', ''); .then(() => {
commit('SET_MENU', []); commit("SET_TOKEN", "");
commit('SET_MENU_ALL_NULL', []); commit("SET_MENU", []);
commit('SET_ROLES', []); commit("SET_MENU_ALL_NULL", []);
commit('SET_TAG_LIST', []); commit("SET_ROLES", []);
commit('DEL_ALL_TAG'); commit("SET_TAG_LIST", []);
commit('CLEAR_LOCK'); commit("DEL_ALL_TAG");
removeToken(); commit("CLEAR_LOCK");
removeRefreshToken(); removeToken();
resolve(); removeRefreshToken();
}).catch(error => { resolve();
reject(error) })
}) .catch((error) => {
}) reject(error);
});
});
}, },
//注销session //注销session
FedLogOut({commit}) { FedLogOut({ commit }) {
return new Promise(resolve => { return new Promise((resolve) => {
commit('SET_TOKEN', ''); commit("SET_TOKEN", "");
commit('SET_MENU_ALL_NULL', []); commit("SET_MENU_ALL_NULL", []);
commit('SET_MENU', []); commit("SET_MENU", []);
commit('SET_ROLES', []); commit("SET_ROLES", []);
commit('SET_TAG_LIST', []); commit("SET_TAG_LIST", []);
commit('DEL_ALL_TAG'); commit("DEL_ALL_TAG");
commit('CLEAR_LOCK'); commit("CLEAR_LOCK");
removeToken(); removeToken();
removeRefreshToken(); removeRefreshToken();
resolve(); resolve();
}) });
}, },
//获取顶部菜单 //获取顶部菜单
GetTopMenu() { GetTopMenu() {
return new Promise(resolve => { return new Promise((resolve) => {
getTopMenu().then((res) => { getTopMenu().then((res) => {
const data = res.data.data || []; const data = res.data.data || [];
resolve(data) resolve(data);
}) });
}) });
}, },
//获取系统菜单 //获取系统菜单
GetMenu({commit, dispatch}, topMenuId) { GetMenu({ commit, dispatch }, topMenuId) {
return new Promise(resolve => { return new Promise((resolve) => {
getRoutes(topMenuId).then((res) => { getRoutes(topMenuId).then((res) => {
const data = res.data.data const data = res.data.data;
let menu = deepClone(data); let menu = deepClone(data);
menu.forEach(ele => { menu.forEach((ele) => {
addPath(ele, true); addPath(ele, true);
}); });
commit('SET_MENU_ALL', menu) commit("SET_MENU_ALL", menu);
commit('SET_MENU', menu) commit("SET_MENU", menu);
dispatch('GetButtons'); dispatch("GetButtons");
resolve(menu) resolve(menu);
}) });
}) });
}, },
//获取系统按钮 //获取系统按钮
GetButtons({commit}) { GetButtons({ commit }) {
return new Promise((resolve) => { return new Promise((resolve) => {
getButtons().then(res => { getButtons().then((res) => {
const data = res.data.data; const data = res.data.data;
commit('SET_PERMISSION', data); commit("SET_PERMISSION", data);
resolve(); resolve();
}) });
}) });
}, },
}, },
mutations: { mutations: {
SET_TOKEN: (state, token) => { SET_TOKEN: (state, token) => {
setToken(token); setToken(token);
state.token = token; state.token = token;
setStore({name: 'token', content: state.token}) setStore({ name: "token", content: state.token });
}, },
SET_MENU_ID(state, menuId) { SET_MENU_ID(state, menuId) {
state.menuId = menuId; state.menuId = menuId;
}, },
SET_MENU_ALL: (state, menuAll) => { SET_MENU_ALL: (state, menuAll) => {
let menu = state.menuAll; let menu = state.menuAll;
menuAll.forEach(ele => { menuAll.forEach((ele) => {
if (!menu.find(item => item.label === ele.label && item.path === ele.path)) { if (
!menu.find(
(item) => item.label === ele.label && item.path === ele.path
)
) {
menu.push(ele); menu.push(ele);
} }
}) });
state.menuAll = menu state.menuAll = menu;
setStore({ name: 'menuAll', content: state.menuAll }) setStore({ name: "menuAll", content: state.menuAll });
}, },
SET_MENU_ALL_NULL: (state) => { SET_MENU_ALL_NULL: (state) => {
state.menuAll = [] state.menuAll = [];
setStore({ name: 'menuAll', content: state.menuAll }) setStore({ name: "menuAll", content: state.menuAll });
}, },
SET_MENU: (state, menu) => { SET_MENU: (state, menu) => {
state.menu = menu state.menu = menu;
setStore({ name: 'menu', content: state.menu }) setStore({ name: "menu", content: state.menu });
}, },
SET_REFRESH_TOKEN: (state, refreshToken) => { SET_REFRESH_TOKEN: (state, refreshToken) => {
setRefreshToken(refreshToken) setRefreshToken(refreshToken);
state.refreshToken = refreshToken; state.refreshToken = refreshToken;
setStore({name: 'refreshToken', content: state.refreshToken}) setStore({ name: "refreshToken", content: state.refreshToken });
}, },
SET_TENANT_ID: (state, tenantId) => { SET_TENANT_ID: (state, tenantId) => {
state.tenantId = tenantId; state.tenantId = tenantId;
setStore({name: 'tenantId', content: state.tenantId}) setStore({ name: "tenantId", content: state.tenantId });
}, },
SET_USER_INFO: (state, userInfo) => { SET_USER_INFO: (state, userInfo) => {
if (validatenull(userInfo.avatar)) { if (validatenull(userInfo.avatar)) {
userInfo.avatar = "/img/bg/img-logo.png"; userInfo.avatar = "/img/bg/img-logo.png";
} }
state.userInfo = userInfo; state.userInfo = userInfo;
setStore({name: 'userInfo', content: state.userInfo}) setStore({ name: "userInfo", content: state.userInfo });
}, },
SET_ROLES: (state, roles) => { SET_ROLES: (state, roles) => {
state.roles = roles; state.roles = roles;
@ -275,27 +348,26 @@ const user = {
let result = []; let result = [];
function getCode(list) { function getCode(list) {
list.forEach(ele => { list.forEach((ele) => {
if (typeof (ele) === 'object') { if (typeof ele === "object") {
const chiildren = ele.children; const chiildren = ele.children;
const code = ele.code; const code = ele.code;
if (chiildren) { if (chiildren) {
getCode(chiildren) getCode(chiildren);
} else { } else {
result.push(code); result.push(code);
} }
} }
}) });
} }
getCode(permission); getCode(permission);
state.permission = {}; state.permission = {};
result.forEach(ele => { result.forEach((ele) => {
state.permission[ele] = true; state.permission[ele] = true;
}); });
setStore({name: 'permission', content: state.permission}) setStore({ name: "permission", content: state.permission });
} },
} },
};
} export default user;
export default user

4
vue.config.js
Unescape View File

@ -39,9 +39,9 @@ module.exports = {
proxy: { proxy: {
"/api": { "/api": {
//本地服务接口地址 //本地服务接口地址
target: "http://192.168.1.34:81", //测试环境 // target: "http://192.168.1.34:81", //测试环境
// target: "http://192.168.3.32:81", //李涛-wifi // target: "http://192.168.3.32:81", //李涛-wifi
// target: "http://192.168.1.102:81", target: "http://192.168.1.102:81",
ws: true, ws: true,
pathRewrite: { pathRewrite: {
"^/api": "/", "^/api": "/",

Write Preview
Loading…
Cancel
Save