|
|
|
@ -6,7 +6,7 @@ import { formatRoute, getDefaultRoute } from '@/utils/routeUtils'
|
|
|
|
import styles from './TopNavBar.less'
|
|
|
|
import styles from './TopNavBar.less'
|
|
|
|
import { Row, Col, Avatar, Dropdown, Button } from 'antd'
|
|
|
|
import { Row, Col, Avatar, Dropdown, Button } from 'antd'
|
|
|
|
import { userInfo } from '@/utils/globalCommon'
|
|
|
|
import { userInfo } from '@/utils/globalCommon'
|
|
|
|
import { HomeOutlined, LogoutOutlined, AppstoreOutlined, UserOutlined, SettingOutlined, DatabaseOutlined, FileTextOutlined, LockOutlined, AreaChartOutlined } from '@ant-design/icons'
|
|
|
|
import { HomeOutlined, LogoutOutlined, AppstoreOutlined, UserOutlined, SettingOutlined, DatabaseOutlined, FileTextOutlined, LockOutlined, AreaChartOutlined, CaretDownOutlined } from '@ant-design/icons'
|
|
|
|
import { getPageQuery } from '@/utils/utils'
|
|
|
|
import { getPageQuery } from '@/utils/utils'
|
|
|
|
import menuTitle from '@/assets/img/智能管控平台.svg'
|
|
|
|
import menuTitle from '@/assets/img/智能管控平台.svg'
|
|
|
|
import menuTitle1 from '@/assets/img/智能管控平台-1.svg'
|
|
|
|
import menuTitle1 from '@/assets/img/智能管控平台-1.svg'
|
|
|
|
@ -21,6 +21,7 @@ import people from '@/assets/img/people.svg'
|
|
|
|
import risk from '@/assets/img/risk.svg'
|
|
|
|
import risk from '@/assets/img/risk.svg'
|
|
|
|
import { CustomBreadcrumb } from '@/components/GlobalComponent'
|
|
|
|
import { CustomBreadcrumb } from '@/components/GlobalComponent'
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 自定义菜单项渲染组件,支持根据激活状态显示不同图片
|
|
|
|
// 自定义菜单项渲染组件,支持根据激活状态显示不同图片
|
|
|
|
const CustomMenuItem = ({ item, selectedKeys }) => {
|
|
|
|
const CustomMenuItem = ({ item, selectedKeys }) => {
|
|
|
|
const isActive = selectedKeys.includes(item.key);
|
|
|
|
const isActive = selectedKeys.includes(item.key);
|
|
|
|
@ -241,6 +242,7 @@ const SystemContentList = (props) => {
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
popupClassName="custom-select-dropdown"
|
|
|
|
popupClassName="custom-select-dropdown"
|
|
|
|
className="custom-select"
|
|
|
|
className="custom-select"
|
|
|
|
|
|
|
|
suffixIcon={<CaretDownOutlined style={{ color: '#fff', fontSize: '16px' }} />}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<style jsx>{`
|
|
|
|
<style jsx>{`
|
|
|
|
@ -262,6 +264,8 @@ const SystemContentList = (props) => {
|
|
|
|
justify-content: center !important;
|
|
|
|
justify-content: center !important;
|
|
|
|
padding: 0 !important;
|
|
|
|
padding: 0 !important;
|
|
|
|
padding-right: 50px !important;
|
|
|
|
padding-right: 50px !important;
|
|
|
|
|
|
|
|
font-size: 16px !important;
|
|
|
|
|
|
|
|
font-weight: 500 !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.custom-select .ant-select-arrow {
|
|
|
|
.custom-select .ant-select-arrow {
|
|
|
|
opacity: 0.66 !important;
|
|
|
|
opacity: 0.66 !important;
|
|
|
|
|