339 lines
11 KiB
JavaScript
339 lines
11 KiB
JavaScript
|
import * as appService from "../services/login";
|
|||
|
|
import { routerRedux } from "dva/router";
|
|||
|
|
import { initFilter } from "../utils/common";
|
|||
|
|
import storage from "../utils/storage";
|
|||
|
|
import { history as globalHistory } from "../utils/history";
|
|||
|
|
import { cloneDeep } from "lodash";
|
|||
|
|
import ReactDOM from "react-dom";
|
|||
|
|
import { Spin } from "antd";
|
|||
|
|
import config from "../config";
|
|||
|
|
|
|||
|
|
function recurseMenu(menus, parentMenu = {}, flatMenus = []) {
|
|||
|
|
menus.forEach((menu) => {
|
|||
|
|
const { Node: Menu, Children: ChildMenus } = menu;
|
|||
|
|
menu.Menu = Menu;
|
|||
|
|
menu.ChildMenus = ChildMenus;
|
|||
|
|
Menu.idLevels = (parentMenu.idLevels || []).concat(Menu.ID);
|
|||
|
|
Menu.nameLevels = (parentMenu.nameLevels || []).concat(Menu.NAME);
|
|||
|
|
Menu.menuLevels = (parentMenu.menuLevels || []).concat(Menu.MENU_LEVEL);
|
|||
|
|
Menu.childMenuLevels = (parentMenu.childMenuLevels || []).concat([
|
|||
|
|
ChildMenus,
|
|||
|
|
]);
|
|||
|
|
flatMenus.push(Menu);
|
|||
|
|
ChildMenus && ChildMenus.length && recurseMenu(ChildMenus, Menu, flatMenus);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 当前正在请求的数量
|
|||
|
|
let requestCount = 0;
|
|||
|
|
|
|||
|
|
// 显示loading
|
|||
|
|
function showLoading() {
|
|||
|
|
const spinStyle = {
|
|||
|
|
position: "fixed",
|
|||
|
|
width: "100vw",
|
|||
|
|
height: "100vh",
|
|||
|
|
justifyContent: "center",
|
|||
|
|
alignItems: "center",
|
|||
|
|
display: "flex",
|
|||
|
|
top: 0,
|
|||
|
|
left: 0,
|
|||
|
|
background: "rgba(229, 229, 229, 0.5)",
|
|||
|
|
zIndex: 1000,
|
|||
|
|
};
|
|||
|
|
if (requestCount === 0) {
|
|||
|
|
var dom = document.createElement("div");
|
|||
|
|
dom.setAttribute("id", "loading");
|
|||
|
|
document.body.appendChild(dom);
|
|||
|
|
ReactDOM.render(
|
|||
|
|
<div style={spinStyle}>
|
|||
|
|
<Spin tip="加载中..." size="large" />
|
|||
|
|
</div>,
|
|||
|
|
dom
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
requestCount++;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 隐藏loading
|
|||
|
|
function hideLoading() {
|
|||
|
|
requestCount--;
|
|||
|
|
if (requestCount === 0) {
|
|||
|
|
document.body.removeChild(document.getElementById("loading"));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
namespace: "login",
|
|||
|
|
state: {
|
|||
|
|
loginInfo: {},
|
|||
|
|
OrgId: "",
|
|||
|
|
baseConfig: {},
|
|||
|
|
userId: "",
|
|||
|
|
user: {},
|
|||
|
|
Tenant: storage("lacal").getItem("Tenant").val,
|
|||
|
|
Notifications: [],
|
|||
|
|
screenLocked: false, // 是否锁屏
|
|||
|
|
flatMenus: [],
|
|||
|
|
currActivatedTab: null, // 用于面包屑导航，同步于 model app
|
|||
|
|
currActivatedMenu: null, // 当前选中的菜单项，同步于 model app
|
|||
|
|
},
|
|||
|
|
subscriptions: {
|
|||
|
|
setup({ dispatch, history }) {
|
|||
|
|
history.listen((params) => {
|
|||
|
|
const toLogin = function () {
|
|||
|
|
let tm;
|
|||
|
|
showLoading();
|
|||
|
|
tm = setTimeout(() => {
|
|||
|
|
localStorage.removeItem("accessToken");
|
|||
|
|
dispatch(routerRedux.push("/login"));
|
|||
|
|
hideLoading();
|
|||
|
|
}, 10000);
|
|||
|
|
const { username, password } =
|
|||
|
|
storage("lacal").getItem("loginUserVerify").val;
|
|||
|
|
const webOrgId = storage("lacal").getItem("webOrgId").val;
|
|||
|
|
dispatch({
|
|||
|
|
type: "toLogin",
|
|||
|
|
payload: {
|
|||
|
|
Parameter1: username,
|
|||
|
|
Parameter2: password,
|
|||
|
|
Parameter4: webOrgId,
|
|||
|
|
Parameter5: storage("lacal").getItem("formConfigVersion").val,
|
|||
|
|
Parameter7: true,
|
|||
|
|
},
|
|||
|
|
}).then((validRes) => {
|
|||
|
|
if (validRes) {
|
|||
|
|
dispatch({
|
|||
|
|
type: "getOrg",
|
|||
|
|
payload: {
|
|||
|
|
Sort: "CODE",
|
|||
|
|
Order: 0,
|
|||
|
|
Parameter10: window.location.host,
|
|||
|
|
Parameter11: "0",
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
dispatch({
|
|||
|
|
type: "refreshToken",
|
|||
|
|
});
|
|||
|
|
dispatch({
|
|||
|
|
type: "app/getCurrVer",
|
|||
|
|
});
|
|||
|
|
dispatch({
|
|||
|
|
type: "app/getAllEnum",
|
|||
|
|
}).then((e) => {
|
|||
|
|
clearTimeout(tm);
|
|||
|
|
hideLoading();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const { pathname } = params;
|
|||
|
|
if (pathname !== "/login") {
|
|||
|
|
/**
|
|||
|
|
* 当前页不在登录页，并且 local 不存在 token
|
|||
|
|
* 那么直接跳转登录页
|
|||
|
|
*/
|
|||
|
|
if (!storage("lacal").getItem("accessToken").val) {
|
|||
|
|
dispatch(routerRedux.push("/login"));
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 当前页不在登录页，并且 local 存在 token
|
|||
|
|
* 如果不存在 OrgId，则说明还未登录，此时调用登录接口
|
|||
|
|
*/
|
|||
|
|
dispatch({
|
|||
|
|
type: "checkLoginStatus",
|
|||
|
|
onFail: () => toLogin(),
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
/**
|
|||
|
|
* 当前页在登录页，并且 local 存在 token
|
|||
|
|
* 则直接跳转到首页，首页调用的接口会验证此 token 是否过期
|
|||
|
|
* 如果 local token 真的过期，那么还是会自动跳转到登录页
|
|||
|
|
* 如果 local token 没过期，则正常停留在主页
|
|||
|
|
*/
|
|||
|
|
if (storage("lacal").getItem("accessToken").val) {
|
|||
|
|
if (window.navigator.userAgent.indexOf("Windows") < 1) {
|
|||
|
|
window.location.replace(config.guideH5Host);
|
|||
|
|
// dispatch(routerRedux.push("/HomeMobileNew"));
|
|||
|
|
} else {
|
|||
|
|
dispatch(routerRedux.push("/home"));
|
|||
|
|
}
|
|||
|
|
// 新开 tab 页面，直接从 login 路径进来，则需要重新检查一下是否登录，未登录则执行登录获取到菜单以及必要数据
|
|||
|
|
dispatch({
|
|||
|
|
type: "checkLoginStatus",
|
|||
|
|
onFail: () => toLogin(),
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
effects: {
|
|||
|
|
// 获取组织列表
|
|||
|
|
*getOrg({ payload }, { call, put }) {
|
|||
|
|
const ret = yield call(appService.getOrg, payload);
|
|||
|
|
if (ret) {
|
|||
|
|
const { Tenant = "", Data = [] } = ret;
|
|||
|
|
storage("lacal").setItem("Tenant", Tenant);
|
|||
|
|
storage("lacal").setItem("RootOrgId", Data[0]?.Node?.ID || "");
|
|||
|
|
yield put({ type: "save", payload: { Tenant } });
|
|||
|
|
}
|
|||
|
|
return ret;
|
|||
|
|
},
|
|||
|
|
// 获取 Token
|
|||
|
|
*getToken({ payload }, { call }) {
|
|||
|
|
return yield call(appService.getToken, payload);
|
|||
|
|
},
|
|||
|
|
// 刷新 Token，以保持登录状态
|
|||
|
|
*refreshToken({ payload }, { call, put, select }) {
|
|||
|
|
// 锁屏状态下不更新
|
|||
|
|
const { screenLocked } = yield select((state) => state.login);
|
|||
|
|
if (screenLocked) return;
|
|||
|
|
// 存在 payload 则只更新 payload 中的 token
|
|||
|
|
if (payload) {
|
|||
|
|
const { access_token, refreshToken, expiresIn } = payload;
|
|||
|
|
storage("lacal").setItem("accessToken", access_token);
|
|||
|
|
storage("lacal").setItem("refreshToken", refreshToken);
|
|||
|
|
storage("lacal").setItem("expiresIn", expiresIn);
|
|||
|
|
storage("lacal").setItem("refreshTimestamp", new Date().getTime());
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
// 如果刷新的时候已经是过期之后的时间了，则不再继续刷新 token
|
|||
|
|
const nowTimestamp = new Date().getTime();
|
|||
|
|
const refreshTimestamp = storage("lacal").getItem("refreshTimestamp").val;
|
|||
|
|
const expiresIn = storage("lacal").getItem("expiresIn").val;
|
|||
|
|
// 登陆过期
|
|||
|
|
if (
|
|||
|
|
refreshTimestamp &&
|
|||
|
|
refreshTimestamp + expiresIn * 1000 <= nowTimestamp
|
|||
|
|
) {
|
|||
|
|
console.log("过期了");
|
|||
|
|
localStorage.removeItem("accessToken");
|
|||
|
|
globalHistory.push({ pathname: "/login" });
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
// 接口刷新 token
|
|||
|
|
const RefreshToken = storage("lacal").getItem("refreshToken").val;
|
|||
|
|
const ret = yield call(appService.getToken, {
|
|||
|
|
RefreshToken,
|
|||
|
|
grant_type: 2,
|
|||
|
|
});
|
|||
|
|
if (ret && !ret.error) {
|
|||
|
|
const { access_token, refreshToken, expiresIn } = ret;
|
|||
|
|
storage("lacal").setItem("accessToken", access_token);
|
|||
|
|
storage("lacal").setItem("refreshToken", refreshToken);
|
|||
|
|
storage("lacal").setItem("expiresIn", expiresIn);
|
|||
|
|
storage("lacal").setItem("refreshTimestamp", new Date().getTime());
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// 登录、获取信息
|
|||
|
|
*toLogin({ payload, loginPayload }, { call, put, select }) {
|
|||
|
|
const ret = yield call(appService.getLoginInfo, payload);
|
|||
|
|
if (ret) {
|
|||
|
|
if (loginPayload) {
|
|||
|
|
const {
|
|||
|
|
accessToken,
|
|||
|
|
refreshToken,
|
|||
|
|
expiresIn,
|
|||
|
|
username,
|
|||
|
|
password,
|
|||
|
|
userid,
|
|||
|
|
} = loginPayload;
|
|||
|
|
storage("lacal").setItem("accessToken", accessToken); // access_token存入localStorage
|
|||
|
|
storage("lacal").setItem("refreshToken", refreshToken);
|
|||
|
|
storage("lacal").setItem("expiresIn", expiresIn);
|
|||
|
|
storage("lacal").setItem("refreshTimestamp", new Date().getTime());
|
|||
|
|
storage("lacal").setItem("userid", userid);
|
|||
|
|
storage("lacal").setItem("loginUserVerify", { username, password }); // 登录凭证存入localStorage
|
|||
|
|
}
|
|||
|
|
storage("lacal").setItem("webOrgId", ret.User.ORG_ID);
|
|||
|
|
storage("lacal").setItem("DataRule", ret.DataRule || []);
|
|||
|
|
storage("lacal").setItem("OrgRule", ret.OrgRule || []);
|
|||
|
|
storage("lacal").setItem("departmentId", ret.User.DEPARTMENT_ID);
|
|||
|
|
storage("lacal").setItem("UserType", ret.UserType);
|
|||
|
|
const localStorage = window.localStorage;
|
|||
|
|
|
|||
|
|
ret.FormConfigVersion &&
|
|||
|
|
storage("lacal").setItem("formConfigVersion", ret.FormConfigVersion);
|
|||
|
|
// 拍平 Menus
|
|||
|
|
const flatMenus = [];
|
|||
|
|
const copyMenus = cloneDeep(ret.Menus);
|
|||
|
|
recurseMenu(copyMenus, undefined, flatMenus);
|
|||
|
|
ret.Menus = copyMenus;
|
|||
|
|
// 存储 model state
|
|||
|
|
yield put({
|
|||
|
|
type: "save",
|
|||
|
|
payload: {
|
|||
|
|
loginInfo: ret,
|
|||
|
|
OrgId: ret.User.ORG_ID,
|
|||
|
|
OrgCode: ret.User.Nav_Org ? ret.User.Nav_Org.CODE : "",
|
|||
|
|
baseConfig: ret.BaseConfig,
|
|||
|
|
userType: ret.UserType,
|
|||
|
|
roles: ret.Roles,
|
|||
|
|
rolePerm: ret.Nav_RolePerm,
|
|||
|
|
userId: ret.User.ID,
|
|||
|
|
user: ret.User,
|
|||
|
|
flatMenus,
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
// 不是很清楚为什么这里要清除这个 requestKey
|
|||
|
|
// const localStorage = window.localStorage
|
|||
|
|
if (localStorage) {
|
|||
|
|
for (let i = 0; i < localStorage.length; i++) {
|
|||
|
|
const key = localStorage.key(i);
|
|||
|
|
if (key.indexOf("_requestKey") > -1) {
|
|||
|
|
localStorage.removeItem(key);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 获取消息提醒
|
|||
|
|
const getNoticesParams = initFilter(
|
|||
|
|
ret.User.ORG_ID,
|
|||
|
|
"",
|
|||
|
|
"CREATE_TIME",
|
|||
|
|
1,
|
|||
|
|
1,
|
|||
|
|
ret.User.ID
|
|||
|
|
);
|
|||
|
|
yield put({ type: "getNotices", payload: getNoticesParams });
|
|||
|
|
}
|
|||
|
|
return ret;
|
|||
|
|
},
|
|||
|
|
// 验证登录状态
|
|||
|
|
*checkLoginStatus({ onSuccess, onFail }, { select }) {
|
|||
|
|
const { OrgId } = yield select((state) => state.login);
|
|||
|
|
if (!OrgId) {
|
|||
|
|
onFail instanceof Function && onFail();
|
|||
|
|
} else {
|
|||
|
|
onSuccess instanceof Function && onSuccess();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// 获取消息通知
|
|||
|
|
*getNotices({ payload }, { call, put }) {
|
|||
|
|
const ret = yield call(appService.getNotices, payload);
|
|||
|
|
yield put({
|
|||
|
|
type: "save",
|
|||
|
|
payload: {
|
|||
|
|
Notifications: ret,
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
return ret;
|
|||
|
|
},
|
|||
|
|
// 获取告警日志
|
|||
|
|
*getAlarmLog({ payload }, { call }) {
|
|||
|
|
return yield call(appService.getAlarmLog, payload);
|
|||
|
|
},
|
|||
|
|
// 修改密码
|
|||
|
|
*modifyPassword({ payload }, { call }) {
|
|||
|
|
return yield call(appService.modifyPassword, payload);
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
reducers: {
|
|||
|
|
save(state, action) {
|
|||
|
|
return { ...state, ...action.payload };
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
};
|