This commit is contained in:
zxy
2024-02-20 12:05:53 +08:00
3 changed files with 933 additions and 897 deletions

View File

@@ -1,227 +1,259 @@
import {setToken, setRefreshToken, removeToken, removeRefreshToken} from '@/util/auth'
import {Message} from 'element-ui'
import {setStore, getStore} from '@/util/store'
import {isURL, validatenull} from '@/util/validate'
import {deepClone} from '@/util/util'
import website from '@/config/website'
import {loginByUsername, getUserInfo, logout, refreshToken, getButtons} from '@/api/user'
import {getTopMenu, getRoutes} from '@/api/system/menu'
import md5 from 'js-md5'
import {
setToken,
setRefreshToken,
removeToken,
removeRefreshToken,
} from "@/util/auth";
import { Message } from "element-ui";
import { setStore, getStore } from "@/util/store";
import { isURL, validatenull } from "@/util/validate";
import { deepClone } from "@/util/util";
import website from "@/config/website";
import {
loginByUsername,
getUserInfo,
logout,
refreshToken,
getButtons,
} from "@/api/user";
import { getTopMenu, getRoutes } from "@/api/system/menu";
import md5 from "js-md5";
function addPath(ele, first) {
const menu = website.menu;
const propsConfig = menu.props;
const propsDefault = {
label: propsConfig.label || 'name',
path: propsConfig.path || 'path',
icon: propsConfig.icon || 'icon',
children: propsConfig.children || 'children'
}
label: propsConfig.label || "name",
path: propsConfig.path || "path",
icon: propsConfig.icon || "icon",
children: propsConfig.children || "children",
};
const icon = ele[propsDefault.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 && first && !isURL(ele[propsDefault.path])) {
ele[propsDefault.path] = ele[propsDefault.path] + '/index'
ele[propsDefault.path] = ele[propsDefault.path] + "/index";
} else {
ele[propsDefault.children].forEach(child => {
ele[propsDefault.children].forEach((child) => {
addPath(child);
})
});
}
}
const user = {
state: {
tenantId: getStore({name: 'tenantId'}) || '',
userInfo: getStore({name: 'userInfo'}) || [],
permission: getStore({name: 'permission'}) || {},
tenantId: getStore({ name: "tenantId" }) || "",
userInfo: getStore({ name: "userInfo" }) || [],
permission: getStore({ name: "permission" }) || {},
roles: [],
menu: getStore({name: 'menu'}) || [],
menuId: getStore({name: 'menuId'}) || [],
menuAll: getStore({name: 'menuAll'}) || [],
token: getStore({name: 'token'}) || '',
refreshToken: getStore({name: 'refreshToken'}) || '',
auth: getStore({name: 'auth'}) || '',
menu: getStore({ name: "menu" }) || [],
menuId: getStore({ name: "menuId" }) || [],
menuAll: getStore({ name: "menuAll" }) || [],
token: getStore({ name: "token" }) || "",
refreshToken: getStore({ name: "refreshToken" }) || "",
auth: getStore({ name: "auth" }) || "",
},
actions: {
//根据用户名登录
LoginByUsername({commit}, userInfo) {
LoginByUsername({ commit }, userInfo) {
return new Promise((resolve, reject) => {
loginByUsername(userInfo.username, md5(userInfo.password), userInfo.type, userInfo.key, userInfo.code,userInfo.loginType).then(res => {
const data = res.data;
if (data.error_description) {
Message({
message: data.error_description,
type: 'error'
})
} else {
// 判断是否为客服
data.is_admin = data.role_name === 'operate' || data.role_name === 'muser'
// 判断是否为管理员账号
data.is_master = ['administrator','admin','operate'].includes(data.role_name)
commit('SET_AUTH', data.auth);
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);
})
})
loginByUsername(
userInfo.username,
md5(userInfo.password),
userInfo.type,
userInfo.key,
userInfo.code,
userInfo.loginType
)
.then((res) => {
const data = res.data;
if (data.error_description) {
Message({
message: data.error_description,
type: "error",
});
} else {
// 判断是否为客服
data.is_admin =
data.role_name === "operate" || data.role_name === "muser";
// 判断是否为管理员账号
data.is_master = ["administrator", "admin", "operate"].includes(
data.role_name
);
commit("SET_AUTH", data.auth);
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);
});
});
},
GetButtons({commit}) {
GetButtons({ commit }) {
return new Promise((resolve) => {
getButtons().then(res => {
getButtons().then((res) => {
const data = res.data.data;
commit('SET_PERMISSION', data);
commit("SET_PERMISSION", data);
resolve();
})
})
});
});
},
//根据手机号登录
LoginByPhone({commit}, userInfo) {
LoginByPhone({ commit }, userInfo) {
return new Promise((resolve) => {
loginByUsername(userInfo.phone, userInfo.code).then(res => {
loginByUsername(userInfo.phone, userInfo.code).then((res) => {
const data = res.data.data;
commit('SET_TOKEN', data);
commit('DEL_ALL_TAG');
commit('CLEAR_LOCK');
commit("SET_TOKEN", data);
commit("DEL_ALL_TAG");
commit("CLEAR_LOCK");
resolve();
})
})
});
});
},
GetUserInfo({commit}) {
GetUserInfo({ commit }) {
return new Promise((resolve, reject) => {
getUserInfo().then((res) => {
const data = res.data.data;
commit('SET_ROLES', data.roles);
resolve(data);
}).catch(err => {
reject(err);
})
})
getUserInfo()
.then((res) => {
const data = res.data.data;
commit("SET_ROLES", data.roles);
resolve(data);
})
.catch((err) => {
reject(err);
});
});
},
//刷新token
refreshToken({state, commit}) {
window.console.log('handle refresh token')
refreshToken({ state, commit }) {
window.console.log("handle refresh token");
return new Promise((resolve, reject) => {
var authType = state.userInfo.login_type;
refreshToken(state.refreshToken, state.tenantId, authType).then(res => {
const data = res.data;
commit('SET_TOKEN', data.access_token);
commit('SET_REFRESH_TOKEN', data.refresh_token);
resolve();
}).catch(error => {
reject(error)
})
})
refreshToken(state.refreshToken, state.tenantId, authType)
.then((res) => {
const data = res.data;
commit("SET_TOKEN", data.access_token);
commit("SET_REFRESH_TOKEN", data.refresh_token);
resolve();
})
.catch((error) => {
reject(error);
});
});
},
// 登出
LogOut({commit}) {
LogOut({ commit }) {
return new Promise((resolve, reject) => {
logout().then(() => {
commit('SET_AUTH', '');
commit('SET_TOKEN', '');
commit('SET_MENU', []);
commit('SET_MENU_ID', {});
commit('SET_MENU_ALL', []);
commit('SET_ROLES', []);
commit('DEL_ALL_TAG');
commit('CLEAR_LOCK');
commit('RESET_CONFIG');
removeToken();
removeRefreshToken();
resolve();
}).catch(error => {
reject(error)
})
})
logout()
.then(() => {
commit("SET_AUTH", "");
commit("SET_TOKEN", "");
commit("SET_MENU", []);
commit("SET_MENU_ID", {});
commit("SET_MENU_ALL", []);
commit("SET_ROLES", []);
commit("DEL_ALL_TAG");
commit("CLEAR_LOCK");
commit("RESET_CONFIG");
removeToken();
removeRefreshToken();
resolve();
})
.catch((error) => {
reject(error);
});
});
},
//注销session
FedLogOut({commit}) {
return new Promise(resolve => {
commit('SET_TOKEN', '');
commit('SET_MENU_ID', {});
commit('SET_MENU_ALL', []);
commit('SET_MENU', []);
commit('SET_ROLES', []);
commit('DEL_ALL_TAG');
commit('CLEAR_LOCK');
FedLogOut({ commit }) {
return new Promise((resolve) => {
commit("SET_TOKEN", "");
commit("SET_MENU_ID", {});
commit("SET_MENU_ALL", []);
commit("SET_MENU", []);
commit("SET_ROLES", []);
commit("DEL_ALL_TAG");
commit("CLEAR_LOCK");
removeToken();
removeRefreshToken();
resolve();
})
});
},
//获取顶部菜单
GetTopMenu() {
return new Promise(resolve => {
return new Promise((resolve) => {
getTopMenu().then((res) => {
const data = res.data.data || [];
resolve(data)
})
})
resolve(data);
});
});
},
//获取系统菜单
GetMenu({commit, dispatch}, topMenuId) {
return new Promise(resolve => {
GetMenu({ commit, dispatch }, topMenuId) {
return new Promise((resolve) => {
getRoutes(topMenuId).then((res) => {
const data = res.data.data
const data = res.data.data;
let menu = deepClone(data);
menu.forEach(ele => {
menu.forEach((ele) => {
addPath(ele, true);
});
commit('SET_MENU', menu)
dispatch('GetButtons');
resolve(menu)
})
})
commit("SET_MENU", menu);
dispatch("GetButtons");
resolve(menu);
});
});
},
},
mutations: {
SET_TOKEN: (state, token) => {
setToken(token);
state.token = token;
setStore({name: 'token', content: state.token, type: 'session'})
setStore({ name: "token", content: state.token, type: "session" });
},
SET_MENU_ID(state, menuId) {
state.menuId = menuId;
setStore({name: 'menuId', content: state.menuId, type: 'session'})
setStore({ name: "menuId", content: state.menuId, type: "session" });
},
SET_MENU_ALL: (state, menuAll) => {
state.menuAll = menuAll
setStore({name: 'menuAll', content: state.menuAll, type: 'session'})
state.menuAll = menuAll;
setStore({ name: "menuAll", content: state.menuAll, type: "session" });
},
SET_REFRESH_TOKEN: (state, refreshToken) => {
setRefreshToken(refreshToken)
setRefreshToken(refreshToken);
state.refreshToken = refreshToken;
setStore({name: 'refreshToken', content: state.refreshToken, type: 'session'})
setStore({
name: "refreshToken",
content: state.refreshToken,
type: "session",
});
},
SET_TENANT_ID: (state, tenantId) => {
state.tenantId = tenantId;
setStore({name: 'tenantId', content: state.tenantId, type: 'session'})
setStore({ name: "tenantId", content: state.tenantId, type: "session" });
},
SET_USER_INFO: (state, userInfo) => {
state.userInfo = userInfo;
setStore({name: 'userInfo', content: state.userInfo})
setStore({ name: "userInfo", content: state.userInfo });
},
SET_MENU: (state, menu) => {
state.menu = menu;
let menuAll = state.menuAll;
if (!validatenull(menu)) {
const obj = menuAll.filter(ele => ele.path === menu[0].path)[0];
const obj = menuAll.filter((ele) => ele.path === menu[0].path)[0];
if (!obj) {
menuAll = menuAll.concat(menu);
state.menuAll = menuAll
state.menuAll = menuAll;
}
setStore({name: 'menuAll', content: menuAll, type: 'session'})
setStore({ name: "menuAll", content: menuAll, type: "session" });
}
setStore({name: 'menu', content: state.menu, type: 'session'})
setStore({ name: "menu", content: state.menu, type: "session" });
},
SET_ROLES: (state, roles) => {
state.roles = roles;
@@ -230,31 +262,34 @@ const user = {
let result = [];
function getCode(list) {
list.forEach(ele => {
if (typeof (ele) === 'object') {
list.forEach((ele) => {
if (typeof ele === "object") {
const chiildren = ele.children;
const code = ele.code;
if (chiildren) {
getCode(chiildren)
getCode(chiildren);
} else {
result.push(code);
}
}
})
});
}
getCode(permission);
state.permission = {};
result.forEach(ele => {
result.forEach((ele) => {
state.permission[ele] = true;
});
setStore({name: 'permission', content: state.permission, type: 'session'})
setStore({
name: "permission",
content: state.permission,
type: "session",
});
},
SET_AUTH(state, auth){
state.auth = auth
setStore({name: 'auth', content: auth, type: 'session'})
}
}
}
export default user
SET_AUTH(state, auth) {
state.auth = auth;
setStore({ name: "auth", content: auth, type: "session" });
},
},
};
export default user;

View File

@@ -33,9 +33,10 @@
</span>
</span>
</el-tree>
<!-- v-show="vaildData(permission.tenant_wage_payroll_view, false)" -->
<div class="footer" style="padding-left: 6px">
<el-button type="text" icon="el-icon-plus" @click="updateGroups('add')"
v-show="vaildData(permission.tenant_wage_payroll_view, false)">
<el-button type="text" icon="el-icon-plus" @click="updateGroups('add')">
新建分组</el-button>
</div>
</el-scrollbar>

File diff suppressed because it is too large Load Diff