mirror of https://github.com/openspug/spug
dd tools dropdown menu to Header and include Footer in layout
parent
72849222e8
commit
0e7b5ec77e
|
@ -6,7 +6,7 @@
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { Link } from 'react-router-dom';
|
import { Link } from 'react-router-dom';
|
||||||
import { Layout, Dropdown, Menu, Avatar, Divider } from 'antd';
|
import { Layout, Dropdown, Menu, Avatar, Divider } from 'antd';
|
||||||
import { MenuFoldOutlined, MenuUnfoldOutlined, UserOutlined, LogoutOutlined, CodeOutlined } from '@ant-design/icons';
|
import { MenuFoldOutlined, MenuUnfoldOutlined, UserOutlined, LogoutOutlined, CodeOutlined, DownOutlined } from '@ant-design/icons';
|
||||||
import { AuthDiv } from 'components';
|
import { AuthDiv } from 'components';
|
||||||
import Notification from './Notification';
|
import Notification from './Notification';
|
||||||
import styles from './layout.module.less';
|
import styles from './layout.module.less';
|
||||||
|
@ -39,6 +39,20 @@ export default function (props) {
|
||||||
</Menu>
|
</Menu>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
const ToolsMenu = (
|
||||||
|
<Menu>
|
||||||
|
<Menu.Item onClick={() => window.open('https://ssl.spug.cc')}>
|
||||||
|
免费证书
|
||||||
|
</Menu.Item>
|
||||||
|
<Menu.Item onClick={() => window.open('https://up.spug.cc')}>
|
||||||
|
免费监控
|
||||||
|
</Menu.Item>
|
||||||
|
<Menu.Item onClick={() => window.open('https://push.spug.cc')}>
|
||||||
|
推送助手
|
||||||
|
</Menu.Item>
|
||||||
|
</Menu>
|
||||||
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Layout.Header className={styles.header}>
|
<Layout.Header className={styles.header}>
|
||||||
<div className={styles.trigger} onClick={props.toggle}>
|
<div className={styles.trigger} onClick={props.toggle}>
|
||||||
|
@ -47,7 +61,11 @@ export default function (props) {
|
||||||
<div className={styles.right}>
|
<div className={styles.right}>
|
||||||
<div className={styles.link} onClick={() => window.open('https://spug.cc/')}>官网</div>
|
<div className={styles.link} onClick={() => window.open('https://spug.cc/')}>官网</div>
|
||||||
<div className={styles.link} onClick={() => window.open('https://ops.spug.cc/docs/about-spug/')}>文档</div>
|
<div className={styles.link} onClick={() => window.open('https://ops.spug.cc/docs/about-spug/')}>文档</div>
|
||||||
<div className={styles.link} onClick={() => window.open('https://ssl.spug.cc/')}>证书申请</div>
|
<Dropdown overlay={ToolsMenu} placement="bottomCenter">
|
||||||
|
<span className={styles.link}>
|
||||||
|
工具服务 <DownOutlined style={{fontSize: 12}}/>
|
||||||
|
</span>
|
||||||
|
</Dropdown>
|
||||||
<Divider type="vertical"/>
|
<Divider type="vertical"/>
|
||||||
<Notification/>
|
<Notification/>
|
||||||
<AuthDiv className={styles.terminal} auth="host.console.view|host.console.list" onClick={openTerminal}>
|
<AuthDiv className={styles.terminal} auth="host.console.view|host.console.list" onClick={openTerminal}>
|
||||||
|
|
|
@ -51,6 +51,7 @@ export default function () {
|
||||||
<Route component={NotFound}/>
|
<Route component={NotFound}/>
|
||||||
</Switch>
|
</Switch>
|
||||||
</Layout.Content>
|
</Layout.Content>
|
||||||
|
<Footer/>
|
||||||
</Layout>
|
</Layout>
|
||||||
</Layout>
|
</Layout>
|
||||||
)
|
)
|
||||||
|
|
Loading…
Reference in New Issue