module-menu 0.3.27 → 0.3.29

package/package.json

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

package/src/pages/ModuleMenu/index.jsx

@@ -26,11 +26,47 @@ const ModuleMenu = ({ sysName, stash = '' }) => {
   const [showMenuList, setshowMenuList] = useState(false);
   const [menuList, setMenuList] = useState([]);
   const [canOperatExchange, setCanOperatExchange] = useState(false); //是否具有政务共享平台权限
+  const menuRef = useRef(null);
+  const hideTimerRef = useRef(null);
+
+  const handleMouseEnter = () => {
+    if (hideTimerRef.current) {
+      clearTimeout(hideTimerRef.current);
+      hideTimerRef.current = null;
+    }
+    setshowMenuList(true);
+  };
+
+  const handleMouseLeave = () => {
+    hideTimerRef.current = setTimeout(() => {
+      setshowMenuList(false);
+    }, 100);
+  };
+
   useEffect(() => {
     localStorage.setItem('stash', stash);
     getSessionMenu();
   }, []);
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (menuRef.current && !menuRef.current.contains(event.target)) {
+        setshowMenuList(false);
+      }
+    };
+
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, []);
 
+  useEffect(() => {
+    return () => {
+      if (hideTimerRef.current) {
+        clearTimeout(hideTimerRef.current);
+      }
+    };
+  }, []);
   const getSessionMenu = () => {
     if (['integration', 'LNRD', 'HBJK'].includes(stash)) {
       Axios(
@@ -444,6 +480,7 @@ const ModuleMenu = ({ sysName, stash = '' }) => {
             'menuIcon',
           )}
           onMouseOver={() => setshowMenuList(true)}
+          onMouseOut={() => setshowMenuList(false)}
           style={{
             // backgroundImage: `url(${menuIconSrc})`,
             backgroundRepeat: 'no-repeat',

package/src/pages/ModuleUser/index.jsx

@@ -16,7 +16,7 @@ import cn from 'classnames'
 import userLogo1 from '../../assets/userLogo1.png';
 
 // stash存在则为一体化，否则为轻量级
-const ModuleUser = ({ stash = '', isBigDataFoundationPlatform = false }) => {
+const ModuleUser = ({ stash = '', isBigDataFoundationPlatform = false, PZCS = false }) => {
   const [tenantList, setTenantList] = useState([]);
   const [haveAppSystemPermission, setHaveAppSystemPermission] = useState(false);
   const [getSystemPermission, setGetSystemPermission] = useState(false);
@@ -256,13 +256,13 @@ const ModuleUser = ({ stash = '', isBigDataFoundationPlatform = false }) => {
   return (
     <div className={cn(stash !== 'LNRD'? 'right_size':'right_size_LNRD', 'right')}>
       {['integration', 'LNRD', 'HBJK'].includes(stash) && [
-        !isBigDataFoundationPlatform && (
+        !isBigDataFoundationPlatform && !PZCS && (
           <Button type="link" onClick={jumpToExterHome}
             className={cn(stash === 'LNRD'? 'fwmh_color_LNRD': stash === 'HBJK'? 'fwmh_color_HBJK' : null)}>
             服务门户
           </Button>
         ),
-        <Select
+        !PZCS && <Select
           defaultValue={curTenantId}
           className={stash === 'LNRD'? 'right-select_LNRD': stash === 'HBJK'? 'right-select_HBJK' : 'right-select'}
           style={{

package/src/pages/index.jsx

@@ -1,6 +1,18 @@
 import ModuleMenu from './ModuleMenu';
 import ModuleUser from './ModuleUser';
 import Footer from './Footer';
+
 export { ModuleMenu, ModuleUser, Footer };
-// 开发环境，手动打开，并且屏蔽上面的导出
-// export default ModuleMenu;
+
+export default function IndexPage() {
+  return (
+    <div>
+      <ModuleMenu  stash="integration" />
+      <ModuleUser stash="integration" PZCS={true} />
+      <div style={{ padding: '50px', marginTop: '100px' }}>
+        <h1>测试页面</h1>
+        <p>ModuleMenu 组件已加载</p>
+      </div>
+    </div>
+  );
+}

package/src/pages/util/axios.js

@@ -5,7 +5,7 @@ import getStore from './userInfo';
 import { checkToken } from './permessionUtils';
 import CONSTANT from './constant';
 
-let tokenValue = '4f4862b5fe06405a894323a8f95ea2c7';
+let tokenValue = '4e564b370fc8400982358cd88e73a566';
 // 轻量级tokenInSessionStor存在（GZW跳/data-platform/#/login，否则/#/login）,一体化tokenInSessionStor不存在
 const tokenInSessionStor = window.sessionStorage.getItem(
   'bigdata-access_token',