feat: 单点登录

config/webpack.dev.js

@@ -135,15 +135,15 @@ module.exports = merge(common, {
       "/api": {
         // target: "http://47.96.100.195:9081"
         // target: "http://dataportal-test.agile.com.cn:8081"
-        target: "http://106.52.242.177:9081",
+        target: "http://10.8.8.173:9081",
         // target:"http://dataportal.dtyunxi.cn/demo",
         changeOrigin:true,
 
       },
-      "/data-screen": {
-        target: "http://10.8.8.185:31233",
+      "/dataengine-center-oneservice": {
+        // target: "http://10.8.8.185:31233",
+        target: "http://10.8.8.173:9081",
         changeOrigin:true,
-        pathRewrite: { '^/data-screen': '' },
       },
       "/mock":{
         target: "http://172.24.81.106:9999",

src/assets/css/styleTemplate.less

@@ -2,7 +2,7 @@
  * @Author: dayan_hjm 茶百道主题样式
  * @Date: 2022-10-27 10:56:37 
  * @Last Modified by: dayan_hjm
- * @Last Modified time: 2023-11-07 11:02:52
+ * @Last Modified time: 2023-11-07 17:33:48
  */
 
 @import url("../../themes/themes.less");
@@ -414,7 +414,7 @@
           height: 100%;
 
           .topMsg_content {
-            height: calc(100% - 2em);
+            height: calc(100% - 1em);
             line-height: 4em;
             font-size: 2em;
             color: #69FFDE;
@@ -482,11 +482,12 @@
                 color: #fff;
                 position: absolute;
                 right: 0%;
-                top: 0.4em;
+                top: 0.5em;
 
                 li {
-                  height: 25%;
+                  height: 24%;
                   text-align: left;
+                  font-size: 0.9em;
                 }
               }
 
@@ -506,7 +507,7 @@
                   height: 120%;
                   position: absolute;
                   left: 0;
-                  top: -1.5em;
+                  top: -1em;
                 }
 
                 #echarts6 {
@@ -870,7 +871,7 @@
         .center_li {
           width: 33%;
           background: url(../imgs/dataVimg/toplineB.png) no-repeat 0 bottom / 100% 11%;
-          height: 60%;
+          height: 78%;
         }
 
         .right_li {

src/pages/frame/view.jsx

@@ -458,7 +458,7 @@ export default observer(function Frame(props) {
       {/* <div className="nowifi-tip">当前网络状态不佳</div> */}
 
       {/* 正文 */}
-      <div style={history.location.pathname === "/home/index" ? { display: "flex", height: '100%' } : (history.location.pathname.indexOf("/home/outer") > -1 ?{
+      <div style={history.location.pathname === "/home/index" || history.location.pathname === '/home/operation'? { display: "flex", height: '100%' } : (history.location.pathname.indexOf("/home/outer") > -1 ?{
         overflow: "hidden",
         display: "flex",
         background: 'rgb(255, 255, 255)',
@@ -554,7 +554,7 @@ export default observer(function Frame(props) {
         {isMove && <div className="markmore"></div>}
 
         <div
-          className={`${history.location.pathname !== "/home/index" &&
+          className={`${history.location.pathname !== "/home/index" && history.location.pathname !== '/home/operation'&&
               $store.app.navList.length > 0
               ? (history.location.pathname.indexOf("/home/outer") > -1 ? "body_box outer_body_box" : 'body_box') : "body_box homePage"
             }`}
@@ -562,14 +562,14 @@ export default observer(function Frame(props) {
           <Navigator
             style={{
               display:
-                history.location.pathname !== "/home/index" &&
+                history.location.pathname !== "/home/index" && history.location.pathname !== '/home/operation'&&
                   $store.app.navList.length > 0
                   ? "flex"
                   : "none",
             }}
           />
           <TipMsg onRef={onRef2}></TipMsg>
-          {$store.app.navList.length === 0 &&
+          {$store.app.navList.length === 0 && false &&
             !history.location.pathname.match(/index|work|center|clush/) ? (
             <DefaultImg />
           ) : (

src/pages/jurisDiction/api.js

@@ -0,0 +1,8 @@
+import request from "@utils/request";
+/**登录*/
+export function checkToken(params) {
+  return request({
+    url: `/api/yonghong/checkToken?token=${params}`,
+    method: "GEt",
+  });
+}

src/pages/jurisDiction/mod.js

@@ -0,0 +1,72 @@
+/*
+ * @Author: dayan_hjm 
+ * @Date: 2022-10-27 11:11:30 
+ * @Last modified by:   dayan_hjm 
+ * @Last modified time: 2022-10-27 11:11:30 
+ */
+
+// 状态管理方法
+import { observable, action, configure, makeObservable, runInAction } from 'mobx';
+// 工具方法
+import { cloneDeep, get, groupBy, isEmpty, orderBy, pick, values } from "lodash";
+
+import { message } from 'antd';
+
+// 默认状态
+const defaultState = {
+  totalValue:0,
+  yearDecline:0,
+  yearSend:0,
+  productInventory:0,
+  list:[{name:'营运数据大屏'},{name:'经营大盘'},{name:'到家专题'},{name:'门店大盘'},{name:'自助跑数SQL平台'},{name:'月度包材预警跑数模板'}],
+  rightlist:[],
+  bumen:'数字化中心/数据工程部',
+  gw:'数据产品经理',
+}
+
+// 严格模式
+configure({
+  enforceActions: 'observed'
+});
+
+
+/**
+ * mod层 - 业务逻辑，数据逻辑应该存储于此
+ */
+class Mod {
+  constructor() {
+    makeObservable(this);
+  }
+  // 监视状态
+  @observable state = cloneDeep(defaultState);
+
+  @action saveState = async (payload) => {
+    runInAction(() => {
+      this.state = {
+        ...this.state,
+        ...payload
+      };
+    });
+  };
+
+
+  // 新增/编辑运营商
+  // @action customerOperatorsmod = async (par, type) => {
+  //   try {
+  //     const { data, resultCode, resultMsg } = await Serv.customerOperatorsServ(par, type);
+  //     if (resultCode + '' === '0') {
+  //       runInAction(() => {
+  //         message.success('操作成功!')
+  //         this.state.addEditVisiable = false;
+  //         this.state.version = Math.random()
+  //       });
+  //     }
+  //   } catch (e) {
+  //     console.log('e: ', e);
+  //   }
+  // }
+}
+
+// 将组件实例化，这意味着组件将不能从别处实例化
+const mod = new Mod();
+export default mod;

src/pages/jurisDiction/style.less

@@ -0,0 +1,29 @@
+@import url("../../themes/themes.less");
+
+.jrisdiction_box{
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: #f7f8f9;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  :global {
+    .center{
+      text-align: center;
+      >img{
+        width: 850px;
+        margin-top: -150px;
+      }
+      >h1{
+        font-size: 2.5em;
+      margin-top: 0.3em;
+      margin-bottom: 0;
+      }
+      >span{
+        font-size: 1.2em;
+      line-height: 0.5em;
+      }
+    }
+  }
+}

src/pages/jurisDiction/view.jsx

@@ -0,0 +1,73 @@
+/*
+ * @Author: dayan_hjm
+ * @Date: 2023-11-07 14:21:24 
+ * @Last Modified by: dayan_hjm
+ * @Last Modified time: 2023-11-07 16:35:29
+ */
+
+import React, { useState, useEffect, Component } from "react";
+import styles from "./style.less";
+import { useHistory, useLocation, withRouter } from "react-router-dom";
+import mod from './mod';
+import { toJS } from "mobx";
+import { queryToObj } from "@utils/util";
+
+import {
+  checkToken,
+} from "./api";
+
+import 'animate.css';
+@withRouter
+
+class JrisDiction extends Component {
+  // 构造函数，组件的实例创建时，最先执行
+  constructor(props, context) {
+    super(props, context);
+    this.store = mod;
+    this.state = {
+      showMsg: false
+    };
+  }
+
+  componentWillMount() {
+    let searchInstance = queryToObj(); // url查询参数对象化
+    if(searchInstance?.token){
+      this.getUrl(searchInstance?.token);
+    }else{
+      this.setState({ showMsg: true })
+    }
+
+  }
+
+  componentDidMount() {
+  }
+  async getUrl(token) {
+    await checkToken(token).then(({ data, resultCode }) => {
+      if (data?.userId) {
+        this.props.history.replace("/home/operation");
+        // this.props.history.push('/')
+      } else {
+        this.setState({ showMsg: true })
+      }
+    });
+  }
+  componentDidCatch() {
+  }
+
+
+  render() {
+  const { showMsg } = this.state;
+    return (
+      <div className={styles.jrisdiction_box}>
+        {
+          showMsg && <div className="center">
+            <img src={require("@assets/imgs/dataVImg/wuQuanXuan.png").default} alt="" />
+            <h1>您暂无权限访问</h1>
+            <span>请联系管理员开通权限</span>
+          </div>
+        }
+      </div>
+    )
+  }
+}
+export default JrisDiction;

src/pages/tqcDataVHome/api.js

@@ -4,7 +4,7 @@ import request from "@utils/request";
 /**碳排放 */
 export function dataengineCenterOneservice(params) {
   return request({
-    url: "/data-screen/dataengine-center-oneservice/list/1356250396177503367",
+    url: "/dataengine-center-oneservice/list/1356250396177503367",
     method: "POST",
     data: {
       "apiId": "1356250396177503367",
@@ -37,7 +37,7 @@ export function dataengineCenterOneservice(params) {
 /**库存金额 */
 export function momeyService(params) {
   return request({
-    url: "/data-screen/dataengine-center-oneservice/list/1356776817075459329",
+    url: "/dataengine-center-oneservice/list/1356776817075459329",
     method: "POST",
     data: {
       "apiId": "1356776817075459329",
@@ -69,7 +69,7 @@ export function momeyService(params) {
 /**百万工时损工率   产量计划完成率*/
 export function timeService(params) {
   return request({
-    url: "/data-screen/dataengine-center-oneservice/list/1356250124518724729",
+    url: "/dataengine-center-oneservice/list/1356250124518724729",
     method: "POST",
     data: {
       "apiId": "1356250124518724729",
@@ -100,7 +100,7 @@ export function timeService(params) {
 /**产值+发货量+产量+库存*/
 export function numberService(params) {
   return request({
-    url: "/data-screen/dataengine-center-oneservice/list/1356243326548087867",
+    url: "/dataengine-center-oneservice/list/1356243326548087867",
     method: "POST",
     data: {
       "apiId": "1356243326548087867",
@@ -131,7 +131,7 @@ export function numberService(params) {
 /**近30天产量*/
 export function mondService(params) {
   return request({
-    url: "/data-screen/dataengine-center-oneservice/list/1356244872119751767",
+    url: "/dataengine-center-oneservice/list/1356244872119751767",
     method: "POST",
     data: {
       "apiId": "1356244872119751767",
@@ -162,7 +162,7 @@ export function mondService(params) {
 /**月度产量/发货量+一次合格率*/
 export function twoService(params) {
   return request({
-    url: "/data-screen/dataengine-center-oneservice/list/1356411403496625359",
+    url: "/dataengine-center-oneservice/list/1356411403496625359",
     method: "POST",
     data: {
       "apiId": "1356411403496625359",
@@ -195,7 +195,7 @@ export function twoService(params) {
 /**更新时间*/
 export function updateTimeService(params) {
   return request({
-    url: "/data-screen/dataengine-center-oneservice/list/1356778817327502618",
+    url: "/dataengine-center-oneservice/list/1356778817327502618",
     method: "POST",
     data: {
       "apiId": "1356778817327502618",

src/pages/tqcDataVHome/component/leftMenoyView.jsx

@@ -2,7 +2,7 @@
  * @Author: dayan_hjm 库存金额
  * @Date: 2023-10-23 09:32:12 
  * @Last Modified by: dayan_hjm
- * @Last Modified time: 2023-11-06 15:18:24
+ * @Last Modified time: 2023-11-07 17:18:38
  */
 
 
@@ -157,7 +157,7 @@ class LeftMenoyView extends Component {
 
         grid: {
           left: '0%',
-          top: '1%',
+          top: '4%',
           right: '5%',
           bottom: '0%',
           containLabel: true

src/pages/tqcDataVHome/view.jsx

@@ -2,7 +2,7 @@
  * @Author: dayan_hjm 
  * @Date: 2023-10-25 10:32:44 
  * @Last Modified by: dayan_hjm
- * @Last Modified time: 2023-11-07 11:26:49
+ * @Last Modified time: 2023-11-07 16:25:41
  */
 /*
  * @Author: dayan_hjm 

src/router/router.js

@@ -14,6 +14,7 @@ import Login from "@pages/login/view.jsx";
 import NotFound from "@pages/notFound/view.jsx";
 import Home from '@pages/home/view.jsx';
 import HomeForchaBaiDao from '@pages/tqcDataVHome/view.jsx';
+import JurisDiction from '@pages/jurisDiction/view.jsx';
 import Loading from "@components/Loading/view.jsx";
 import $store from "@store/";
 import { CacheSwitch, CacheRoute } from 'react-router-cache-route';
@@ -46,13 +47,18 @@ const routes = [
     component: Login,
   },
   {
+    path: "/home/index",
+    component: JurisDiction,
+  },
+  {
     path: "/home",
     component: Frame,
     children: [
       {
         name: "首页",
-        path: "/home/index",
-        component: $store.app.styleCommon.theme == 'chaBaiDao' ? HomeForchaBaiDao : Home,
+        path: "/home/operation",
+        component: HomeForchaBaiDao,
+        // component: $store.app.styleCommon.theme == 'chaBaiDao' ? HomeForchaBaiDao : Home,
         // navigator: true,
       },
     ],

src/utils/request.js

@@ -38,7 +38,9 @@ console.log("11");
 instance.interceptors.response.use(
   function (response) {
     // 对响应数据做点什么
-    if (+response.data.resultCode === -1) {
+    if(response.config.url.indexOf('yonghong/checkToken')> -1){
+      return Promise.resolve({data:response.data});
+    }else if (+response.data.resultCode === -1) {
       message.destroy();
       // //兼容PC钉钉/微信转跳系统，去除提示token失效
       if (window.location.href.indexOf("authCode") == -1 && window.location.href.indexOf("code") == -1) {