From 0e7b5ec77e5f29fc418984a8f8584e8660a48b43 Mon Sep 17 00:00:00 2001
From: nolancode1989 <nolancode1989@gmail.com>
Date: Fri, 18 Apr 2025 07:46:42 +0800
Subject: [PATCH] dd tools dropdown menu to Header and include Footer in layout

---
 spug_web/src/layout/Header.js | 22 ++++++++++++++++++++--
 spug_web/src/layout/index.js  |  1 +
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/spug_web/src/layout/Header.js b/spug_web/src/layout/Header.js
index b44127e..0fc473d 100644
--- a/spug_web/src/layout/Header.js
+++ b/spug_web/src/layout/Header.js
@@ -6,7 +6,7 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 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 Notification from './Notification';
 import styles from './layout.module.less';
@@ -39,6 +39,20 @@ export default function (props) {
     </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 (
     <Layout.Header className={styles.header}>
       <div className={styles.trigger} onClick={props.toggle}>
@@ -47,7 +61,11 @@ export default function (props) {
       <div className={styles.right}>
         <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://ssl.spug.cc/')}>证书申请</div>
+        <Dropdown overlay={ToolsMenu} placement="bottomCenter">
+          <span className={styles.link}>
+            工具服务 <DownOutlined style={{fontSize: 12}}/>
+          </span>
+        </Dropdown>
         <Divider type="vertical"/>
         <Notification/>
         <AuthDiv className={styles.terminal} auth="host.console.view|host.console.list" onClick={openTerminal}>
diff --git a/spug_web/src/layout/index.js b/spug_web/src/layout/index.js
index 4ba829a..e27e842 100644
--- a/spug_web/src/layout/index.js
+++ b/spug_web/src/layout/index.js
@@ -51,6 +51,7 @@ export default function () {
             <Route component={NotFound}/>
           </Switch>
         </Layout.Content>
+        <Footer/>
       </Layout>
     </Layout>
   )