module-menu 0.1.28 → 0.1.30

package/.umirc.js

@@ -1,4 +1,3 @@
-// import { defineConfig } from 'umi';
 const { defineConfig } = require('umi');
 module.exports = defineConfig({
   nodeModulesTransform: {

package/package.json

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

package/src/pages/ModuleMenu/index.jsx

@@ -1,219 +1,254 @@
 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 './index.less'
+import { menuList as menuListInit, menuIconSrc, sysNameMap } from './constData';
+import HeaderDropdown from '../ModuleUser/HeaderDropdown';
+import './index.less';
 
 const ModuleMenu = ({ sysName }) => {
-    const [sessionMenu, setsessionMenu] = useState([]);
-    const [showMenuList, setshowMenuList] = useState(false);
-    const [menuList, setMenuList] = useState([]);
+  const [sessionMenu, setsessionMenu] = useState([]);
+  const [showMenuList, setshowMenuList] = useState(false);
+  const [menuList, setMenuList] = useState([]);
 
-    useEffect(() => {
-        let newSessionMenu = getSessionMenu();
-        setsessionMenu(newSessionMenu);
-        let newMenuList = getNewMenuList();
-        // let newMenuList = menuListInit;
-        setMenuList(newMenuList);
-    }, []);
+  useEffect(() => {
+    let newSessionMenu = getSessionMenu();
+    setsessionMenu(newSessionMenu);
+    let newMenuList = getNewMenuList();
+    // let newMenuList = menuListInit;
+    setMenuList(newMenuList);
+  }, []);
 
-    const getSessionMenu = () => {
-        const menuObj = JSON.parse(sessionStorage.getItem('bigdata-menu'));
-        if (menuObj) {
-            return menuObj.content || []
-        }
-        return []
+  const getSessionMenu = () => {
+    const menuObj = JSON.parse(sessionStorage.getItem('bigdata-menu'));
+    if (menuObj) {
+      return menuObj.content || [];
     }
+    return [];
+  };
 
-    // 获取系统logo及title
-    const getLogoAndTitle = () => {
-        let sysInfo = sysNameMap.find(item => item.sysName === sysName);
-        let logoAndTitle = { logoSrc: "", title: "" };
-        if (sysInfo) {
-            logoAndTitle.logoSrc = sysInfo.logoSrc;
-            logoAndTitle.title = sysInfo.title;
-        };
-        return logoAndTitle;
+  // 获取系统logo及title
+  const getLogoAndTitle = () => {
+    let sysInfo = sysNameMap.find((item) => item.sysName === sysName);
+    let logoAndTitle = { logoSrc: '', title: '' };
+    if (sysInfo) {
+      logoAndTitle.logoSrc = sysInfo.logoSrc;
+      logoAndTitle.title = sysInfo.title;
     }
+    return logoAndTitle;
+  };
 
-    /**
-     * 判断第三方服务是否有对应服务的菜单权限
-     * @param {*} authMenus
-     * @param {*} rootMenuPath
-     */
-    const judgeThirdPartyServiceIsHaveMenus = (authMenus, rootMenuPath) => {
-        let dsMenus = [];
-        if (
-            typeof authMenus !== "undefined" &&
-            authMenus !== null &&
-            authMenus.length > 0
-        ) {
-            const rootMenus = authMenus.filter((item) => {
-                const { parentId, type, path } = item;
-                if (parentId === -1 && type === "3" && path === rootMenuPath) {
-                    return true;
-                }
-                return false;
-            });
-            if (
-                rootMenus &&
-                Object.keys(rootMenus).length > 0 &&
-                rootMenus[0].children
-            ) {
-                dsMenus = rootMenus[0].children;
-            }
-        }
-        if (!dsMenus || dsMenus.length === 0) {
-            return false;
-        }
-        return true;
-    };
-    // 跳转各个模块
-    const toModulePage = (nameStr) => {
-        if (!sessionMenu || sessionMenu.length === 0) {
-            message.destroy()
-            message.warning("没有获取到菜单列表，请联系管理员添加权限");
-            return;
+  /**
+   * 判断第三方服务是否有对应服务的菜单权限
+   * @param {*} authMenus
+   * @param {*} rootMenuPath
+   */
+  const judgeThirdPartyServiceIsHaveMenus = (authMenus, rootMenuPath) => {
+    let dsMenus = [];
+    if (
+      typeof authMenus !== 'undefined' &&
+      authMenus !== null &&
+      authMenus.length > 0
+    ) {
+      const rootMenus = authMenus.filter((item) => {
+        const { parentId, type, path } = item;
+        console.log('object', path, rootMenuPath);
+        if (parentId === -1 && type === '3' && path === rootMenuPath) {
+          return true;
         }
-        console.log('nameStr', nameStr)
-        let thirdPartyServiceJumpPath = ""; // 第三方服务跳转路径
-        let thirdPartyServiceRootMenuPath = ""; // 第三方服务根菜单路径
-        switch (nameStr) {
-            case "数据集成":
-                thirdPartyServiceJumpPath = "/datacollect/";
-                thirdPartyServiceRootMenuPath = "/datacollection";
-                break;
-            case "数据治理":
-                thirdPartyServiceJumpPath = "/datamanage/";
-                thirdPartyServiceRootMenuPath = "/dataManager";
-                break;
-            case "元数据管理":
-                thirdPartyServiceJumpPath = "/metadata/";
-                thirdPartyServiceRootMenuPath = "/metadata";
-                break;
-            case "数据质量":
-                thirdPartyServiceJumpPath = "/quality/";
-                thirdPartyServiceRootMenuPath = "/quality/";
-                break;
-            case "离线开发":
-                thirdPartyServiceJumpPath = "/datadev/";
-                thirdPartyServiceRootMenuPath = "/datadev/";
-                break;
-            case "实时开发":
-                thirdPartyServiceJumpPath = "/dataanalytic/";
-                thirdPartyServiceRootMenuPath = "/dataanalytic";
-                break;
-            case "数据服务":
-                thirdPartyServiceJumpPath = "/dataservice/";
-                thirdPartyServiceRootMenuPath = "/dataservice";
-                break;
-            case "数据资产":
-                thirdPartyServiceJumpPath = "/dataasset/";
-                thirdPartyServiceRootMenuPath = "/dataasset";
-                break;
-            case "数据共享":
-                thirdPartyServiceJumpPath = "/datasharing/";
-                thirdPartyServiceRootMenuPath = "/datasharing";
-                break;
-            case "运维中心":
-                thirdPartyServiceJumpPath = "/operate/";
-                thirdPartyServiceRootMenuPath = "/operate";
-                break;
-            case "消息中心":
-                thirdPartyServiceJumpPath = "/alert/";
-                thirdPartyServiceRootMenuPath = "/alert/";
-                break;
-            default:
-                break;
-        }
-        // 判断第三方服务是否有对应服务的菜单权限
-        if (
-            !judgeThirdPartyServiceIsHaveMenus(
-                sessionMenu,
-                thirdPartyServiceRootMenuPath
-            )
+        return false;
+      });
+      if (
+        rootMenus &&
+        Object.keys(rootMenus).length > 0 &&
+        rootMenus[0].children
+      ) {
+        dsMenus = rootMenus[0].children;
+      }
+    }
+    if (!dsMenus || dsMenus.length === 0) {
+      return false;
+    }
+    return true;
+  };
+  // 跳转各个模块
+  const toModulePage = (nameStr) => {
+    if (!sessionMenu || sessionMenu.length === 0) {
+      message.destroy();
+      message.warning('没有获取到菜单列表，请联系管理员添加权限');
+      return;
+    }
+    console.log('nameStr', nameStr);
+    let thirdPartyServiceJumpPath = ''; // 第三方服务跳转路径
+    let thirdPartyServiceRootMenuPath = ''; // 第三方服务根菜单路径
+    switch (nameStr) {
+      case '数据集成':
+        thirdPartyServiceJumpPath = '/datacollect/';
+        thirdPartyServiceRootMenuPath = '/datacollection';
+        break;
+      case '数据治理':
+        thirdPartyServiceJumpPath = '/datamanage/';
+        thirdPartyServiceRootMenuPath = '/dataManager';
+        break;
+      case '元数据管理':
+        thirdPartyServiceJumpPath = '/metadata/';
+        thirdPartyServiceRootMenuPath = '/metadata';
+        break;
+      case '数据质量':
+        thirdPartyServiceJumpPath = '/quality/';
+        thirdPartyServiceRootMenuPath = '/quality/';
+        break;
+      case '离线开发':
+        thirdPartyServiceJumpPath = '/datadev/';
+        thirdPartyServiceRootMenuPath = '/datadev/';
+        break;
+      case '实时开发':
+        thirdPartyServiceJumpPath = '/dataanalytic/';
+        thirdPartyServiceRootMenuPath = '/dataanalytic';
+        break;
+      case '数据服务':
+        thirdPartyServiceJumpPath = '/dataservice/';
+        thirdPartyServiceRootMenuPath = '/dataservice';
+        break;
+      case '数据资产':
+        thirdPartyServiceJumpPath = '/dataasset/';
+        thirdPartyServiceRootMenuPath = '/dataasset';
+        break;
+      case '数据共享':
+        thirdPartyServiceJumpPath = '/datasharing/';
+        thirdPartyServiceRootMenuPath = '/datasharing';
+        break;
+      case '运维中心':
+        thirdPartyServiceJumpPath = '/operate/';
+        thirdPartyServiceRootMenuPath = '/operate';
+        break;
+      case '消息中心':
+        thirdPartyServiceJumpPath = '/alert/';
+        thirdPartyServiceRootMenuPath = '/alert';
+        break;
+      default:
+        break;
+    }
+    // 判断第三方服务是否有对应服务的菜单权限
+    if (
+      !judgeThirdPartyServiceIsHaveMenus(
+        sessionMenu,
+        thirdPartyServiceRootMenuPath,
+      )
+    ) {
+      message.destroy();
+      message.warning('您没有权限，请联系管理员添加权限。');
+      return;
+    }
+    window.location.href = thirdPartyServiceJumpPath;
+  };
+  // 跳转首页
+  const toHomePage = (index) => {
+    if (index === 0) {
+      window.location.href = '/#/index';
+    }
+  };
+  const getNewMenuList = () => {
+    const sessionMenu = getSessionMenu();
+    let newMenuList = [...menuListInit];
+    if (sessionMenu) {
+      const pathList = sessionMenu.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--
         ) {
-            message.destroy()
-            message.warning("您没有权限，请联系管理员添加权限。");
-            return
+          const child = menuItem.children[index_ch];
+          if (!pathList.includes(child.path)) {
+            newMenuList[index].children.splice(index_ch, 1);
+          }
         }
-        window.location.href = thirdPartyServiceJumpPath
-    };
-    // 跳转首页
-    const toHomePage = (index) => {
-        if (index === 0) {
-            window.location.href = '/#/index'
+        if (menuItem.children.length === 0 && menuItem.name !== '首页') {
+          newMenuList.splice(index, 1);
         }
-    };
-    const getNewMenuList = () => {
-        const sessionMenu = getSessionMenu()
-        let newMenuList = [...menuListInit];
-        if (sessionMenu) {
-            const pathList = sessionMenu.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 > 3 ? '90px' : '' }}>
-                <div className='leftMenu' style={{
-                    height: item.children.length > 3 ? '96px' : '70px',
-                    lineHeight: item.children.length > 3 ? '45px' : '70px',
-                }}>
-                    <img src={item.url} className="middle" />
-                    <span className="middle textPad" onClick={() => { toHomePage(index) }}>{item.name}</span>
-                </div>
-                <div className='rightMenu'
-                    style={{
-                        height: item.children.length > 3 ? '96px' : '70px',
-                        lineHeight: item.children.length > 3 ? '45px' : '70px',
-                        borderBottom: index === menuList.length - 1 ? '0px' : '1px solid #E9E9E9',
-                    }}>
-                    {
-                        item.children.map((child, idx) => {
-                            return (
-                                <span key={child.childName}>
-                                    <img src={child.url} className="middle iconPad" />
-                                    <span className='childMenu textPad middle' onClick={() => { toModulePage(child.childName) }}>{child.childName}</span>
-                                </span>
-                            )
-                        })
-                    }
-                </div>
-            </div>
-        )
-    });
-
+    return newMenuList;
+  };
+  const menu = menuList.map((item, index) => {
     return (
-        <div>
-            <div className='menuPopupAndTitle'>
-                <div className='menuIcon' onClick={() => setshowMenuList(!showMenuList)}>
-                    <img className="menuIcon_img" src={menuIconSrc} />
-                </div>
-                <div className="menu_title_content">
-                    <img className="menu_title_content_img" src={getLogoAndTitle().logoSrc} alt="logo" />
-                    <span className="menu_title">{getLogoAndTitle().title}</span>
-                </div>
-            </div>
-            <div className='menu_list_content' style={{ display: showMenuList ? 'block' : 'none' }}>
-                {menu}
-            </div>
-        </div >
+      <div
+        key={item.name}
+        className="cardLine"
+        style={{ height: item.children.length > 3 ? '90px' : '' }}
+      >
+        <div
+          className="leftMenu"
+          style={{
+            height: item.children.length > 3 ? '96px' : '70px',
+            lineHeight: item.children.length > 3 ? '45px' : '70px',
+          }}
+        >
+          <img src={item.url} className="middle" />
+          <span
+            className="middle textPad"
+            onClick={() => {
+              toHomePage(index);
+            }}
+          >
+            {item.name}
+          </span>
+        </div>
+        <div
+          className="rightMenu"
+          style={{
+            height: item.children.length > 3 ? '96px' : '70px',
+            lineHeight: item.children.length > 3 ? '45px' : '70px',
+            borderBottom:
+              index === menuList.length - 1 ? '0px' : '1px solid #E9E9E9',
+          }}
+        >
+          {item.children.map((child, idx) => {
+            return (
+              <span key={child.childName}>
+                <img src={child.url} className="middle iconPad" />
+                <span
+                  className="childMenu textPad middle"
+                  onClick={() => {
+                    toModulePage(child.childName);
+                  }}
+                >
+                  {child.childName}
+                </span>
+              </span>
+            );
+          })}
+        </div>
+      </div>
     );
+  });
 
-}
+  return (
+    <div>
+      <div className="menuPopupAndTitle">
+        <div
+          className="menuIcon"
+          onClick={() => setshowMenuList(!showMenuList)}
+        >
+          <img className="menuIcon_img" src={menuIconSrc} />
+        </div>
+        <div className="menu_title_content">
+          <img
+            className="menu_title_content_img"
+            src={getLogoAndTitle().logoSrc}
+            alt="logo"
+          />
+          <span className="menu_title">{getLogoAndTitle().title}</span>
+        </div>
+      </div>
+      <div
+        className="menu_list_content"
+        style={{ display: showMenuList ? 'block' : 'none' }}
+      >
+        {menu}
+      </div>
+    </div>
+  );
+};
 export default ModuleMenu;

package/src/pages/index.jsx

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