module-menu 0.1.2 → 0.1.4

package/module-menu/src/assets/module.svg

@@ -0,0 +1,12 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="remix-icons/line/business/stack-line" clip-path="url(#clip0_1537_92448)">
+<g id="Group">
+<path id="Vector" d="M16.7358 12.6666L17.7375 13.2675C17.7993 13.3045 17.8504 13.3568 17.8859 13.4195C17.9214 13.4822 17.9401 13.553 17.9401 13.625C17.9401 13.697 17.9214 13.7678 17.8859 13.8304C17.8504 13.8931 17.7993 13.9455 17.7375 13.9825L10.4291 18.3675C10.2995 18.4453 10.1512 18.4865 9.99996 18.4865C9.84876 18.4865 9.7004 18.4453 9.57079 18.3675L2.26246 13.9825C2.20067 13.9455 2.14952 13.8931 2.114 13.8304C2.07848 13.7678 2.05981 13.697 2.05981 13.625C2.05981 13.553 2.07848 13.4822 2.114 13.4195C2.14952 13.3568 2.20067 13.3045 2.26246 13.2675L3.26413 12.6666L9.99996 16.7083L16.7358 12.6666ZM16.7358 8.74998L17.7375 9.35081C17.7993 9.3878 17.8504 9.44018 17.8859 9.50284C17.9214 9.5655 17.9401 9.63629 17.9401 9.70831C17.9401 9.78033 17.9214 9.85112 17.8859 9.91378C17.8504 9.97644 17.7993 10.0288 17.7375 10.0658L9.99996 14.7083L2.26246 10.0658C2.20067 10.0288 2.14952 9.97644 2.114 9.91378C2.07848 9.85112 2.05981 9.78033 2.05981 9.70831C2.05981 9.63629 2.07848 9.5655 2.114 9.50284C2.14952 9.44018 2.20067 9.3878 2.26246 9.35081L3.26413 8.74998L9.99996 12.7916L16.7358 8.74998ZM10.4283 1.09081L17.7375 5.47581C17.7993 5.5128 17.8504 5.56518 17.8859 5.62784C17.9214 5.6905 17.9401 5.76129 17.9401 5.83331C17.9401 5.90533 17.9214 5.97612 17.8859 6.03878C17.8504 6.10144 17.7993 6.15382 17.7375 6.19081L9.99996 10.8333L2.26246 6.19081C2.20067 6.15382 2.14952 6.10144 2.114 6.03878C2.07848 5.97612 2.05981 5.90533 2.05981 5.83331C2.05981 5.76129 2.07848 5.6905 2.114 5.62784C2.14952 5.56518 2.20067 5.5128 2.26246 5.47581L9.57079 1.09081C9.7004 1.01294 9.84876 0.971802 9.99996 0.971802C10.1512 0.971802 10.2995 1.01294 10.4291 1.09081H10.4283ZM9.99996 2.77664L4.90579 5.83331L9.99996 8.88998L15.0941 5.83331L9.99996 2.77664Z" fill="#4091F7"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_1537_92448">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/module-menu/src/assets/personalCenter.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 64 (93537) - https://sketch.com -->
+    <title>gerenzhongxin</title>
+    <desc>Created with Sketch.</desc>
+    <g id="数据服务" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理列表-2" transform="translate(-1772.000000, -80.000000)" fill="#333333" fill-rule="nonzero">
+            <g id="编组-5" transform="translate(1756.000000, 68.000000)">
+                <g id="gerenzhongxin" transform="translate(16.000000, 12.000000)">
+                    <path d="M7.67307692,9.86428571 C4.74423077,9.86428571 2.36153846,7.65178571 2.36153846,4.93214286 C2.36153846,2.2125 4.74423077,0 7.67307692,0 C10.6019231,0 12.9846154,2.2125 12.9846154,4.93214286 C12.9846154,7.65178571 10.6019231,9.86428571 7.67307692,9.86428571 Z M7.67307692,1.09642857 C5.39615385,1.09642857 3.54230769,2.81785714 3.54230769,4.93214286 C3.54230769,7.04642857 5.39615385,8.76785714 7.67307692,8.76785714 C9.95,8.76785714 11.8038462,7.04642857 11.8038462,4.93214286 C11.8038462,2.81785714 9.95,1.09642857 7.67307692,1.09642857 Z" id="形状"></path>
+                    <path d="M15.3442308,15.8928571 L14.1634615,15.8928571 C14.1634615,12.5696429 11.2519231,9.86428571 7.67115385,9.86428571 C4.09038462,9.86428571 1.18076923,12.5678571 1.18076923,15.8928571 L0,15.8928571 C0.00192307692,11.9642857 3.44230769,8.76785714 7.67307692,8.76785714 C11.9038462,8.76785714 15.3442308,11.9642857 15.3442308,15.8928571 Z" id="路径"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/module-menu/src/assets/systemManage.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 64 (93537) - https://sketch.com -->
+    <title>xitongshezhi_</title>
+    <desc>Created with Sketch.</desc>
+    <g id="数据服务" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="应用管理列表-2" transform="translate(-1772.000000, -112.000000)" fill="#333333" fill-rule="nonzero">
+            <g id="编组-5" transform="translate(1756.000000, 68.000000)">
+                <g id="xitongshezhi_" transform="translate(16.000000, 44.000000)">
+                    <path d="M15.7554167,6.05431547 C15.6943484,5.36907189 15.1324745,4.83659836 14.4449405,4.81241072 L14.4068452,4.81241072 C13.7245523,4.81031134 13.1725563,4.25661164 13.1725595,3.57431547 C13.1894821,3.41568895 13.2332822,3.26110022 13.3020833,3.11717262 C13.5861098,2.44582934 13.3641242,1.66729412 12.76875,1.24669642 L10.8639881,0.191458328 L10.7877976,0.157172625 C10.5965652,0.0748642334 10.3902679,0.0333452962 10.1820833,0.0352678594 C9.74525796,0.0306314659 9.32501074,0.202301078 9.01636905,0.511458328 C8.74269458,0.811882491 8.39033369,1.0296336 7.99922619,1.14002977 C7.60568608,1.02652332 7.25193622,0.80476968 6.97827381,0.500029766 C6.517294,0.0241812344 5.81463982,-0.126280049 5.19922619,0.119077375 L3.23351191,1.20860119 L3.15732142,1.258125 C2.56471494,1.67403047 2.34656678,2.44949147 2.63541667,3.11336309 C2.69775517,3.26129665 2.73632605,3.41815157 2.74970237,3.578125 C2.74676092,3.91355936 2.60907192,4.23372404 2.36761492,4.46658317 C2.12615791,4.6994423 1.80121345,4.82543747 1.46589286,4.81622023 L1.43541667,4.81622023 C0.764040797,4.85722966 0.224165385,5.38413509 0.166845234,6.05431547 C0.0693585459,6.56442342 0.0145656436,7.08177039 0.00303571875,7.60098214 C0.0154956054,8.1251784 0.0702769086,8.64751178 0.166845234,9.16288691 C0.233032956,9.82770245 0.772307937,10.3459877 1.43922619,10.385744 L1.51541667,10.385744 C2.19474709,10.3878215 2.74552504,10.9368995 2.74970238,11.6162202 C2.73839769,11.7752998 2.69973557,11.9312371 2.63541667,12.0771726 C2.35394046,12.744689 2.5722164,13.5181451 3.16113095,13.9400298 L5.01636905,14.9838393 L5.09255953,15.0219345 C5.28340695,15.1058753 5.48978479,15.1487085 5.69827381,15.1476488 C6.14571411,15.1509462 6.57456889,14.9689242 6.88303572,14.6447917 C7.15998746,14.3308498 7.51872894,14.1000419 7.91922619,13.978125 C8.32634165,14.098501 8.6892404,14.3355772 8.96303572,14.6600298 C9.26669102,14.990125 9.69547614,15.176854 10.1439881,15.1743472 C10.3537369,15.1756825 10.5614209,15.1328477 10.7535119,15.0486012 L12.6849405,13.985744 L12.761131,13.9362202 C13.3523556,13.519217 13.5688511,12.7439721 13.2792262,12.0809821 C13.2185821,11.9340346 13.1813058,11.7785026 13.16875,11.6200298 C13.1727521,11.2862766 13.3097162,10.967906 13.5492808,10.7354926 C13.7888454,10.5030792 14.1112193,10.3758234 14.4449405,10.3819345 C15.1213417,10.3431056 15.6706495,9.82118256 15.7439881,9.14764881 C15.8377694,8.63708262 15.8912675,8.11993392 15.9039881,7.60098214 C15.895278,7.08231817 15.8455996,6.56515323 15.7554167,6.05431547 Z M14.6392262,8.95717262 C14.6125595,9.10193453 14.536369,9.26193453 14.441131,9.26193453 C13.8058068,9.25169897 13.193073,9.49746677 12.7409155,9.94389164 C12.288758,10.3903165 12.0351926,10.9998648 12.0373214,11.6352679 C12.0488564,11.9431809 12.1159676,12.2464717 12.2354167,12.530506 C12.3097522,12.7007148 12.2596261,12.899653 12.1135119,13.0143155 L10.2544643,14.0162202 C10.2141958,14.0239381 10.172828,14.0239381 10.1325595,14.0162202 C10.0072596,14.0196155 9.8860621,13.9714119 9.79732142,13.8828869 C9.69446428,13.7686012 8.80684523,12.8238393 7.89255953,12.8238393 C6.97827383,12.8238393 6.06398809,13.8638393 6.06398809,13.8752679 C5.93302604,13.9939578 5.74967874,14.0358245 5.58017858,13.985744 L3.77827381,12.9838393 C3.65407574,12.8680984 3.61461703,12.6874989 3.67922619,12.530506 C3.80409728,12.2398659 3.87385361,11.928546 3.88494047,11.6124107 C3.88494216,10.3031412 2.82468452,9.24117894 1.51541667,9.23907738 L1.43922619,9.23907738 C1.41255952,9.23907738 1.32494047,9.14383928 1.28303572,8.94193453 C1.20034526,8.49173318 1.15321562,8.03572203 1.14208333,7.578125 C1.15435862,7.12690952 1.20148303,6.6773172 1.28303572,6.23336309 C1.29162759,6.11865112 1.34499269,6.01192092 1.43160714,5.93622023 L1.46589286,5.93622023 C2.10424051,5.94747589 2.72028345,5.7014808 3.17530218,5.25362773 C3.6303209,4.80577465 3.88606284,4.19371375 3.88494047,3.55526786 C3.87420143,3.24602342 3.80706805,2.94134113 3.68684523,2.65622023 C3.61516015,2.4904473 3.65996894,2.29730599 3.79732142,2.18002977 L5.68303572,1.16288691 C5.84969234,1.1187727 6.02735625,1.16175591 6.15541667,1.27717262 C6.19351191,1.31907739 7.10779762,2.27145834 7.99922619,2.27145833 C8.89065475,2.27145831 9.79351191,1.338125 9.83160714,1.29622023 C9.92786582,1.21030539 10.0530873,1.16402788 10.1820833,1.16669642 C10.2300522,1.16588184 10.2777824,1.17362188 10.3230357,1.18955358 L12.121131,2.19526786 C12.2517281,2.30826507 12.2987533,2.49029806 12.2392262,2.65241072 C12.1143551,2.94305075 12.0445988,3.2543707 12.0335119,3.57050595 C12.0325007,4.19995334 12.2815784,4.80402179 12.7259505,5.24982273 C13.1703226,5.69562367 13.7735883,5.94663928 14.4030357,5.94764881 C14.5630357,5.94764881 14.616369,6.15336309 14.6316071,6.24098214 C14.7145165,6.68226014 14.762917,7.1293274 14.776369,7.578125 C14.7680665,8.02959354 14.7209082,8.479509 14.6354167,8.92288691 L14.6392262,8.95717262 Z" id="形状"></path>
+                    <path d="M7.96875,4.56098214 C6.40377236,4.6734252 5.17990972,5.95569895 5.14049974,7.52421586 C5.10108977,9.09273278 6.25901293,10.4348504 7.81636905,10.625744 L7.96875,10.625744 C9.52620705,10.4694115 10.7119883,9.15864656 10.7119883,7.59336309 C10.7119883,6.02807962 9.52620705,4.7173147 7.96875,4.56098214 Z M7.96875,9.48288691 C6.91677905,9.48288691 6.06398809,8.63009595 6.06398809,7.578125 C6.06398809,6.52615405 6.91677905,5.67336309 7.96875,5.67336309 C9.02072095,5.67336309 9.87351191,6.52615405 9.87351191,7.578125 C9.87351191,8.63009595 9.02072095,9.48288691 7.96875,9.48288691 Z" id="形状"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/module-menu/src/pages/ModuleMenu/constData.jsx

@@ -0,0 +1,60 @@
+export const 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: '数据可视化'
+    }]
+}];
+export const menuIconSrc = require('../../assets/menuIcon.svg');
+export const childIconSrc = require('../../assets/childIcon.svg');

package/module-menu/src/pages/ModuleMenu/index.jsx

@@ -0,0 +1,181 @@
+import React, { Component } from 'react';
+import { Popconfirm, message } from 'antd';
+import {menuList, menuIconSrc, childIconSrc} from './constData'
+import './index.less'
+class ModuleMenu extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            showMenu: false,
+            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 = 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={childIconSrc} 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={false}
+                    cancelText=""
+                    className='popupCss'
+                    showCancel = {false}
+                >
+                    <div className='menuIcon'>
+                        <img src={menuIconSrc}/>
+                    </div>
+                </Popconfirm>
+            </>
+        );
+    }
+}
+
+export default ModuleMenu

package/module-menu/src/pages/ModuleUser/constData.jsx

@@ -0,0 +1,11 @@
+// 图标位置
+export const userMenuIcon = {
+    PersonalCenterSrc:require('../../assets/personalCenter.svg'),
+    MessageCenterSrc:require('../../assets/messageCenter.svg'),
+    SystemManageSrc:require('../../assets/systemManage.svg'),
+    LogoutSrc:require('../../assets/logout.png'),
+}
+export const PersonalCenterSrc = require('../../assets/personalCenter.svg');
+export const MessageCenterSrc = require('../../assets/messageCenter.svg');
+export const SystemManageSrc = require('../../assets/systemManage.svg');
+export const LogoutSrc = require('../../assets/logout.png');

package/module-menu/src/pages/ModuleUser/index.jsx

@@ -0,0 +1,59 @@
+import React, { Component } from 'react';
+import { Popconfirm, message, HeaderDropdown } from 'antd';
+import { userMenuIcon } from './constData'
+import { HomeOutlined, UserOutlined } from '@ant-design/icons';
+import { Spin, Menu, Avatar } from 'antd';
+import { getUserName, getStore } from './userInfo'
+import './index.less'
+const ModuleUser = () => {
+    const handleClickmenu = (url)=>{
+        window.location.href = url;
+    }
+    const {PersonalCenterSrc,MessageCenterSrc,SystemManageSrc,LogoutSrc} = userMenuIcon
+    const menu = (
+        <Menu className="menu" selectedKeys={[]} >
+          <Menu.Item key="Apartment" onClick={()=>handleClickmenu('/#/info/index')}>
+            <img src={PersonalCenterSrc} alt="" style={{ marginRight: '10px', marginTop: '-3px' }} />
+            <span>个人中心</span>
+          </Menu.Item>
+          {/* <Menu.Item key="Message" onClick={()=>handleClickmenu('/#/info/index')}>
+            <img src={MessageCenterSrc} alt="" style={{ marginRight: '10px', marginTop: '-3px' }} />
+            <span>消息中心</span>
+          </Menu.Item>
+          {getStore({ name: 'isHaveSystemManagementPermission' }) &&
+            <Menu.Item key="Apartment" onClick={()=>handleClickmenu('/#/info/index')}>
+              <img src={SystemManageSrc} alt="" style={{ marginRight: '10px', marginTop: '-3px' }} />
+              <span>系统管理</span>
+            </Menu.Item>}
+          <Menu.Item key="logout" onClick={()=>handleClickmenu('/#/info/index')}>
+            <img src={LogoutSrc} alt="" style={{ width: '15px', height: '15px', marginRight: '6px' }} />
+            <span>退出登录</span>
+          </Menu.Item> */}
+        </Menu>
+      );
+    return (
+        <div className="right">
+            {getUserName() ? (
+                <HeaderDropdown overlay={menu}>
+                    <span style={{ display: 'inline-block', marginLeft: '12px' }}>
+                        <Avatar size="small" icon={<UserOutlined />} />
+                        <span
+                            style={{
+                                marginLeft: '8px',
+                                verticalAlign: '-2px',
+                                fontSize: '16px',
+                                fontWeight: '500',
+                            }}
+                        >
+                            {getUserName()}
+                        </span>
+                    </span>
+                </HeaderDropdown>
+            ) : (
+                    <Spin size="small" style={{ marginLeft: 8, marginRight: 8, lineHeight: '57px', textAlign: 'center' }} />
+                )}
+        </div>
+    )
+}
+
+export default ModuleUser

package/module-menu/src/pages/ModuleUser/index.less

@@ -0,0 +1,46 @@
+.right {
+    display: flex;
+    float: right;
+    height: 48px;
+    margin-left: auto;
+    overflow: hidden;
+    .action {
+      display: flex;
+      align-items: center;
+      height: 48px;
+      padding: 0 12px;
+      cursor: pointer;
+      transition: all 0.3s;
+      > span {
+        vertical-align: middle;
+      }
+    //   &:hover {
+    //     background: @pro-header-hover-bg;
+    //   }
+    //   &:global(.opened) {
+    //     background: @pro-header-hover-bg;
+    //   }
+    }
+    .search {
+      padding: 0 12px;
+      &:hover {
+        background: transparent;
+      }
+    }
+    .account {
+      .avatar {
+        margin-right: 8px;
+        // color: @primary-color;
+        vertical-align: top;
+        background: rgba(255, 255, 255, 0.85);
+      }
+    }
+  }
+  .menu {
+    :global(.anticon) {
+      margin-right: 8px;
+    }
+    :global(.ant-dropdown-menu-item) {
+      min-width: 160px;
+    }
+  }

package/module-menu/src/pages/ModuleUser/userInfo.js

@@ -0,0 +1,50 @@
+/**
+* 获取认证相关的localStorage/SessionStorage
+*/
+function getStore(params) {
+    let { name } = params;
+    const { debug } = params;
+    const keyName = 'bigdata-';
+    name = keyName + name;
+    let obj = {};
+    let content;
+    obj = window.sessionStorage.getItem(name);
+    if (!obj || Object.keys(obj).length === 0) obj = window.localStorage.getItem(name);
+    if (!obj || Object.keys(obj).length === 0) return '';
+    try {
+        obj = JSON.parse(obj);
+    } catch (e) {
+        return '';
+    }
+    if (debug) {
+        return '';
+    }
+    if (obj.dataType === 'string') {
+        content = obj.content;
+    } else if (obj.dataType === 'number') {
+        content = Number(obj.content);
+    } else if (obj.dataType === 'boolean') {
+        // eslint-disable-next-line no-eval
+        content = eval(obj.content);
+    } else if (obj.dataType === 'object') {
+        content = obj.content;
+    }
+    return content;
+}
+export default getStore;
+
+export const getUserName = () => {
+    const userInfo = getStore({ name: 'userInfo' });
+    if (userInfo && Object.keys(userInfo).length > 0 && userInfo.username) {
+        return userInfo.username;
+    }
+    return '';
+};
+
+export const getUserId = () => {
+    const userInfo = getStore({ name: 'userInfo' });
+    if (userInfo && Object.keys(userInfo).length > 0 && userInfo.id) {
+        return userInfo.id;
+    }
+    return '';
+};    

package/module-menu/src/pages/PageHeader/index.jsx

@@ -0,0 +1,13 @@
+import { useState, useEffect, useRef } from 'react';
+import ModuleMenu from '../ModuleMenu';
+import ModuleUser from '../ModuleUser'
+import './index.less'
+
+const PageHeader = ()=>{
+
+return (<div className="pageheader">
+    <ModuleMenu/>
+    <ModuleUser/>
+</div>)
+}
+export default PageHeader;

package/module-menu/src/pages/PageHeader/index.less

@@ -0,0 +1,10 @@
+.pageheader{
+    display: flex;
+    justify-content: space-between;
+    padding: 0 16px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    background-color: #fff;
+}

package/module-menu/src/pages/index.jsx

@@ -0,0 +1,2 @@
+import PageHeader from './PageHeader';
+export default PageHeader

package/module-menu/tsconfig.json

@@ -0,0 +1,37 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "importHelpers": true,
+    "jsx": "preserve",
+    "esModuleInterop": true,
+    "sourceMap": true,
+    "baseUrl": "./",
+    "strict": true,
+    "paths": {
+      "@/*": ["src/*"],
+      "@@/*": ["src/.umi/*"]
+    },
+    "allowSyntheticDefaultImports": true
+  },
+  "include": [
+    "mock/**/*",
+    "src/**/*",
+    "config/**/*",
+    ".umirc.js",
+    "typings.d.ts"
+  ],
+  "exclude": [
+    "node_modules",
+    "lib",
+    "es",
+    "dist",
+    "typings",
+    "**/__test__",
+    "test",
+    "docs",
+    "tests"
+  ]
+}

package/module-menu/typings.d.ts

@@ -0,0 +1,10 @@
+declare module '*.css';
+declare module '*.less';
+declare module '*.png';
+declare module '*.svg' {
+  export function ReactComponent(
+    props: React.SVGProps<SVGSVGElement>,
+  ): React.ReactElement;
+  const url: string;
+  export default url;
+}

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "module-menu",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "城市大数据平台菜单",
+  "main":"src/pages/index.jsx",
   "scripts": {
     "start": "umi dev",
     "build": "umi build",