index.js

/*
 * @Title: 宿州北排集成登录
 * @Author: hongmye
 * @Date: 2025-03-10 18:34:42
 */
import { appService } from '@/api';
import { FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons';
import { message, Button } from 'antd';
import classNames from 'classnames';
import { debounce } from 'lodash';
import { getImageUrl, goToPath, searchUrl } from '@/utils/utils';
import axios from 'axios';

import React, { useRef, useEffect, useState, useMemo } from 'react';
import backImg from '@/assets/images/demonstration/返回.png';
import arrowLeftImg from '@/assets/images/demonstration/左箭头.png';
import LoadPage from '@/components/LoadPage';
import { connect } from 'react-redux';
import { actionCreators } from '@/containers/App/store';
import { getUserInfo, getWebSiteConfig } from '@/api/service/base';
import { useHistory, useAliveController } from '@wisdom-utils/runtime';
import Cookies from 'js-cookie';
import { store } from '@wisdom-utils/utils';
import LoginAction from '@/pages/user/login/login';
import { defaultApp } from '@/micro';
import { imgMap } from './imgImport';
import useFullScreen from '../../demonstration/components/useFullScreen';
import styles from './index.less';
const boxWidth = 1920;
const boxHeight = 1080;
const IntegrationSuzhou = props => {
  const integratedConfig = props.integratedConfig?.toObject
    ? props.integratedConfig.toObject()
    : props.integratedConfig || {};

  const [ref, isFullscreen, handleFullScreen, handleExitFullScreen] = useFullScreen(false);
  const clientRef = useRef(props.global.client);
  const integrationClient = integratedConfig?.client || window?.globalConfig?.client || 'city'; // 集成登录client
  const [integrationData, setIntegrationData] = useState({}); // 所有子站

  const loadingTime = integratedConfig?.loadingTime || 5;

  const history = useHistory();
  const { clear } = useAliveController();

  const timer2 = useRef(null);
  const timer3 = useRef(null);

  const progressRef2 = useRef(0);
  // 退出
  const exit = () => {
    console.log(isFullscreen, 'isFullscreen');
    if (isFullscreen) {
      handleExitFullScreen && handleExitFullScreen();
    } else {
      handleFullScreen && handleFullScreen();
    }
  };
  const [boxSize, setBoxSize] = useState({
    scale: 1,
    boxHeight: 1080,
  });
  const [linkUrl, setLinkUrl] = useState('');
  const [jumpLoading, setJumpLoading] = useState(false);
  const [progressValue2, setProgressValue2] = useState(0);
  const [loginAction, setAction] = useState(() => new LoginAction(props));

  const jumpProgressStart = () => {
    if (timer2.current) {
      clearInterval(timer2.current);
      timer2.current = null;
    }
    progressRef2.current = 0;
    setProgressValue2(0);
    timer2.current = setInterval(() => {
      if (progressRef2.current < 97.5) {
        progressRef2.current += 2.5;
        setProgressValue2(progressRef2.current);
      } else {
        setProgressValue2(99);
        timer2.current && clearInterval(timer2.current);
        timer2.current = null;
      }
    }, 100);
  };
  const jumpProgressEnd = () => {
    setProgressValue2(100);
    timer2.current && clearInterval(timer2.current);
    timer2.current = null;
  };
  const getData = async () => {
    const token = props.global?.token || Cookies.get('token');
    const client = integratedConfig?.client || sessionStorage.getItem('client') || props?.global?.client || '';
    localStorage.setItem('integrationClient', client);

    appService
      .GetIntegrationConfig({
        type: '集成登录',
        userId: window.globalConfig.userInfo?.OID ?? null,
        isEnable: true,
        client,
      })
      .then(res1 => {
        const list = res1.data || [];
        list.length && localStorage.setItem('integrationData', JSON.stringify(list));
        const obj = {};
        list.forEach(i => {
          obj[i.appKey] = i;
        });
        setIntegrationData(obj);
      });
  };
  const onResize = () => {
    if (ref?.current) {
      const { clientWidth, clientHeight } = ref.current;
      if (!boxWidth || !boxHeight) return;
      const xScale = clientWidth / boxWidth;
      const yScale = clientHeight / boxHeight;
      let n = Math.min(xScale, yScale);
      let bHeight = boxHeight;
      // 高度为偶数
      bHeight = parseInt(bHeight, 10);
      if (bHeight % 2 !== 0) {
        bHeight += 1;
      }
      n = Number(n.toFixed(4));
      setBoxSize({
        scale: n,
        boxHeight: bHeight,
      });
    }
  };

  const startTiming = (time = 2) => {
    if (timer3.current) {
      clearInterval(timer3.current);
      timer3.current = null;
    }
    timer3.current = setTimeout(() => {
      setJumpLoading(false);
      timer2.current && clearInterval(timer2.current);
      timer2.current = null;
    }, time * 1000);
  };
  const toRevenue = async item => {
    setJumpLoading(true);
    jumpProgressStart();
    startTiming(6);
    try {
      const res = await appService.getTicketByToken({ token: window.globalConfig?.token });
      if (res.code === 0) {
        // 营收是api-bcs，直饮水是api-ddw
        // /api-ddw/sysUser/ssoGCK
        // res.data = 'e44a2883a2ac4c4b8c8f1186cf27ca1dcc406c1dda1247cabe04bff3c06d28e7'; // 测试token
        const apiPath = `${item.url + (item.url.indexOf('?') > 0 ? '&' : '?') + item.paramValue}=${res.data}`;
        if (item?.openOpt === '当前页打开') {
          props.history.push('/thirdParty', { linkUrl: apiPath });
        } else {
          setJumpLoading(false);
          jumpProgressEnd();
          window.open(apiPath, '_blank');
        }
      } else {
        res.msg && message.error(res.msg);
        setJumpLoading(false);
        jumpProgressEnd();
      }
    } catch (error) {
      setJumpLoading(false);
      jumpProgressEnd();
    }
  };
  const toClient = async (item, loginA) => {
    const token = props.global?.token || Cookies.get('token');
    const cli = item.client;
    const res = await getWebSiteConfig({
      identity: token,
      client: cli,
    });
    if (!res?.data?.[0]?.widgets?.length) {
      message.error({
        duration: 3,
        content: '您没有该板块权限，请联系管理员',
      });
      return;
    }

    if (window.qiankunIsCache) {
      store.set('event:dropCache');
    }

    Cookies.set('client', cli, {
      expires: 86400000 / (24 * 60 * 60 * 1000),
      path: '/',
    });
    sessionStorage.setItem('client', cli);
    const currentProduct = `__global__recent_productIndex__micro_${window.location.hostname}_${window.globalConfig
      ?.client ?? 'city'}`;
    sessionStorage.removeItem(currentProduct);
    const currentProductNew = `__global__recent_productIndex__micro_${window.location.hostname}_${cli || 'city'}`;
    sessionStorage.setItem(currentProductNew, 0);
    // 用全局存跳转信息，跳转过程页面会刷新
    window.clientInfo = item;
    clientRef.current = cli;
    const config = props.global;
    config.uiwidgets = [];
    config.widgets = [];
    config.allWidgets = [];
    window.qiankunStarted = false;
    if (cli) {
      config.client = cli;
    }
    setJumpLoading(true);
    jumpProgressStart();
    startTiming(loadingTime);
    window.jumpLoadingProgress = 99;
    loginA && loginA.getUserInfoAndConfig('', true, item.type);
  };
  const onLink = (item, loginA) => {
    const token = props.global?.token || Cookies.get('token');
    if (!token) {
      history.push(`/user/login?client=${integrationClient}`, { reload: true });
      clear();
      props.logout();
      return;
    }
    const { url, client } = item;
    if (window.clientInfo) {
      window.clientInfo = null;
    }
    if (item.subType === '内链' && client) {
      toClient(item, loginA);
    } else {
      if (!url) return;
      if (url?.indexOf('{userId}') >= 0) {
        item.url = url.replace('{userId}', window.globalConfig?.userInfo?.OID);
      }
      let link = item.url;
      if (item.paramName) {
        link = `${item.url + (item.url.indexOf('?') > 0 ? '&' : '?') + item.paramName}=${window.globalConfig?.token}`;
      }
      if (item.subType === '外链') {
        if (item.paramValue === 'ticket') {
          toRevenue(item); // 去营收
          return;
        }
        if (item?.openOpt === '当前页打开') {
          props.history.push('/thirdParty', { linkUrl: url });
        } else {
          window.open(url, '_blank');
        }
        return;
      }
      axios({
        url: link,
        method: 'get',
        dataType: 'json',
      }).then(res => {
        if (res?.data?.code === 0) {
          if (item?.openOpt === '当前页打开') {
            props.history.push('/thirdParty', { linkUrl: res.data?.data });
          } else {
            window.open(res.data?.data, '_blank');
          }
        }
      });
    }
  };

  useEffect(() => {
    getData();
    window.addEventListener('resize', debounce(onResize, 300));
    onResize();

    return () => {
      window.removeEventListener('resize', onResize);
      timer2.current && clearInterval(timer2.current);
      timer2.current = null;
      timer3.current && clearInterval(timer3.current);
      timer3.current = null;
    };
  }, []);
  useEffect(() => {
    const handleToggleIndustry = event => {
      setJumpLoading(false);
      jumpProgressEnd();
      window.jumpLoadingProgress = 0;
      let url = '';
      if (window.clientInfo?.url && window.clientInfo.subType === '内链') {
        url = searchUrl(window.clientInfo.url);
        window.clientInfo = null;
      }
      props.history.push(`/?client=${clientRef.current || props.global.client}`);
      props.updateCurrentIndex && props.updateCurrentIndex(0);
      defaultApp(url);
    };
    const handleError = () => {
      setJumpLoading(false);
      jumpProgressEnd();
    };

    loginAction.events.on('toggleIndustry', handleToggleIndustry);
    loginAction.events.on('loginError', handleError);

    return () => {
      loginAction && loginAction.events && loginAction.events.removeListener('toggleIndustry', handleToggleIndustry);
      loginAction && loginAction.events && loginAction.events.removeListener('loginError', handleError);
    };
  }, [loginAction.events, props]);
  return (
    <div className={classNames(styles.integrationSuzhou, 'integrationSuzhou')} ref={ref}>
      {jumpLoading ? (
        <div className={styles.integrationJumpLoad} key="jumpLoading">
          <div style={{ width: '285px' }}>
            <LoadPage percent={progressValue2 / 100} text="页面加载中~" />
          </div>
        </div>
      ) : null}
      {!linkUrl ? (
        <div className={styles.integrationSuzhou_exit} onClick={exit}>
          <Button type="text" style={{ color: '#fff', fontSize: '24px' }}>
            {isFullscreen ? <FullscreenExitOutlined /> : <FullscreenOutlined />}
          </Button>
        </div>
      ) : null}

      <div
        className={styles.integration_content}
        style={{
          width: boxWidth,
          height: boxSize.boxHeight,
          transform: `scale(${boxSize.scale}) translate(-50%,-50%)`,
        }}
      >
        <div className={styles.integrationSuzhou_title}>
          <img className={styles.integrationSuzhou_title1} src={imgMap['标题bg']} alt="宿州智慧水环境管理平台" />
          <img className={styles.integrationSuzhou_subTitle} src={imgMap.subTitle} alt="宿州北排" />
        </div>
        <div className={styles.integrationSuzhou_left}>
          <img src={imgMap.leftIcon} alt="" />
        </div>
        <div className={styles.integrationSuzhou_right}>
          <img src={imgMap.rightIcon} alt="" />
        </div>
        <div className={styles.integrationSuzhou_bottom}>
          <img className={styles.bottom1} src={imgMap['水环境']} alt="" />
          <img className={styles.bottom2} src={imgMap['水生态']} alt="" />
          <img className={styles.bottom3} src={imgMap['水资源']} alt="" />
          <img className={styles.bottom4} src={imgMap['六位一体']} alt="" />
          <img className={styles.bottom5} src={imgMap['水安全']} alt="" />
          <img className={styles.bottom6} src={imgMap['水文化']} alt="" />
          <img className={styles.bottom7} src={imgMap['水管理']} alt="" />
        </div>
        <div className={styles.integrationSuzhou_wrap}>
          <div className={styles.integrationSuzhou_boxLeft}>
            <img className={styles.integrationSuzhou_boxLeft_icon1} src={imgMap['运营中心']} alt="" />
            <img className={styles.integrationSuzhou_boxLeft_icon2} src={imgMap['业务应用']} alt="" />
            <img className={styles.integrationSuzhou_boxLeft_icon3} src={imgMap['支撑平台']} alt="" />
          </div>

          <div>
            <div className={classNames(styles.integration_row1)}>
              <div
                className={classNames(
                  styles.cell1_box,
                  integrationData['数字流域驾驶舱'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                )}
                name="数字流域驾驶舱"
                onClick={() => onLink(integrationData['数字流域驾驶舱'], loginAction)}
              >
                <div className={styles.cell1}>
                  <span>数字流域驾驶舱</span>
                </div>
              </div>
              <div
                className={classNames(
                  styles.cell1_box,
                  integrationData['河道信息专题'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                )}
                name="河道信息专题"
                onClick={() => onLink(integrationData['河道信息专题'], loginAction)}
              >
                <div className={styles.cell1}>
                  <span>河道信息专题</span>
                </div>
              </div>
              <div
                className={classNames(
                  styles.cell1_box,
                  integrationData['河道监测专题'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                )}
                name="河道监测专题"
                onClick={() => onLink(integrationData['河道监测专题'], loginAction)}
              >
                <div className={styles.cell1}>
                  <span>河道监测专题</span>
                </div>
              </div>
              <div
                className={classNames(
                  styles.cell1_box,
                  integrationData['河道水环境评价'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                )}
                name="河道水环境评价"
                onClick={() => onLink(integrationData['河道水环境评价'], loginAction)}
              >
                <div className={styles.cell1}>
                  <span>河道水环境评价</span>
                </div>
              </div>
            </div>
            <div className={classNames(styles.integration_row2)}>
              <div className={classNames(styles.integration_row2_box1)}>
                <div className={classNames(styles.integration_row2_box1_title)} />
                <div className={classNames(styles.integration_row2_box1_list)}>
                  <div
                    className={classNames(
                      styles.box1_cell_wrap,
                      integrationData['何道全景'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                    )}
                    name="何道全景"
                    onClick={() => onLink(integrationData['何道全景'], loginAction)}
                  >
                    <div className={classNames(styles.box1_cell)}>- 何道全景 -</div>
                  </div>
                  <div
                    className={classNames(
                      styles.box1_cell_wrap,
                      integrationData['水质监控'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                    )}
                    name="水质监控"
                    onClick={() => onLink(integrationData['水质监控'], loginAction)}
                  >
                    <div className={classNames(styles.box1_cell)}>- 水质监控 -</div>
                  </div>
                  <div
                    className={classNames(
                      styles.box1_cell_wrap,
                      integrationData['流量监控'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                    )}
                    name="流量监控"
                    onClick={() => onLink(integrationData['流量监控'], loginAction)}
                  >
                    <div className={classNames(styles.box1_cell)}>- 流量监控 -</div>
                  </div>
                  <div
                    className={classNames(
                      styles.box1_cell_wrap,
                      integrationData['水位监控'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                    )}
                    name="水位监控"
                    onClick={() => onLink(integrationData['水位监控'], loginAction)}
                  >
                    <div className={classNames(styles.box1_cell)}>- 水位监控 -</div>
                  </div>
                  <div
                    className={classNames(
                      styles.box1_cell_wrap,
                      integrationData['曝气监测'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                    )}
                    name="曝气监测"
                    onClick={() => onLink(integrationData['曝气监测'], loginAction)}
                  >
                    <div className={classNames(styles.box1_cell)}>- 曝气监测 -</div>
                  </div>
                  <div
                    className={classNames(
                      styles.box1_cell_wrap,
                      integrationData['视频监控'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                    )}
                    name="视频监控"
                    onClick={() => onLink(integrationData['视频监控'], loginAction)}
                  >
                    <div className={classNames(styles.box1_cell)}>- 视频监控 -</div>
                  </div>
                  <div
                    className={classNames(
                      styles.box1_cell_wrap,
                      integrationData['排口管控'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                    )}
                    name="排口管控"
                    onClick={() => onLink(integrationData['排口管控'], loginAction)}
                  >
                    <div className={classNames(styles.box1_cell)}>- 排口管控 -</div>
                  </div>
                </div>
              </div>
              <div className={classNames(styles.integration_row2_box2)}>
                <div className={classNames(styles.integration_row2_box2_title)} />
                <div className={classNames(styles.integration_row2_box2_list)}>
                  <div
                    className={classNames(
                      styles.box2_cell_wrap,
                      integrationData['闸站格局'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                    )}
                    name="闸站格局"
                    onClick={() => onLink(integrationData['闸站格局'], loginAction)}
                  >
                    <div className={classNames(styles.box2_cell)}>- 闸站格局 -</div>
                  </div>
                  <div
                    className={classNames(
                      styles.box2_cell_wrap,
                      integrationData['闸站控制'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                    )}
                    name="闸站控制"
                    onClick={() => onLink(integrationData['闸站控制'], loginAction)}
                  >
                    <div className={classNames(styles.box2_cell)}>- 闸站控制 -</div>
                  </div>
                  <div
                    className={classNames(
                      styles.box2_cell_wrap,
                      integrationData['控制日志'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                    )}
                    name="控制日志"
                    onClick={() => onLink(integrationData['控制日志'], loginAction)}
                  >
                    <div className={classNames(styles.box2_cell)}>- 控制日志 -</div>
                  </div>
                  <div
                    className={classNames(
                      styles.box2_cell_wrap,
                      integrationData['运行记录'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                    )}
                    name="运行记录"
                    onClick={() => onLink(integrationData['运行记录'], loginAction)}
                  >
                    <div className={classNames(styles.box2_cell)}>- 运行记录 -</div>
                  </div>
                </div>
              </div>
              <div className={classNames(styles.integration_row2_box3)}>
                <div className={classNames(styles.integration_row2_box3_title)} />
                <div className={classNames(styles.integration_row2_box3_list)}>
                  <div
                    className={classNames(
                      styles.box3_cell_wrap,
                      integrationData['河管巡检'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                    )}
                    name="河管巡检"
                    onClick={() => onLink(integrationData['河管巡检'], loginAction)}
                  >
                    <div className={classNames(styles.box3_cell)}>- 河管巡检 -</div>
                  </div>
                  <div
                    className={classNames(
                      styles.box3_cell_wrap,
                      integrationData['设备维保'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                    )}
                    name="设备维保"
                    onClick={() => onLink(integrationData['设备维保'], loginAction)}
                  >
                    <div className={classNames(styles.box3_cell)}>- 设备维保 -</div>
                  </div>
                  <div
                    className={classNames(
                      styles.box3_cell_wrap,
                      integrationData['运维工单'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                    )}
                    name="运维工单"
                    onClick={() => onLink(integrationData['运维工单'], loginAction)}
                  >
                    <div className={classNames(styles.box3_cell)}>- 运维工单 -</div>
                  </div>
                  <div
                    className={classNames(
                      styles.box3_cell_wrap,
                      integrationData['应急指挥'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                    )}
                    name="应急指挥"
                    onClick={() => onLink(integrationData['应急指挥'], loginAction)}
                  >
                    <div className={classNames(styles.box3_cell)}>- 应急指挥 -</div>
                  </div>
                </div>
              </div>
              <div className={classNames(styles.integration_row2_box4)}>
                <div className={classNames(styles.integration_row2_box4_title)} />
                <div className={classNames(styles.integration_row2_box4_list)}>
                  <div
                    className={classNames(
                      styles.box4_cell_wrap,
                      integrationData['水质分析'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                    )}
                    name="水质分析"
                    onClick={() => onLink(integrationData['水质分析'], loginAction)}
                  >
                    <div className={classNames(styles.box4_cell)}>- 水质分析 -</div>
                  </div>
                  <div
                    className={classNames(
                      styles.box4_cell_wrap,
                      integrationData['设备运行'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                    )}
                    name="设备运行"
                    onClick={() => onLink(integrationData['设备运行'], loginAction)}
                  >
                    <div className={classNames(styles.box4_cell)}>- 设备运行 -</div>
                  </div>
                  <div
                    className={classNames(
                      styles.box4_cell_wrap,
                      integrationData['报表中心'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                    )}
                    name="报表中心"
                    onClick={() => onLink(integrationData['报表中心'], loginAction)}
                  >
                    <div className={classNames(styles.box4_cell)}>- 报表中心 -</div>
                  </div>
                  <div
                    className={classNames(
                      styles.box4_cell_wrap,
                      integrationData['绩效考核'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                    )}
                    name="绩效考核"
                    onClick={() => onLink(integrationData['绩效考核'], loginAction)}
                  >
                    <div className={classNames(styles.box4_cell)}>- 绩效考核 -</div>
                  </div>
                </div>
              </div>
            </div>
            <div className={classNames(styles.integration_row3)}>
              <div
                className={classNames(
                  styles.row3_cell,
                  integrationData['物联接入'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                )}
                onClick={() => onLink(integrationData['物联接入'], loginAction)}
              >
                <div className={classNames(styles.row3_text)} name="物联接入">
                  物联接入
                </div>
              </div>
              <div
                className={classNames(
                  styles.row3_cell,
                  integrationData['视频接入'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                )}
                onClick={() => onLink(integrationData['视频接入'], loginAction)}
              >
                <div className={classNames(styles.row3_text)} name="视频接入">
                  视频接入
                </div>
              </div>
              <div
                className={classNames(
                  styles.row3_cell,
                  integrationData['统一报警'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                )}
                onClick={() => onLink(integrationData['统一报警'], loginAction)}
              >
                <div className={classNames(styles.row3_text)} name="统一报警">
                  统一报警
                </div>
              </div>
              <div
                className={classNames(
                  styles.row3_cell,
                  integrationData['WEB组态'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                )}
                onClick={() => onLink(integrationData['WEB组态'], loginAction)}
              >
                <div className={classNames(styles.row3_text)} name="WEB组态">
                  WEB组态
                </div>
              </div>
              <div
                className={classNames(
                  styles.row3_cell,
                  integrationData['运维监管'] ? styles.integration_row_col_link : styles.integration_row_col_no,
                )}
                onClick={() => onLink(integrationData['运维监管'], loginAction)}
              >
                <div className={classNames(styles.row3_text)} name="运维监管">
                  运维监管
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div
        className={classNames(styles.iframeBack, 'animate__animated', 'animate__fadeIn')}
        onClick={() => props.logout()}
      >
        <div className={styles.iframeBackLeft}>
          <img src={arrowLeftImg} alt="退出" />
        </div>
        <div className={styles.iframeBackIcon}>
          <img src={backImg} alt="退出" />
          退出
        </div>
      </div>
    </div>
  );
};
const mapStateToProps = state => ({
  global: state.getIn(['global', 'globalConfig']),
  integratedConfig: state.getIn(['global', 'integratedConfig']),
});
const mapDispatchToProps = dispatch => ({
  updateConfig(config) {
    dispatch(actionCreators.getConfig(config));
  },
  createContext(data) {
    dispatch(actionCreators.createContext(data));
  },
  updateCurrentIndex(index) {
    dispatch(actionCreators.updateCurrentIndex(index));
  },
  logout() {
    dispatch(actionCreators.logout());
  },
});
export default connect(
  mapStateToProps,
  mapDispatchToProps,
)(IntegrationSuzhou);