🚀 优化告警事件前端样式 (#62)

Author: Cairry

src/api/event.jsx

@@ -3,7 +3,11 @@ import { message } from 'antd';
 
 async function getCurEventList(params) {
     try {
-        const res = await http('get', '/api/w8t/event/curEvent', params);
+        const queryString = Object.keys(params)
+            .map(key => params[key] !== undefined ? `${key}=${params[key]}` : '')
+            .filter(Boolean)
+            .join('&');
+        const res = await http('get', `/api/w8t/event/curEvent?${queryString}`);
         return res;
     } catch (error) {
         message.open({

src/components/sider/index.jsx

@@ -46,8 +46,9 @@ export const ComponentSider = (props) => {
                         <SubMenu key='2' icon={<BellOutlined />} title='告警管理'>
                             <Menu.Item key='2-1' onClick={(e) => handleMenuClick(e.key, '/ruleGroup')}>告警规则</Menu.Item>
                             <Menu.Item key='2-2' onClick={(e) => handleMenuClick(e.key, '/silenceRules')}>静默规则</Menu.Item>
-                            <Menu.Item key='2-3' onClick={(e) => handleMenuClick(e.key, '/alertCurEvent')}>当前告警</Menu.Item>
-                            <Menu.Item key='2-4' onClick={(e) => handleMenuClick(e.key, '/alertHisEvent')}>历史告警</Menu.Item>
+                            <Menu.Item key='2-3' onClick={(e) => handleMenuClick(e.key, '/events')}>告警事件</Menu.Item>
+                            {/*<Menu.Item key='2-3' onClick={(e) => handleMenuClick(e.key, '/alertCurEvent')}>当前告警</Menu.Item>*/}
+                            {/*<Menu.Item key='2-4' onClick={(e) => handleMenuClick(e.key, '/alertHisEvent')}>历史告警</Menu.Item>*/}
                             <Menu.Item key='2-5' onClick={(e) => handleMenuClick(e.key, '/ruleTemplateGroup')}>规则模版</Menu.Item>
                             <Menu.Item key='2-6' onClick={(e) => handleMenuClick(e.key, '/subscribes')}>告警订阅</Menu.Item>
 
@@ -97,8 +98,9 @@ export const ComponentSider = (props) => {
                         <SubMenu key='2' icon={<BellOutlined />} title='告警管理'>
                             <Menu.Item key='2-1' onClick={(e) => handleMenuClick(e.key, '/ruleGroup')}>告警规则</Menu.Item>
                             <Menu.Item key='2-2' onClick={(e) => handleMenuClick(e.key, '/silenceRules')}>静默规则</Menu.Item>
-                            <Menu.Item key='2-3' onClick={(e) => handleMenuClick(e.key, '/alertCurEvent')}>当前告警</Menu.Item>
-                            <Menu.Item key='2-4' onClick={(e) => handleMenuClick(e.key, '/alertHisEvent')}>历史告警</Menu.Item>
+                            <Menu.Item key='2-3' onClick={(e) => handleMenuClick(e.key, '/events')}>告警事件</Menu.Item>
+                            {/*<Menu.Item key='2-3' onClick={(e) => handleMenuClick(e.key, '/alertCurEvent')}>当前告警</Menu.Item>*/}
+                            {/*<Menu.Item key='2-4' onClick={(e) => handleMenuClick(e.key, '/alertHisEvent')}>历史告警</Menu.Item>*/}
                             <Menu.Item key='2-5' onClick={(e) => handleMenuClick(e.key, '/ruleTemplateGroup')}>规则模版</Menu.Item>
                             <Menu.Item key='2-6' onClick={(e) => handleMenuClick(e.key, '/subscribes')}>告警订阅</Menu.Item>
                         </SubMenu>

src/pages/event/index.css

@@ -0,0 +1,11 @@
+/* Removes the background overlay on the Spin component */
+.ant-spin-nested-loading,
+.ant-spin-container,
+.ant-spin-blur {
+    background: none !important;
+}
+
+/* Removes the default overlay */
+.ant-spin {
+    background-color: transparent !important;
+}