| | |
| | | * @Version: 1.0.0 |
| | | * @Description: 外层layout |
| | | */ |
| | | import React, { useState, useRef, useEffect } from 'react'; |
| | | import { useLocation, Outlet, useNavigate } from 'react-router-dom'; |
| | | import React, { useState, useRef, useEffect } from 'react'; |
| | | import { useLocation, Outlet, useNavigate,useSearchParams } from 'react-router-dom'; |
| | | import './index.less'; |
| | | import Header from './Header'; |
| | | import Navigation from './Navigation'; |
| | |
| | | |
| | | //网格跳转请求状态 |
| | | const [gridStatus, setGridStatus] = useState(false) |
| | | const [searchParams] = useSearchParams(); |
| | | const [userData, setUserData] = useState({}); |
| | | |
| | | |
| | | // 切换头部menu |
| | | function handleClickHeaderMenu(values) { |
| | |
| | | $$.clearSessionStorage(); |
| | | $$.setSessionStorage('customerSystemToken', res.data?.token); |
| | | $$.setLocal('customerSystemUser', res.data || {}); |
| | | console.log('getGridToken', res.data); |
| | | setUserData(res.data || {}) |
| | | let ctUseroleList = res.data?.ctUseroleList || []; |
| | | console.log(ctUseroleList); |
| | | const roleId = ctUseroleList[0]?.roleId |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | // 初始化 格式化数据适应菜单栏 |
| | | useEffect(() => { |
| | | //单点登录,网格传一个token在session,如果有就请求接口 |
| | | const gridToken = $$.getSessionStorage('gridToken'); |
| | | // const gridToken = $$.getSessionStorage('gridToken'); |
| | | |
| | | const gridToken = searchParams.get('gridToken'); // 获取名为 'gridToken' 的参数 |
| | | console.log(gridToken,'gridToken') |
| | | if (gridToken) { |
| | | getGridToken(gridToken) |
| | | } else { |
| | |
| | | return; |
| | | } |
| | | let customerSystemUser = $$.getLocal('customerSystemUser'); |
| | | setUserData(customerSystemUser || {}) |
| | | let ctUseroleList = customerSystemUser?.ctUseroleList || []; |
| | | if (ctUseroleList[0]?.roleId) { |
| | | setRoleActive({ id: ctUseroleList[0]?.roleId, roleName: ctUseroleList[0]?.roleName, powerMap: {} }); |
| | |
| | | getRolePower(roleActive.id, roleActive.roleName); |
| | | } |
| | | }, [roleActive.id]); |
| | | useEffect(() => { |
| | | let customerSystemUser = $$.getLocal('customerSystemUser'); |
| | | setUserData(customerSystemUser || {}); |
| | | }, [headerUserChange]); |
| | | console.log(gridStatus); |
| | | return ( |
| | | <> |
| | |
| | | handleClickMenu={handleClickHeaderMenu} |
| | | headerUserChange={headerUserChange} |
| | | handleChangeRole={handleChangeRole} |
| | | userData={userData} |
| | | /> |
| | | {gridStatus && isNotNav ? ( |
| | | <main className="layout-main" id="layoutMain"> |