|
@@ -1,9 +1,10 @@
|
|
|
import React, { useEffect } from 'react';
|
|
|
-import { Row, Col } from 'antd';
|
|
|
+import { Row, Col, Image } from 'antd';
|
|
|
import styles from './index.less';
|
|
|
import Icon from '@/tenants-ui/SgIcon';
|
|
|
import useMenuList, { menutype } from '@/hooks/useMenuList';
|
|
|
import { history, useModel, useLocation } from 'umi';
|
|
|
+import { homeImgMap } from '@/config/sagacare/sagacare_image.js';
|
|
|
|
|
|
const NavMenu: React.FC = () => {
|
|
|
const logo = require('@/assets/images/logo.png');
|
|
@@ -24,25 +25,33 @@ const NavMenu: React.FC = () => {
|
|
|
<div className={styles.title}>
|
|
|
<img src={logo} style={{ height: 70 }}></img>
|
|
|
</div>
|
|
|
- <div className={styles.menuList}>
|
|
|
- <Row gutter={[20, 20]}>
|
|
|
- {(menuList || []).map((item, index) => {
|
|
|
- return (
|
|
|
- <Col span={8} key={'col' + index}>
|
|
|
- <div
|
|
|
- className={styles.menuItem}
|
|
|
- onClick={() => {
|
|
|
- menuClick(item);
|
|
|
- }}
|
|
|
- >
|
|
|
- <Icon className="" type={item.id} style={{ fontSize: 26 }}></Icon>
|
|
|
- <div className={styles.name}>{item.name}</div>
|
|
|
- </div>
|
|
|
- </Col>
|
|
|
- );
|
|
|
- })}
|
|
|
- </Row>
|
|
|
+ <div className={styles.setOut}>
|
|
|
+ <img src={homeImgMap.set} />
|
|
|
</div>
|
|
|
+ {menuList?.map((group, fidx) => {
|
|
|
+ return (
|
|
|
+ <div className={styles.menuList} key={fidx}>
|
|
|
+ {group.title && <div className={styles.groupTitle}>{group.title}</div>}
|
|
|
+ <Row gutter={[20, 20]}>
|
|
|
+ {(group.menus || []).map((item, index) => {
|
|
|
+ return (
|
|
|
+ <Col span={8} key={'col' + index}>
|
|
|
+ <div
|
|
|
+ className={styles.menuItem}
|
|
|
+ onClick={() => {
|
|
|
+ menuClick(item);
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <Image width={36} preview={false} src={item.icon} />
|
|
|
+ <div className={styles.name}>{item.title}</div>
|
|
|
+ </div>
|
|
|
+ </Col>
|
|
|
+ );
|
|
|
+ })}
|
|
|
+ </Row>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+ })}
|
|
|
</div>
|
|
|
);
|
|
|
};
|