From b928cb331687efb4ab11dd5a5c69643a9ce19668 Mon Sep 17 00:00:00 2001 From: wangyunfei888 <1224056307@qq.com> Date: Mon, 15 Dec 2025 16:07:23 +0800 Subject: [PATCH] =?UTF-8?q?=E7=8E=AF=E4=BF=9D=E6=B4=BB=E5=8A=A8=E8=8F=9C?= =?UTF-8?q?=E5=8D=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- config/routes.js | 9 ++- .../Iconfont SVG # 环保-11.svg | 6 ++ .../EnvironmentalActivities.js | 62 +++++++++++++++++ .../EnvironmentalActivities.less | 67 +++++++++++++++++++ .../components/ActivityCalendar.js | 12 ++++ .../components/ActivityCalendar.less | 8 +++ .../components/ActivityManagement.js | 12 ++++ .../components/ActivityManagement.less | 8 +++ .../components/EventReport.js | 12 ++++ .../components/EventReport.less | 8 +++ .../components/StatisticsAnalysis.js | 12 ++++ .../components/StatisticsAnalysis.less | 8 +++ .../nav_system_content/SystemContentList.js | 18 ++++- src/pages/topnavbar/TopNavBar.js | 6 +- 14 files changed, 245 insertions(+), 3 deletions(-) create mode 100644 src/assets/business_envmonitoring/Iconfont SVG # 环保-11.svg create mode 100644 src/pages/business_environmental_activities/EnvironmentalActivities.js create mode 100644 src/pages/business_environmental_activities/EnvironmentalActivities.less create mode 100644 src/pages/business_environmental_activities/components/ActivityCalendar.js create mode 100644 src/pages/business_environmental_activities/components/ActivityCalendar.less create mode 100644 src/pages/business_environmental_activities/components/ActivityManagement.js create mode 100644 src/pages/business_environmental_activities/components/ActivityManagement.less create mode 100644 src/pages/business_environmental_activities/components/EventReport.js create mode 100644 src/pages/business_environmental_activities/components/EventReport.less create mode 100644 src/pages/business_environmental_activities/components/StatisticsAnalysis.js create mode 100644 src/pages/business_environmental_activities/components/StatisticsAnalysis.less diff --git a/config/routes.js b/config/routes.js index 74c70e3..ac33c2f 100644 --- a/config/routes.js +++ b/config/routes.js @@ -48,12 +48,19 @@ export default [ name: 'envInformationMonthly', component: './business_envInformation_monthly/EnvMonthlyReport', }, + // 环保月报模板创建 { path: '/topnavbar00/business/envInformationMonthly/template-create', name: 'envInformationMonthlyTemplateCreate', component: './business_envInformation_monthly/TemplateCreate', hideInMenu: true, - } + }, + // 环保活动管理 + { + path: '/topnavbar00/business/environmentalActivities', + name: 'environmentalActivities', + component: './business_environmental_activities/EnvironmentalActivities', + }, ], }, ], diff --git a/src/assets/business_envmonitoring/Iconfont SVG # 环保-11.svg b/src/assets/business_envmonitoring/Iconfont SVG # 环保-11.svg new file mode 100644 index 0000000..137eb69 --- /dev/null +++ b/src/assets/business_envmonitoring/Iconfont SVG # 环保-11.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/pages/business_environmental_activities/EnvironmentalActivities.js b/src/pages/business_environmental_activities/EnvironmentalActivities.js new file mode 100644 index 0000000..3692aea --- /dev/null +++ b/src/pages/business_environmental_activities/EnvironmentalActivities.js @@ -0,0 +1,62 @@ +import React, { useState } from 'react'; +import { Button } from 'antd'; +import styles from './EnvironmentalActivities.less'; +import ActivityCalendar from './components/ActivityCalendar'; +import ActivityManagement from './components/ActivityManagement'; +import EventReport from './components/EventReport'; +import StatisticsAnalysis from './components/StatisticsAnalysis'; + +const EnvironmentalActivities = () => { + const [activeModule, setActiveModule] = useState('1'); + + const renderModule = () => { + switch (activeModule) { + case '1': + return ; + case '2': + return ; + case '3': + return ; + case '4': + return ; + default: + return ; + } + }; + + return ( +
+
+ + + + +
+
+ {renderModule()} +
+
+ ); +}; + +export default EnvironmentalActivities; diff --git a/src/pages/business_environmental_activities/EnvironmentalActivities.less b/src/pages/business_environmental_activities/EnvironmentalActivities.less new file mode 100644 index 0000000..137fb9d --- /dev/null +++ b/src/pages/business_environmental_activities/EnvironmentalActivities.less @@ -0,0 +1,67 @@ +.container { + background-color: transparent; + width: 100%; + height: 89vh; + overflow: hidden; + display: flex; + flex-direction: column; + + .TopButton { + background-color: white; + width: 100%; + padding: 8px 15px 5px; + display: flex; + gap: 24px; + + .TopButtonItem { + background-color: #FFFFFF !important; + color: #999999 !important; + font-family: 'PingFang SC', sans-serif !important; + font-weight: 500 !important; + font-size: 14px !important; + line-height: 100% !important; + border-radius: 8px !important; + padding: 4px 16px !important; + height: auto !important; + border: none !important; + box-shadow: none !important; + position: relative !important; + display: flex !important; + flex-direction: column !important; + align-items: center !important; + gap: 5px !important; + transition: all 0.3s ease !important; + + &:hover { + color: #999999 !important; + border: none !important; + } + + &:focus { + color: #999999 !important; + border: none !important; + } + + &.active { + background: linear-gradient(98.03deg, #00E49C 0.68%, #00D2D2 98.3%) !important; + box-shadow: 0px 2px 2px 0px #AEEDDE !important; + color: #FFFFFF !important; + + &::after { + content: ''; + width: 28px; + height: 5px; + background-color: #FFFFFF; + border-radius: 6px; + opacity: 1; + } + } + } + } + + .content { + flex: 1; + overflow-y: auto; + padding: 0; + } +} diff --git a/src/pages/business_environmental_activities/components/ActivityCalendar.js b/src/pages/business_environmental_activities/components/ActivityCalendar.js new file mode 100644 index 0000000..f6101f0 --- /dev/null +++ b/src/pages/business_environmental_activities/components/ActivityCalendar.js @@ -0,0 +1,12 @@ +import React from 'react'; +import styles from './ActivityCalendar.less'; + +const ActivityCalendar = () => { + return ( +
+ 活动日历 待开发 +
+ ); +}; + +export default ActivityCalendar; diff --git a/src/pages/business_environmental_activities/components/ActivityCalendar.less b/src/pages/business_environmental_activities/components/ActivityCalendar.less new file mode 100644 index 0000000..95c7170 --- /dev/null +++ b/src/pages/business_environmental_activities/components/ActivityCalendar.less @@ -0,0 +1,8 @@ +.placeholder { + background: #fff; + border-radius: 4px; + padding: 24px; + min-height: 72vh; + font-size: 16px; + color: #666; +} diff --git a/src/pages/business_environmental_activities/components/ActivityManagement.js b/src/pages/business_environmental_activities/components/ActivityManagement.js new file mode 100644 index 0000000..e81a9e3 --- /dev/null +++ b/src/pages/business_environmental_activities/components/ActivityManagement.js @@ -0,0 +1,12 @@ +import React from 'react'; +import styles from './ActivityManagement.less'; + +const ActivityManagement = () => { + return ( +
+ 活动管理 待开发 +
+ ); +}; + +export default ActivityManagement; diff --git a/src/pages/business_environmental_activities/components/ActivityManagement.less b/src/pages/business_environmental_activities/components/ActivityManagement.less new file mode 100644 index 0000000..95c7170 --- /dev/null +++ b/src/pages/business_environmental_activities/components/ActivityManagement.less @@ -0,0 +1,8 @@ +.placeholder { + background: #fff; + border-radius: 4px; + padding: 24px; + min-height: 72vh; + font-size: 16px; + color: #666; +} diff --git a/src/pages/business_environmental_activities/components/EventReport.js b/src/pages/business_environmental_activities/components/EventReport.js new file mode 100644 index 0000000..9f83e63 --- /dev/null +++ b/src/pages/business_environmental_activities/components/EventReport.js @@ -0,0 +1,12 @@ +import React from 'react'; +import styles from './EventReport.less'; + +const EventReport = () => { + return ( +
+ 事件上报 待开发 +
+ ); +}; + +export default EventReport; diff --git a/src/pages/business_environmental_activities/components/EventReport.less b/src/pages/business_environmental_activities/components/EventReport.less new file mode 100644 index 0000000..95c7170 --- /dev/null +++ b/src/pages/business_environmental_activities/components/EventReport.less @@ -0,0 +1,8 @@ +.placeholder { + background: #fff; + border-radius: 4px; + padding: 24px; + min-height: 72vh; + font-size: 16px; + color: #666; +} diff --git a/src/pages/business_environmental_activities/components/StatisticsAnalysis.js b/src/pages/business_environmental_activities/components/StatisticsAnalysis.js new file mode 100644 index 0000000..19a39bd --- /dev/null +++ b/src/pages/business_environmental_activities/components/StatisticsAnalysis.js @@ -0,0 +1,12 @@ +import React from 'react'; +import styles from './StatisticsAnalysis.less'; + +const StatisticsAnalysis = () => { + return ( +
+ 统计分析 待开发 +
+ ); +}; + +export default StatisticsAnalysis; diff --git a/src/pages/business_environmental_activities/components/StatisticsAnalysis.less b/src/pages/business_environmental_activities/components/StatisticsAnalysis.less new file mode 100644 index 0000000..95c7170 --- /dev/null +++ b/src/pages/business_environmental_activities/components/StatisticsAnalysis.less @@ -0,0 +1,8 @@ +.placeholder { + background: #fff; + border-radius: 4px; + padding: 24px; + min-height: 72vh; + font-size: 16px; + color: #666; +} diff --git a/src/pages/nav_system_content/SystemContentList.js b/src/pages/nav_system_content/SystemContentList.js index 58bbce7..dccb23e 100644 --- a/src/pages/nav_system_content/SystemContentList.js +++ b/src/pages/nav_system_content/SystemContentList.js @@ -22,6 +22,7 @@ import risk from '@/assets/img/risk.svg' import inforicon from '@/assets/img/inforicon.svg' import alarm from '@/assets/img/alarm.svg' import monthlyIcon from '@/assets/img/yuebao.svg' +import activityIcon from '@/assets/business_envmonitoring/Iconfont SVG # 环保-11.svg' import { CustomBreadcrumb } from '@/components/GlobalComponent' @@ -118,6 +119,7 @@ const SystemContentList = (props) => { "key": "/topnavbar00/business/envmonitoring", "label": "环保监测管理" }, + { "path": "/topnavbar00/business/envInformationMonthly", icon: { />, "key": "/topnavbar00/business/envInformationMonthly", "label": "环保月报管理" - } + }, + { + "path": "/topnavbar00/business/environmentalActivities", + icon: 环保活动管理, + "key": "/topnavbar00/business/environmentalActivities", + "label": "环保活动管理" + }, ] setMenuItems(fixedMenuItems) // 初始化默认路由 diff --git a/src/pages/topnavbar/TopNavBar.js b/src/pages/topnavbar/TopNavBar.js index 46d72ba..5c29398 100644 --- a/src/pages/topnavbar/TopNavBar.js +++ b/src/pages/topnavbar/TopNavBar.js @@ -24,7 +24,11 @@ const menuItem = [ { label: '环保月报管理', key: '/topnavbar00/business/envInformationMonthly', - } + }, + { + label: '环保活动管理', + key: '/topnavbar00/business/environmentalActivities', + }, ] const TopNavBar = (props) => {