调整网格调整，修正头部head数据传输逻辑

xusd

2024-09-16 a09205214e5cb6803563cb06c6d9f58d68916b73

调整网格调整，修正头部head数据传输逻辑

 gz-customerSystem/src/components/Layout/Header.jsx

@@ -37,10 +37,9 @@
 * handleClickMenu: function 头部导航点击
 * handleChangeRole: function 切换角色
 */
const Header = ({ roleActive, headerMenu, headerMenuActive, headerUserChange, handleClickMenu, handleChangeRole }) => {
  let navigate = useNavigate();
const Header = ({ roleActive, headerMenu, headerMenuActive, headerUserChange, handleClickMenu, handleChangeRole,userData }) => {

  const [data, setData] = useState([]);
  let navigate = useNavigate();

  // 修改密码窗口显示隐藏
  const [visible, setVisible] = useState(false);
@@ -73,7 +72,7 @@

  const userMenu = (
    <Menu>
      {data?.ctUseroleList?.length > 1 && (
      {userData?.ctUseroleList?.length > 1 && (
        <>
          <Menu.Item key="changeRole" onClick={() => setRoleModal({ visible: true, value: roleActive.id })}>
            <UserSwitchOutlined style={{ marginRight: '8px' }} />
@@ -110,9 +109,6 @@
    }
  }

  useEffect(() => {
    setData($$.getLocal('customerSystemUser') || {});
  }, [headerUserChange]);

  return (
    <header className="header">
@@ -155,9 +151,9 @@
            <div className="header-user-avatar">
              <Avatar icon={<UserOutlined />} />
              <div>
                <div className="header-user-name">{data?.trueName || '-'}</div>
                <div className="header-user-name">{userData?.trueName || '-'}</div>
                <div className="header-user-unit">
                  <span>{data?.unit || '-'}</span>
                  <span>{userData?.unit || '-'}</span>
                  <span className="public-rightBorder">{roleActive.roleName || '-'}</span>
                  <DownCircleFilled style={{ fontSize: '10px', marginLeft: '8px', color: '#ffffff' }} />
                </div>
@@ -173,7 +169,7 @@
            value={roleModal.value}
            onChange={(e) => setRoleModal({ visible: true, value: e.target.value, name: e.target.label, roleCode: e.target.roleCode })}
          >
            {data?.ctUseroleList?.map((x) => (
            {userData?.ctUseroleList?.map((x) => (
              <Radio key={x.roleId} value={x.roleId} label={x.roleName} roleCode={x.roleCode}>
                {x.roleName}
              </Radio>

 gz-customerSystem/src/components/Layout/index.jsx

@@ -55,6 +55,7 @@
    //网格跳转请求状态
    const [gridStatus, setGridStatus] = useState(false)
    const [searchParams] = useSearchParams();
    const [userData, setUserData] = useState({});


    // 切换头部menu
@@ -122,6 +123,8 @@
            $$.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
@@ -136,6 +139,7 @@
            }
        }
    }
	

    // 初始化 格式化数据适应菜单栏
    useEffect(() => {
@@ -154,6 +158,7 @@
                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: {} });
@@ -212,6 +217,10 @@
            getRolePower(roleActive.id, roleActive.roleName);
        }
    }, [roleActive.id]);
    useEffect(() => {
        let customerSystemUser = $$.getLocal('customerSystemUser');
        setUserData(customerSystemUser || {});
      }, [headerUserChange]);
console.log(gridStatus);
    return (
        <>
@@ -222,6 +231,7 @@
                handleClickMenu={handleClickHeaderMenu}
                headerUserChange={headerUserChange}
                handleChangeRole={handleChangeRole}
                userData={userData}
            />
            {gridStatus && isNotNav ? (
                <main className="layout-main" id="layoutMain">