module-menu 0.3.6 → 0.3.7

package/src/pages/ModuleMenu/index.jsx

@@ -1,407 +1,424 @@
-import { useState, useEffect, useRef, useMemo } from 'react';
-import { Popconfirm, message, Popover } from 'antd';
-import { menuList as menuListInit, menuIconSrc, sysNameMap, menuList_HBJK} from './constData';
-import HeaderDropdown from '../ModuleUser/HeaderDropdown';
-import { getInfoByName, getUrlByInfo } from './service.js'
-import Axios from '../util/axios';
-import _ from 'lodash';
-import './index.less';
-import cn from 'classnames'
-/*
-*stash： 
-     一体化 integration
-     一体化 - 辽宁人大  LNRD
-     一体化 - 河北疾控  HBJK
-     轻量级 不传
-     轻量级-国资委 GZW
-*
-*/
-const ModuleMenu = ({ sysName, stash = '' }) => {
-  const [sessionMenu, setSessionMenu] = useState([]);
-  const [showMenuList, setshowMenuList] = useState(false);
-  const [menuList, setMenuList] = useState([]);
-  const [canOperatExchange, setCanOperatExchange] = useState(false); //是否具有政务共享平台权限
-  useEffect(() => {
-    localStorage.setItem('stash', stash)
-    getSessionMenu();
-  }, []);
-
-  const getSessionMenu = () => {
-    if(['integration', 'LNRD', 'HBJK'].includes(stash)){
-      Axios(
-        'get',
-        '/admin-api/system/user/get-user-menu-List?menuName=数据平台',
-        '',
-        {},
-      )
-        .then((res) => {
-          // const resD = JSON.parse(localStorage.getItem('moduleRoutes'))
-          //   let menuGet =
-          //     (resD?.map((item) => {
-          //         return {
-          //           ...item,
-          //           path:
-          //             item.path.indexOf('/') !== -1
-          //               ? item.path
-          //               : '/' + item.path,
-          //         };
-          //       })) ||
-          //     [];
-          //     console.log('menuGet', menuGet)
-          //   setSessionMenu(menuGet);
-          //   const menuLists = getNewMenuList(menuGet);
-          //   setMenuList(menuLists);
-
-          if (res.data.code === 0) {
-            let menuGet =
-              (res.data.data &&
-                res.data.data[0]?.routes?.map((item) => {
-                  return {
-                    ...item,
-                    path:
-                      item.path.indexOf('/') !== -1
-                        ? item.path
-                        : '/' + item.path,
-                  };
-                })) ||
-              [];
-              console.log('menuGet', menuGet)
-            setSessionMenu(menuGet);
-            const menuLists = getNewMenuList(menuGet);
-            setMenuList(menuLists);
-          }
-        })
-        .catch((e) => console.log('e', e));
-    }else{
-      const menuObj = JSON.parse(sessionStorage.getItem('bigdata-menu'));
-      let menuGet = menuObj?.content || [];
-      setSessionMenu(menuGet);
-      const menuLists = getNewMenuList(menuGet);
-      setMenuList(menuLists);
-      let exchangeInfo =
-        menuGet && menuGet.find((item) => item.path === '/exchange');
-      if (exchangeInfo) {
-        setCanOperatExchange(true);
-      }
-    }
-  };
-
-  // 获取系统logo及title
-  const getLogoAndTitle = () => {
-    let sysInfo = sysNameMap(stash).find((item) => item.sysName === sysName);
-    let logoAndTitle = { logoSrc: '', title: '' };
-    if (sysInfo) {
-      logoAndTitle.logoSrc = sysInfo.logoSrc;
-      logoAndTitle.title = sysInfo.title;
-    }
-    return logoAndTitle;
-  };
-
-  const getUrl = async (name) => {
-    let res = null;
-    let obj = {}
-    res = await getInfoByName(name)
-    obj = {
-      clientId: res.data.data.clientId,
-      redirectUrl: encodeURIComponent(res.data.data.redirectUris[0]),
-    }
-    res = await getUrlByInfo(obj)
-    return res.data.data
-  };
-
-
-  // 跳转各个模块
-  const toModulePage = async (nameStr) => {
-    if (!sessionMenu || sessionMenu.length === 0) {
-      message.destroy();
-      message.warning('没有获取到菜单列表，请联系管理员添加权限');
-      return;
-    }
-
-    if (nameStr === '政务共享交换平台') {
-      Axios('get', '/admin/social/logoutUri', '', {})
-        .then((res) => {
-          if (res.data.code === 0) {
-            if (res.data.data.search('http') !== -1) {
-              window.location.href = res.data.data;
-            }
-          } else {
-            message.warning(res.data.msg || '获取信息失败');
-          }
-        })
-        .catch((error) => {
-          console.error('Error while logging out, error:', error);
-          message.error('服务器错误，请稍后重试');
-        });
-    } else {
-      let thirdPartyServiceJumpPath = ''; // 第三方服务跳转路径
-      switch (nameStr) {
-        case '平台运行总览':
-          thirdPartyServiceJumpPath = '/dataadmin/#/overview';
-          break;
-        case '数据集成':
-          thirdPartyServiceJumpPath = '/datacollect/';
-          break;
-        case '数据治理':
-          thirdPartyServiceJumpPath = '/datamanage/';
-          break;
-        case '元数据管理':
-          thirdPartyServiceJumpPath = '/metadata/';
-          break;
-        case '数据质量':
-          thirdPartyServiceJumpPath = '/quality/';
-          break;
-        case '离线开发':
-          thirdPartyServiceJumpPath = '/datadev/';
-          break;
-        case '实时开发':
-          thirdPartyServiceJumpPath = '/dataanalytic/';
-          break;
-        case '数据服务':
-          thirdPartyServiceJumpPath = '/dataservice/';
-          break;
-        case '数据资产':
-          thirdPartyServiceJumpPath = '/dataasset/';
-          break;
-        case '数据共享':
-          thirdPartyServiceJumpPath = '/datasharing/';
-          break;
-        case '运维中心':
-          thirdPartyServiceJumpPath = '/operate/';
-          break;
-        case '消息中心':
-          thirdPartyServiceJumpPath = '/alert/';
-          break;
-        case '数据安全':
-          thirdPartyServiceJumpPath = '/datasecurity/';
-          break;
-        case '目录管理':
-          thirdPartyServiceJumpPath = '/admin-ui/catalog';
-          break;
-        case '资源管理':
-          thirdPartyServiceJumpPath = '/admin-ui/resource/tableResource/list';
-          break;
-        case '供需对接':
-          thirdPartyServiceJumpPath =
-            '/admin-ui/supply-and-demand-docking/dataRequirement/propose/list';
-          break;
-        case '数据直达':
-          thirdPartyServiceJumpPath = '/admin-ui/cascade';
-          break;
-        case '综合评价系统':
-          thirdPartyServiceJumpPath = '/admin-ui/evaluate';
-          break;
-        case '数据标签':
-          thirdPartyServiceJumpPath = '/datatag/';
-          break;
-        case '数据可视化':
-            thirdPartyServiceJumpPath = await getUrl('dataview')
-            break;
-        case '数据填报':
-            thirdPartyServiceJumpPath = await getUrl('datafill')
-            break;
-        case '知识图谱':
-            thirdPartyServiceJumpPath = await getUrl('knowledge')
-            break;
-        case '指标管理':
-            thirdPartyServiceJumpPath = await getUrl('indicator')
-            break;
-        default:
-          break;
-      }
-      if (['公共卫生监测人口库', '电子传染病档案库', '应急资源库', '传染病防控知识库', '主题库'].includes(nameStr)) {
-           thirdPartyServiceJumpPath = `/data-resource-center/data-source/list?menuName=${nameStr}`
-      }
-      // 判断第三方服务是否有对应服务的菜单权限
-      // window.location.href = thirdPartyServiceJumpPath;
-      if (
-        ['平台运行总览', '知识图谱', '数据可视化', '数据填报', '指标管理'].includes(nameStr)
-      ) {
-        window.open(thirdPartyServiceJumpPath, '_blank')
-      } else {
-        window.location.href = thirdPartyServiceJumpPath
-      }
-    }
-  };
-  // 跳转首页
-  const toHomePage = (index) => {
-    if (index === 0) {
-      window.location.href = ['integration', 'LNRD', 'HBJK'].includes(stash) ? '/dataadmin/#/index' : (stash === 'GZW' ? '/data-platform/#/index' : '/#/index')
-    }
-  };
-  const getNewMenuList = (menuGet) => {
-    let newMenuList = _.cloneDeep(menuListInit(stash));
-    if (menuGet) {
-      const pathList = menuGet.map((item) => item.path);
-      // 过滤掉没有权限的子菜单(PS：如果模块下面子菜单都没有，则不显示该模块)
-      for (let index = newMenuList.length - 1; index >= 0; index--) {
-        const menuItem = newMenuList[index];
-        for (
-          let index_ch = menuItem.children.length - 1;
-          index_ch >= 0;
-          index_ch--
-        ) {
-          const child = menuItem.children[index_ch];
-          if (!pathList.includes(child.path)) {
-            newMenuList[index].children.splice(index_ch, 1);
-          }
-        }
-        if (menuItem.children.length === 0 && menuItem.name !== '首页') {
-          newMenuList.splice(index, 1);
-        }
-      }
-    }
-     if (stash === 'HBJK') {
-      newMenuList = newMenuList.concat(menuList_HBJK);
-    }
-    return newMenuList;
-  };
-  const menu = menuList.map((item, index) => {
-    return (
-      <div
-        key={item.name}
-        className="cardLine"
-        style={{
-          height:
-            item.children.length > 6
-              ? '140px'
-              : item.children.length > 3
-              ? '90px'
-              : '',
-        }}
-      >
-        <div
-          className={stash === 'HBJK' ? 'leftMenu_HBJK' : 'leftMenu'}
-          style={{
-            height:
-              item.children.length > 6
-                ? '140px'
-                : item.children.length > 3
-                ? '96px'
-                : '70px',
-            lineHeight:
-              item.children.length > 6
-                ? '140px'
-                : item.children.length > 3
-                ? '45px'
-                : '70px',
-          }}
-        >
-          <img src={item.url} className={
-            stash === 'HBJK' ? 'middle_HBJK' : 
-            stash !== 'LNRD' ? 'middle' : 'middle_LNRD'
-          } />
-          <span
-          className={cn(stash !== 'LNRD'? 'middle' : 'middle_LNRD', 'textPad')}
-            // className=`${{stash !== 'LNRD'? 'middle' : 'middle_LNRD'}} textPad`
-            onClick={() => {
-              toHomePage(index);
-            }}
-          >
-            {item.name}
-          </span>
-        </div>
-        <div
-          className={stash === 'HBJK' ? 'rightMenu_HBJK' : 'rightMenu'}
-          style={{
-            height:
-              item.children.length > 6
-                ? '140px'
-                : item.children.length > 3
-                ? '96px'
-                : '70px',
-            lineHeight:
-              item.children.length > 6
-                ? '45px'
-                : item.children.length > 3
-                ? '45px'
-                : '70px',
-            borderBottom:
-              index === menuList.length - 1 ? '0px' : '1px solid #E9E9E9',
-          }}
-        >
-          {index === 0 && canOperatExchange ? (
-            <div key={'政务共享交换平台'}>
-              <img
-                src={require('../../assets/exchange_slogo.svg')}
-                className="middle exchangeIcon"
-              />
-              <span
-                className="middle exchangeCss"
-                onClick={() => {
-                  toModulePage('政务共享交换平台');
-                }}
-              >
-                政务共享交换平台
-              </span>
-            </div>
-          ) : (
-            item.children.map((child, idx) => {
-              return (
-                <span key={child.childName}>
-                  <img src={child.url}
-                  className ={cn(stash !== 'LNRD'? 'middle': 'middle_LNRD',  'iconPad')}
-                  //  className="middle iconPad" 
-                  />
-                  <span
-                  className ={cn(stash !== 'LNRD'? 'childMenu' : 'childMenu_LNRD', stash !== 'LNRD'? 'middle' : 'middle_LNRD','textPad')}
-                    // className="childMenu textPad middle"
-                    onClick={() => {
-                      toModulePage(child.childName);
-                    }}
-                  >
-                    {child.childName}
-                  </span>
-                </span>
-              );
-            })
-          )}
-        </div>
-      </div>
-    );
-  });
-
-  return (
-    <div>
-      <div className="menuPopupAndTitle">
-        <div
-          className={cn(stash !== 'LNRD'? 'menuIcon_size':'menuIcon_size_LNRD', 'menuIcon')}
-          onMouseOver={() => setshowMenuList(true)}
-          style={{
-            // backgroundImage: `url(${menuIconSrc})`,
-            backgroundRepeat: 'no-repeat',
-            backgroundSize: '50%',
-            backgroundPosition: 'center',
-            backgroundColor: stash === 'LNRD'? '#EA1A1A': stash === 'HBJK'? '#1373FF' : '#4091F7'
-
-          }}
-        >
-          <img src={menuIconSrc} className={cn(stash !== 'LNRD'? null:'menuIcon_img')}></img>
-        </div>
-        <div className={cn(stash !== 'LNRD'? 'menu_title_content_size':'menu_title_content_size_LNRD', 'menu_title_content')}
-        
-        >
-          {stash !== 'HBJK' && <img
-            className="menu_title_content_img"
-            src={getLogoAndTitle().logoSrc}
-            alt="logo"
-          />}
-          <span 
-          className={cn(['LNRD','HBJK'].includes(stash)? 'menu_title_color_LNRD':'menu_title_color', 'menu_title')}
-          // className="menu_title"
-          >{getLogoAndTitle().title}</span>
-        </div>
-      </div>
-      <div
-      className={cn(stash !== 'LNRD'? 'menu_list_content_top':'menu_list_content_top_LNRD', 'menu_list_content')}
-        // className="menu_list_content"
-        style={{ display: showMenuList ? 'block' : 'none' }}
-        onMouseOver={() => setshowMenuList(true)}
-        onMouseOut={() => setshowMenuList(false)}
-      >
-        {menu}
-      </div>
-    </div>
-  );
-};
-export default ModuleMenu;
+import { useState, useEffect, useRef, useMemo } from 'react';
+import { Popconfirm, message, Popover } from 'antd';
+import { menuList as menuListInit, menuIconSrc, sysNameMap, menuList_HBJK} from './constData';
+import HeaderDropdown from '../ModuleUser/HeaderDropdown';
+import { getInfoByName, getUrlByInfo } from './service.js'
+import Axios from '../util/axios';
+import _ from 'lodash';
+import './index.less';
+import cn from 'classnames'
+/*
+*stash：
+     一体化 integration
+     一体化 - 辽宁人大  LNRD
+     一体化 - 河北疾控  HBJK
+     轻量级 不传
+     轻量级-国资委 GZW
+*
+*/
+const ModuleMenu = ({ sysName, stash = '' }) => {
+  const [sessionMenu, setSessionMenu] = useState([]);
+  const [showMenuList, setshowMenuList] = useState(false);
+  const [menuList, setMenuList] = useState([]);
+  const [canOperatExchange, setCanOperatExchange] = useState(false); //是否具有政务共享平台权限
+  useEffect(() => {
+    localStorage.setItem('stash', stash)
+    getSessionMenu();
+  }, []);
+
+  const getSessionMenu = () => {
+    if(['integration', 'LNRD', 'HBJK'].includes(stash)){
+      Axios(
+        'get',
+        '/admin-api/system/user/get-user-menu-List?menuName=数据平台',
+        '',
+        {},
+      )
+        .then((res) => {
+          // const resD = JSON.parse(localStorage.getItem('moduleRoutes'))
+          //   let menuGet =
+          //     (resD?.map((item) => {
+          //         return {
+          //           ...item,
+          //           path:
+          //             item.path.indexOf('/') !== -1
+          //               ? item.path
+          //               : '/' + item.path,
+          //         };
+          //       })) ||
+          //     [];
+          //     console.log('menuGet', menuGet)
+          //   setSessionMenu(menuGet);
+          //   const menuLists = getNewMenuList(menuGet);
+          //   setMenuList(menuLists);
+
+          if (res.data.code === 0) {
+            let menuGet =
+              (res.data.data &&
+                res.data.data[0]?.routes?.map((item) => {
+                  return {
+                    ...item,
+                    path:
+                      item.path.indexOf('/') !== -1
+                        ? item.path
+                        : '/' + item.path,
+                  };
+                })) ||
+              [];
+              console.log('menuGet', menuGet)
+            setSessionMenu(menuGet);
+            const menuLists = getNewMenuList(menuGet);
+            setMenuList(menuLists);
+          }
+        })
+        .catch((e) => console.log('e', e));
+    }else{
+      const menuObj = JSON.parse(sessionStorage.getItem('bigdata-menu'));
+      let menuGet = menuObj?.content || [];
+      setSessionMenu(menuGet);
+      const menuLists = getNewMenuList(menuGet);
+      setMenuList(menuLists);
+      let exchangeInfo =
+        menuGet && menuGet.find((item) => item.path === '/exchange');
+      if (exchangeInfo) {
+        setCanOperatExchange(true);
+      }
+    }
+  };
+
+  // 获取系统logo及title
+  const getLogoAndTitle = () => {
+    let sysInfo = sysNameMap(stash).find((item) => item.sysName === sysName);
+    let logoAndTitle = { logoSrc: '', title: '' };
+    if (sysInfo) {
+      logoAndTitle.logoSrc = sysInfo.logoSrc;
+      logoAndTitle.title = sysInfo.title;
+    }
+    return logoAndTitle;
+  };
+
+  const getUrl = async (name) => {
+    let res = null;
+    let obj = {}
+    res = await getInfoByName(name)
+    obj = {
+      clientId: res.data.data.clientId,
+      redirectUrl: encodeURIComponent(res.data.data.redirectUris[0]),
+    }
+    res = await getUrlByInfo(obj)
+    return res.data.data
+  };
+
+
+  // 跳转各个模块
+  const toModulePage = async (nameStr) => {
+    if (!sessionMenu || sessionMenu.length === 0) {
+      message.destroy();
+      message.warning('没有获取到菜单列表，请联系管理员添加权限');
+      return;
+    }
+
+    // 针对HBJK的标签管理，从菜单权限数据中获取动态路径
+    if (stash === 'HBJK' && nameStr === '标签管理') {
+      const menuItem = sessionMenu?.find(item => item.name === '标签管理');
+      if (menuItem && menuItem.path) {
+        window.open(menuItem.path, '_blank');
+        return;
+      }
+    }
+
+    if (nameStr === '政务共享交换平台') {
+      Axios('get', '/admin/social/logoutUri', '', {})
+        .then((res) => {
+          if (res.data.code === 0) {
+            if (res.data.data.search('http') !== -1) {
+              window.location.href = res.data.data;
+            }
+          } else {
+            message.warning(res.data.msg || '获取信息失败');
+          }
+        })
+        .catch((error) => {
+          console.error('Error while logging out, error:', error);
+          message.error('服务器错误，请稍后重试');
+        });
+    } else {
+      let thirdPartyServiceJumpPath = ''; // 第三方服务跳转路径
+      switch (nameStr) {
+        case '平台运行总览':
+          thirdPartyServiceJumpPath = '/dataadmin/#/overview';
+          break;
+        case '数据集成':
+          thirdPartyServiceJumpPath = '/datacollect/';
+          break;
+        case '数据治理':
+          thirdPartyServiceJumpPath = '/datamanage/';
+          break;
+        case '元数据管理':
+          thirdPartyServiceJumpPath = '/metadata/';
+          break;
+        case '数据质量':
+          thirdPartyServiceJumpPath = '/quality/';
+          break;
+        case '离线开发':
+          thirdPartyServiceJumpPath = '/datadev/';
+          break;
+        case '实时开发':
+          thirdPartyServiceJumpPath = '/dataanalytic/';
+          break;
+        case '数据服务':
+          thirdPartyServiceJumpPath = '/dataservice/';
+          break;
+        case '数据资产':
+          thirdPartyServiceJumpPath = '/dataasset/';
+          break;
+        case '数据共享':
+          thirdPartyServiceJumpPath = '/datasharing/';
+          break;
+        case '运维中心':
+          thirdPartyServiceJumpPath = '/operate/';
+          break;
+        case '消息中心':
+          thirdPartyServiceJumpPath = '/alert/';
+          break;
+        case '数据安全':
+          thirdPartyServiceJumpPath = '/datasecurity/';
+          break;
+        case '目录管理':
+          thirdPartyServiceJumpPath = '/admin-ui/catalog';
+          break;
+        case '资源管理':
+          thirdPartyServiceJumpPath = '/admin-ui/resource/tableResource/list';
+          break;
+        case '供需对接':
+          thirdPartyServiceJumpPath =
+            '/admin-ui/supply-and-demand-docking/dataRequirement/propose/list';
+          break;
+        case '数据直达':
+          thirdPartyServiceJumpPath = '/admin-ui/cascade';
+          break;
+        case '综合评价系统':
+          thirdPartyServiceJumpPath = '/admin-ui/evaluate';
+          break;
+        case '数据标签':
+          thirdPartyServiceJumpPath = '/datatag/';
+          break;
+        case '数据可视化':
+            thirdPartyServiceJumpPath = await getUrl('dataview')
+            break;
+        case '数据填报':
+            thirdPartyServiceJumpPath = await getUrl('datafill')
+            break;
+        case '知识图谱':
+            thirdPartyServiceJumpPath = await getUrl('knowledge')
+            break;
+        case '指标管理':
+            thirdPartyServiceJumpPath = await getUrl('indicator')
+            break;
+        default:
+          break;
+      }
+      if (['公共卫生监测人口库', '电子传染病档案库', '应急资源库', '传染病防控知识库', '主题库'].includes(nameStr)) {
+           thirdPartyServiceJumpPath = `/data-resource-center/data-source/list?menuName=${nameStr}`
+      }
+      // 判断第三方服务是否有对应服务的菜单权限
+      // window.location.href = thirdPartyServiceJumpPath;
+      if (
+        ['平台运行总览', '知识图谱', '数据可视化', '数据填报', '指标管理'].includes(nameStr)
+      ) {
+        window.open(thirdPartyServiceJumpPath, '_blank')
+      } else {
+        window.location.href = thirdPartyServiceJumpPath
+      }
+    }
+  };
+  // 跳转首页
+  const toHomePage = (index) => {
+    if (index === 0) {
+      window.location.href = ['integration', 'LNRD', 'HBJK'].includes(stash) ? '/dataadmin/#/index' : (stash === 'GZW' ? '/data-platform/#/index' : '/#/index')
+    }
+  };
+  const getNewMenuList = (menuGet) => {
+    let newMenuList = _.cloneDeep(menuListInit(stash));
+    if (menuGet) {
+      const pathList = menuGet.map((item) => item.path);
+      const nameList = menuGet.map((item) => item.name); // 添加按名称匹配的列表
+
+      // 过滤掉没有权限的子菜单(PS：如果模块下面子菜单都没有，则不显示该模块)
+      for (let index = newMenuList.length - 1; index >= 0; index--) {
+        const menuItem = newMenuList[index];
+        for (
+          let index_ch = menuItem.children.length - 1;
+          index_ch >= 0;
+          index_ch--
+        ) {
+          const child = menuItem.children[index_ch];
+
+          // 对于HBJK的标签管理，使用名称匹配而不是path匹配
+          const hasPermission = (stash === 'HBJK' && child.childName === '标签管理')
+            ? nameList.includes('标签管理')
+            : pathList.includes(child.path);
+
+          if (!hasPermission) {
+            newMenuList[index].children.splice(index_ch, 1);
+          }
+        }
+        if (menuItem.children.length === 0 && menuItem.name !== '首页') {
+          newMenuList.splice(index, 1);
+        }
+      }
+    }
+     if (stash === 'HBJK') {
+      newMenuList = newMenuList.concat(menuList_HBJK);
+    }
+    return newMenuList;
+  };
+  const menu = menuList.map((item, index) => {
+    return (
+      <div
+        key={item.name}
+        className="cardLine"
+        style={{
+          height:
+            item.children.length > 6
+              ? '140px'
+              : item.children.length > 3
+              ? '90px'
+              : '',
+        }}
+      >
+        <div
+          className={stash === 'HBJK' ? 'leftMenu_HBJK' : 'leftMenu'}
+          style={{
+            height:
+              item.children.length > 6
+                ? '140px'
+                : item.children.length > 3
+                ? '96px'
+                : '70px',
+            lineHeight:
+              item.children.length > 6
+                ? '140px'
+                : item.children.length > 3
+                ? '45px'
+                : '70px',
+          }}
+        >
+          <img src={item.url} className={
+            stash === 'HBJK' ? 'middle_HBJK' :
+            stash !== 'LNRD' ? 'middle' : 'middle_LNRD'
+          } />
+          <span
+          className={cn(stash !== 'LNRD'? 'middle' : 'middle_LNRD', 'textPad')}
+            // className=`${{stash !== 'LNRD'? 'middle' : 'middle_LNRD'}} textPad`
+            onClick={() => {
+              toHomePage(index);
+            }}
+          >
+            {item.name}
+          </span>
+        </div>
+        <div
+          className={stash === 'HBJK' ? 'rightMenu_HBJK' : 'rightMenu'}
+          style={{
+            height:
+              item.children.length > 6
+                ? '140px'
+                : item.children.length > 3
+                ? '96px'
+                : '70px',
+            lineHeight:
+              item.children.length > 6
+                ? '45px'
+                : item.children.length > 3
+                ? '45px'
+                : '70px',
+            borderBottom:
+              index === menuList.length - 1 ? '0px' : '1px solid #E9E9E9',
+          }}
+        >
+          {index === 0 && canOperatExchange ? (
+            <div key={'政务共享交换平台'}>
+              <img
+                src={require('../../assets/exchange_slogo.svg')}
+                className="middle exchangeIcon"
+              />
+              <span
+                className="middle exchangeCss"
+                onClick={() => {
+                  toModulePage('政务共享交换平台');
+                }}
+              >
+                政务共享交换平台
+              </span>
+            </div>
+          ) : (
+            item.children.map((child, idx) => {
+              return (
+                <span key={child.childName}>
+                  <img src={child.url}
+                  className ={cn(stash !== 'LNRD'? 'middle': 'middle_LNRD',  'iconPad')}
+                  //  className="middle iconPad"
+                  />
+                  <span
+                  className ={cn(stash !== 'LNRD'? 'childMenu' : 'childMenu_LNRD', stash !== 'LNRD'? 'middle' : 'middle_LNRD','textPad')}
+                    // className="childMenu textPad middle"
+                    onClick={() => {
+                      toModulePage(child.childName);
+                    }}
+                  >
+                    {child.childName}
+                  </span>
+                </span>
+              );
+            })
+          )}
+        </div>
+      </div>
+    );
+  });
+
+  return (
+    <div>
+      <div className="menuPopupAndTitle">
+        <div
+          className={cn(stash !== 'LNRD'? 'menuIcon_size':'menuIcon_size_LNRD', 'menuIcon')}
+          onMouseOver={() => setshowMenuList(true)}
+          style={{
+            // backgroundImage: `url(${menuIconSrc})`,
+            backgroundRepeat: 'no-repeat',
+            backgroundSize: '50%',
+            backgroundPosition: 'center',
+            backgroundColor: stash === 'LNRD'? '#EA1A1A': stash === 'HBJK'? '#1373FF' : '#4091F7'
+
+          }}
+        >
+          <img src={menuIconSrc} className={cn(stash !== 'LNRD'? null:'menuIcon_img')}></img>
+        </div>
+        <div className={cn(stash !== 'LNRD'? 'menu_title_content_size':'menu_title_content_size_LNRD', 'menu_title_content')}
+
+        >
+          {stash !== 'HBJK' && <img
+            className="menu_title_content_img"
+            src={getLogoAndTitle().logoSrc}
+            alt="logo"
+          />}
+          <span
+          className={cn(['LNRD','HBJK'].includes(stash)? 'menu_title_color_LNRD':'menu_title_color', 'menu_title')}
+          // className="menu_title"
+          >{getLogoAndTitle().title}</span>
+        </div>
+      </div>
+      <div
+      className={cn(stash !== 'LNRD'? 'menu_list_content_top':'menu_list_content_top_LNRD', 'menu_list_content')}
+        // className="menu_list_content"
+        style={{ display: showMenuList ? 'block' : 'none' }}
+        onMouseOver={() => setshowMenuList(true)}
+        onMouseOut={() => setshowMenuList(false)}
+      >
+        {menu}
+      </div>
+    </div>
+  );
+};
+export default ModuleMenu;