import "babel-polyfill";
import { configure } from "mobx";
import React from "react";
import ReactDOM from "react-dom";
import App from "./App/index.jsx";
import "antd/dist/antd.less"; // or 'antd/dist/antd.less'
import "@themes/themes.less";
import "@assets/css/iconfont.css";
import "@assets/iconfont/iconfont.css";
require("./App/index.less");
require("./assets/css/styleTemplate.less");
import { registerDataMsgSocket } from "@apis/work";
import { getUnReadMessageNum } from "@apis/personal";
import { ssoLogin } from "./apis/login.js";
import { message } from "antd";
import $store from "@store/";
require("es6-symbol/implement");
configure({ useProxies: "never" });

function getQueryString(name) {
  let search = window.location.search.slice(1);
  let res = search.match(new RegExp(`${name}=(.*?)(&|$)`));
  return res ? res[1] : "";
}

sessionStorage.setItem("mode", "false");
let ticket = getQueryString("ticket") || "";
let ssoEmpId = getQueryString("ssoEmpId") || "";
if (ticket && ssoEmpId) {
  sessionStorage.setItem("account", ssoEmpId);
  // if (!sessionStorage.getItem("token")) {
  // yajuleLogin({
  //   ticket,
  // })
  //   .then((result) => {
  //     sessionStorage.setItem("token", result.data.token);
  //     ReactDOM.render(<Routes />, document.getElementById("root"));
  //   })
  //   .catch((err) => {
  //     ReactDOM.render(<div>登录失败</div>, document.getElementById("root"));
  //   });

  message.config({
    duration: 1, // 持续时间
    maxCount: 3, // 最大显示数, 超过限制时，最早的消息会被自动关闭
    top: 100, // 到页面顶部距离
  });

  ssoLogin({
    ticket,
    ssoEmpId,
  })
    .then((resp) => {
      if (+resp.resultCode === 0) {
        sessionStorage.setItem("token", resp.data.token);
        sessionStorage.setItem("accountId", resp.data.accountId);
        localStorage.setItem("token", resp.data.token);
        localStorage.setItem("accountId", resp.data.accountId);
      } else {
        message.error(resp.resultMsg);
      }
      ReactDOM.render(<App />, document.getElementById("app"));
    })
    .catch(({ data }) => {
      // window.location.href = document.referrer;
      message.error(data.resultMsg);
    });
  // } else {
  //   ReactDOM.render(<App />, document.getElementById("app"));
  // }
} else {
  ReactDOM.render(<App />, document.getElementById("app"));
}

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
// reportWebVitals();

if (process.env.NODE_ENV === "production") {
  document.title = "天齐锂业·数据大屏";
} else {
  document.title = "(测试)天齐锂业·数据大屏";
}

// 获取socket id , 建立socket连接
window.ws = null;

window.onunload = () => {
  typeof (window.ws || {}).close === "function" && window.ws.close();
};

(function selfAdaption() {
  let $el = document.querySelector(":root");
  $el.style.fontSize = (window.innerWidth * 625) / 1024 + "%";
})();