module-menu 0.1.2 → 0.1.4

package/src/pages/index.jsx

@@ -1,238 +1,2 @@
-import React, { Component } from 'react';
-import { Popconfirm, message } from 'antd';
-import './index.less'
-class ModuleMenu extends Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            showMenu: false,
-            menuList: [{
-                name: '首页',
-                url: require('../assets/home.svg'),
-                children: []
-            },
-            {
-                name: '数据汇聚',
-                url: require('../assets/module.svg'),
-                children: [{
-                    childName: '数据集成平台'
-                }]
-            },
-            {
-                name: '数据治理',
-                url: require('../assets/module.svg'),
-                children: [{
-                    childName: '数据治理平台'
-                },
-                {
-                    childName: '数据资产管理'
-                },
-                {
-                    childName: '元数据管理'
-                },
-                {
-                    childName: '数据质量管理'
-                }]
-            },
-            {
-                name: '数据开发',
-                url: require('../assets/module.svg'),
-                children: [{
-                    childName: '离线开发平台'
-                },
-                {
-                    childName: '实时开发平台'
-                }]
-            },
-            {
-                name: '数据开放',
-                url: require('../assets/module.svg'),
-                children: [{
-                    childName: '数据服务'
-                },
-                {
-                    childName: '数据集市'
-                }]
-            },
-            {
-                name: '数据应用',
-                url: require('../assets/module.svg'),
-                children: [{
-                    childName: '标签管理系统'
-                },
-                {
-                    childName: '数据可视化'
-                }]
-            }],
-            sessionMenu: {}
-        }
-    }
-
-    componentDidMount () {
-        const menuObj = JSON.parse(sessionStorage.getItem('bigdata-menu'))
-        console.log('menuObj', menuObj)
-        if (menuObj) {
-            this.setStateAsync({
-                sessionMenu: menuObj?.content
-            })
-        }
-    };
-
-    // 封装this.setState变成同步
-    setStateAsync(state) {
-        return new Promise((resolve) => {
-            this.setState(state, resolve);
-        });
-    };
-
-    /**
-     * 判断第三方服务是否有对应服务的菜单权限
-     * @param {*} authMenus
-     * @param {*} rootMenuPath
-     */
-     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;
-    }
-
-    // 跳转各个模块
-    toModulePage (nameStr) {
-        if (!this.state.sessionMenu || this.state.sessionMenu.length === 0) {
-            message.destroy()
-            message.warning("没有获取到菜单列表，请联系管理员添加权限");
-            return;
-        }
-        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 = "/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 = "/quality/";
-            thirdPartyServiceRootMenuPath = "/quality/";
-            break;
-        default:
-            break;
-        }
-        // 判断第三方服务是否有对应服务的菜单权限
-        if (
-        !this.judgeThirdPartyServiceIsHaveMenus(
-            this.state.sessionMenu,
-            thirdPartyServiceRootMenuPath
-        )
-        ) {
-            message.destroy()
-            message.warning("您没有权限，请联系管理员添加权限。");
-            return
-        }
-        window.location.href = thirdPartyServiceJumpPath
-    }
-
-    // 跳转首页
-    toHomePage (index) {
-        if (index === 0) {
-            window.location.href = '/index'
-        }
-    }
-
-    render() {
-        const menu = this.state.menuList.map((item, index) => {
-            return (
-                <div key={item.name} className="cardLine" style={{height: index === 2 ? '90px' : ''}}>
-                    <div className='leftMenu'>
-                        <img src={item.url} className="middle"/>
-                        <span className="middle textPad" onClick={() => {this.toHomePage(index)}}>{item.name}</span>
-                    </div>
-                    <div className='rightMenu' style={{height: index === 2 ? '90px' : '', borderBottom: index === 5 ? '0px' : '1px solid #E9E9E9'}}>
-                        {
-                            item.children.map((child, idx) => {
-                                return (
-                                    <span key={child.childName}>
-                                        <img src={require('../assets/childIcon.svg')} className="middle iconPad"/>
-                                        <span className='childMenu textPad middle' onClick={() => {this.toModulePage(child.childName)}}>{child.childName}</span>
-                                    </span>
-                                )
-                            })
-                        }
-                    </div>
-                </div>
-            )
-        })
-        return (
-            <>
-                <Popconfirm
-                    placement="rightTop"
-                    title={menu}
-                    okText=""
-                    icon={<></>}
-                    cancelText=""
-                    className='popupCss'
-                    showCancel = {false}
-                >
-                    <span className='menuIcon'>
-                        <img src={require('../assets/menuIcon.svg')}/>
-                    </span>
-                </Popconfirm>
-            </>
-        );
-    }
-}
-
-export default ModuleMenu
+import PageHeader from './PageHeader';
+export default PageHeader