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 };
    },
  },
};