module-menu 0.2.40 → 0.2.42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "module-menu",
-  "version": "0.2.40",
+  "version": "0.2.42",
   "description": "城市大数据平台公共头部及尾部",
   "main": "src/pages/index.jsx",
   "scripts": {

package/src/pages/ModuleMenu/constData.jsx

@@ -114,6 +114,11 @@ export const menuList = (stash = '') => [
             // url: require('../../assets/ic_pingjia.png'),
             url: stash !=='LNRD' ? require('../../assets/ic_pingjia.png') : require('../../assets/ic_pingjia_LNRD.svg'),
           },
+          {
+            childName: '数据标签',
+            path: '/datatag/',
+            url: require('../../assets/ic_biaoqian.png'),
+          },
         ]
       : [
           {
@@ -301,11 +306,11 @@ export const sysNameMap = (stash = '') => [
     // logoSrc: require('../../assets/datasharing_logo.svg'),
     logoSrc: stash !=='LNRD'? require('../../assets/datasharing_logo.svg'): require('../../assets/datasharing_logo_LNRD.svg'),
   },
-  // {
-  //     sysName: 'dataManager',
-  //     title: '数据标签',
-  //     logoSrc: require('../../assets/datalabel_logo.svg'),
-  // },
+  {
+      sysName: 'datatag',
+      title: '数据标签',
+      logoSrc: require('../../assets/biaoqian_logo.png'),
+  },
   {
     sysName: 'operate',
     title: '运维中心',

package/src/pages/ModuleMenu/index.jsx

@@ -1,361 +1,364 @@
-import { useState, useEffect, useRef, useMemo } from 'react';
-import { Popconfirm, message, Popover } from 'antd';
-import { menuList as menuListInit, menuIconSrc, sysNameMap } from './constData';
-import HeaderDropdown from '../ModuleUser/HeaderDropdown';
-import Axios from '../util/axios';
-import _ from 'lodash';
-import './index.less';
-import cn from 'classnames'
-/*
-*stash： 
-     一体化 integration
-     一体化 - 辽宁人大  LNRD
-     轻量级 不传
-     轻量级-国资委 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'].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 toModulePage = (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 {
-      if (nameStr === '平台运行总览') {
-        window.open('/dataadmin/#/overview', '_blank');
-        return;
-      }
-      let thirdPartyServiceJumpPath = ''; // 第三方服务跳转路径
-      switch (nameStr) {
-        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;
-        default:
-          break;
-      }
-      // 判断第三方服务是否有对应服务的菜单权限
-      window.location.href = thirdPartyServiceJumpPath;
-    }
-  };
-  // 跳转首页
-  const toHomePage = (index) => {
-    if (index === 0) {
-      window.location.href = ['integration', 'LNRD'].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);
-        }
-      }
-    }
-    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="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 !== '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="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'? '#4091F7':'#EA1A1A'
-          }}
-        >
-          <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')}
-        
-        >
-          <img
-            className="menu_title_content_img"
-            src={getLogoAndTitle().logoSrc}
-            alt="logo"
-          />
-          <span 
-          className={cn(stash !== 'LNRD'? 'menu_title_color':'menu_title_color_LNRD', '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 } from './constData';
+import HeaderDropdown from '../ModuleUser/HeaderDropdown';
+import Axios from '../util/axios';
+import _ from 'lodash';
+import './index.less';
+import cn from 'classnames'
+/*
+*stash： 
+     一体化 integration
+     一体化 - 辽宁人大  LNRD
+     轻量级 不传
+     轻量级-国资委 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'].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 toModulePage = (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 {
+      if (nameStr === '平台运行总览') {
+        window.open('/dataadmin/#/overview', '_blank');
+        return;
+      }
+      let thirdPartyServiceJumpPath = ''; // 第三方服务跳转路径
+      switch (nameStr) {
+        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;
+        default:
+          break;
+      }
+      // 判断第三方服务是否有对应服务的菜单权限
+      window.location.href = thirdPartyServiceJumpPath;
+    }
+  };
+  // 跳转首页
+  const toHomePage = (index) => {
+    if (index === 0) {
+      window.location.href = ['integration', 'LNRD'].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);
+        }
+      }
+    }
+    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="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 !== '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="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'? '#4091F7':'#EA1A1A'
+          }}
+        >
+          <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')}
+        
+        >
+          <img
+            className="menu_title_content_img"
+            src={getLogoAndTitle().logoSrc}
+            alt="logo"
+          />
+          <span 
+          className={cn(stash !== 'LNRD'? 'menu_title_color':'menu_title_color_LNRD', '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;

package/src/pages/ModuleMenu/index.less

@@ -118,6 +118,7 @@
 .menuIcon_size_LNRD{
   width: 75px;
   height: 75px;
+  line-height: 75px;
 }
 
 

package/src/pages/index.jsx

@@ -2,4 +2,4 @@ import ModuleMenu from './ModuleMenu';
 import ModuleUser from './ModuleUser';
 import Footer from './Footer';
 export { ModuleMenu, ModuleUser, Footer };
-// export default ModuleUser;
+// export default ModuleMenu;