-
-
环境辨识
-
待开发...
+ {/* 左侧菜单 */}
+
+ {menuItems.map(item => (
+
handleMenuClick(item.key)}
+ >
+ {activeMenu === item.key &&
}
+
{item.label}
+
+ ))}
+
+
+ {/* 右侧内容区 */}
+
+ {renderContent()}
);
diff --git a/src/pages/business_envInformation_monthly/components/hjbs.less b/src/pages/business_envInformation_monthly/components/hjbs.less
index 085d2b4..b58637a 100644
--- a/src/pages/business_envInformation_monthly/components/hjbs.less
+++ b/src/pages/business_envInformation_monthly/components/hjbs.less
@@ -1,5 +1,85 @@
.container {
width: 100%;
height: 100%;
+ display: flex;
+ gap: 10px;
+ padding-left: 5px;
+ // padding-right: 5px;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ background-color: #f5f5f5;
+
+ // 左侧菜单
+ .leftMenu {
+ display: flex;
+ flex-direction: column;
+ // gap: 1px;
+ flex-shrink: 0;
+ background-color: #fff;
+
+ .menuItem {
+ width: 180px;
+ height: 50px;
+ background-color: #FFFFFF;
+ border-radius: 4px;
+ display: flex;
+ align-items: center;
+ position: relative;
+ cursor: pointer;
+ transition: all 0.3s ease;
+ padding-left: 20px;
+
+ .menuText {
+ font-size: 14px;
+ color: #999999;
+ font-weight: 400;
+ transition: color 0.3s ease;
+ }
+
+ // 激活状态的指示器（左侧长条）
+ .activeIndicator {
+ position: absolute;
+ left: 3px;
+ width: 17.34765625px;
+ height: 1.97802734375px;
+ border-radius: 6px;
+ background-color: #009D6F;
+ transform: rotate(-90deg);
+ }
+
+ // 激活状态样式
+ &.active {
+ background-color: #D4FFEC;
+
+ .menuText {
+ color: #009D6F;
+ }
+ }
+
+ // 鼠标悬停效果
+ &:hover:not(.active) {
+ background-color: #f9f9f9;
+ }
+ }
+ }
+
+ // 右侧内容区
+ .rightContent {
+ flex: 1;
+ // background-color: #FFFFFF;
+ border-radius: 4px;
+ // padding: 20px;
+ overflow: auto;
+
+ .contentPlaceholder {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 18px;
+ color: #666666;
+ }
+ }
}
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/DischargePermitManagement.js b/src/pages/business_envInformation_monthly/components/secondary_menu/DischargePermitManagement.js
deleted file mode 100644
index 765d995..0000000
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/DischargePermitManagement.js
+++ /dev/null
@@ -1,345 +0,0 @@
-import React, { useState } from 'react';
-import { Button, Input, Select } from 'antd';
-import { SearchOutlined, RedoOutlined, UploadOutlined, DownloadOutlined, DeleteOutlined } from '@ant-design/icons';
-import StandardTable from '@/components/StandardTable';
-import styles from './DischargePermitManagement.less';
-// import attachment from '@/assets/business_envinformation/attachment.svg';
-import downloadicon from '@/assets/business_envinformation/downloadicon.svg';
-import deleteicon from '@/assets/business_envinformation/deleteicon.svg';
-
-
-
-
-const DischargePermitManagement = () => {
- const [activeTab, setActiveTab] = useState('actual');
-
- // 实际排放数据
- const actualEmissionData = [
- { key: 1, emissionType: '前林市', pollutant: '51669811', outletType: '信用风险管理与法律防', outletName: '北京那蓝国际贸易有限公司', permittedEmission: '5年', annualTotal: '2025-08-15' },
- { key: 2, emissionType: '拉萨市', pollutant: '34887875', outletType: '涉外警务', outletName: '中瀚石林企业咨询(上海)有限公司', permittedEmission: '5年', annualTotal: '2025-08-15' },
- { key: 3, emissionType: '长家界市', pollutant: '12345678', outletType: '环境设计', outletName: '上海环境科技有限公司', permittedEmission: '5年', annualTotal: '2025-08-15' },
- { key: 4, emissionType: '北京市', pollutant: '87654321', outletType: '污染治理', outletName: '北京环保科技有限公司', permittedEmission: '5年', annualTotal: '2025-08-15' },
- { key: 5, emissionType: '上海市', pollutant: '11223344', outletType: '排放监测', outletName: '上海监测技术有限公司', permittedEmission: '5年', annualTotal: '2025-08-15' },
- { key: 6, emissionType: '广州市', pollutant: '55667788', outletType: '工业废水', outletName: '广州环保科技股份有限公司', permittedEmission: '3年', annualTotal: '2025-09-10' },
- { key: 7, emissionType: '深圳市', pollutant: '99887766', outletType: '生活污水', outletName: '深圳水务集团有限公司', permittedEmission: '4年', annualTotal: '2025-07-20' },
- { key: 8, emissionType: '杭州市', pollutant: '33445566', outletType: '农业面源', outletName: '杭州农业科技有限公司', permittedEmission: '2年', annualTotal: '2025-10-05' },
- { key: 9, emissionType: '南京市', pollutant: '77889900', outletType: '工业废气', outletName: '南京工业集团股份有限公司', permittedEmission: '6年', annualTotal: '2025-06-15' },
- { key: 10, emissionType: '武汉市', pollutant: '11223355', outletType: '交通污染', outletName: '武汉交通发展有限公司', permittedEmission: '3年', annualTotal: '2025-11-20' },
- { key: 11, emissionType: '成都市', pollutant: '66778899', outletType: '建筑扬尘', outletName: '成都建筑工程有限公司', permittedEmission: '5年', annualTotal: '2025-05-30' },
- { key: 12, emissionType: '西安市', pollutant: '44556677', outletType: '餐饮油烟', outletName: '西安餐饮管理有限公司', permittedEmission: '4年', annualTotal: '2025-12-10' }
- ];
-
- // 超标排放数据
- const excessiveEmissionData = [
- { key: 1, emissionType: '俞林市', pollutant: '51669811', outletType: '信用风险管理与法律防', outletName: '北京那蓝国际贸易有限公司', permittedEmission: '5年', annualTotal: '2025-08-15' },
- { key: 2, emissionType: '拉萨市', pollutant: '34887875', outletType: '涉外警务', outletName: '中瀚石林企业咨询(上海)有限公司', permittedEmission: '5年', annualTotal: '2025-08-09' },
- { key: 3, emissionType: '长家界市', pollutant: '1716652546', outletType: '环境设计', outletName: '水木晨曦(北京)科技有限公司', permittedEmission: '5年', annualTotal: '2025-08-17' },
- { key: 4, emissionType: '潭市', pollutant: '384654762', outletType: '电子竞技运动与管理', outletName: '亚商桥(北京)咨询有限公司', permittedEmission: '5年', annualTotal: '2025-08-18' },
- { key: 5, emissionType: '次州市', pollutant: '34669295254', outletType: '精算学', outletName: '中讯通讯科技有限公司', permittedEmission: '5年', annualTotal: '2025-08-13' },
- { key: 6, emissionType: '驻马店市', pollutant: '4347052411', outletType: '数字媒体艺术', outletName: '嘉实瑞沃德(北京)商贸有限公司', permittedEmission: '5年', annualTotal: '2025-08-21' },
- { key: 7, emissionType: '三亚市', pollutant: '388946891', outletType: '技术侦察学', outletName: '中大国际文化有限公司', permittedEmission: '5年', annualTotal: '2025-08-17' },
- { key: 8, emissionType: '巢湖市', pollutant: '7190228566', outletType: '财政学', outletName: '嘉实瑞沃德(北京)商贸有限公司', permittedEmission: '5年', annualTotal: '2025-08-20' },
- { key: 9, emissionType: '东营市', pollutant: '6656363924', outletType: '保险学', outletName: '北京济丰国际医院管理有限公司', permittedEmission: '5年', annualTotal: '2025-08-27' },
- { key: 10, emissionType: '九龙', pollutant: '622145211', outletType: '英语', outletName: '北京庆奔科贸有限公司', permittedEmission: '5年', annualTotal: '2025-08-28' },
- { key: 11, emissionType: '深圳市', pollutant: '99887766', outletType: '生活污水', outletName: '深圳水务集团有限公司', permittedEmission: '4年', annualTotal: '2025-07-20' },
- { key: 12, emissionType: '杭州市', pollutant: '33445566', outletType: '农业面源', outletName: '杭州农业科技有限公司', permittedEmission: '2年', annualTotal: '2025-10-05' }
- ];
-
- // 污染治理设备异常情况数据
- const equipmentAbnormalData = [
- { key: 1, emissionType: '类型1', pollutant: '10:15:10—10:50:10', outletType: '管道', outletName: '老化', permittedEmission: '因子名称', annualTotal: '管口5m内' },
- { key: 2, emissionType: '类型1', pollutant: '10:15:10—10:50:10', outletType: '管道', outletName: '老化', permittedEmission: '因子名称', annualTotal: '管口5m内' },
- { key: 3, emissionType: '类型1', pollutant: '10:15:10—10:50:10', outletType: '管道', outletName: '老化', permittedEmission: '因子名称', annualTotal: '管口5m内' },
- { key: 4, emissionType: '类型1', pollutant: '10:15:10—10:50:10', outletType: '管道', outletName: '老化', permittedEmission: '因子名称', annualTotal: '管口5m内' },
- { key: 5, emissionType: '类型1', pollutant: '10:15:10—10:50:10', outletType: '管道', outletName: '老化', permittedEmission: '因子名称', annualTotal: '管口5m内' },
- { key: 6, emissionType: '类型1', pollutant: '10:15:10—10:50:10', outletType: '管道', outletName: '老化', permittedEmission: '因子名称', annualTotal: '管口5m内' },
- { key: 7, emissionType: '类型1', pollutant: '10:15:10—10:50:10', outletType: '管道', outletName: '老化', permittedEmission: '因子名称', annualTotal: '管口5m内' },
- { key: 8, emissionType: '类型1', pollutant: '10:15:10—10:50:10', outletType: '管道', outletName: '老化', permittedEmission: '因子名称', annualTotal: '管口5m内' },
- { key: 9, emissionType: '类型1', pollutant: '10:15:10—10:50:10', outletType: '管道', outletName: '老化', permittedEmission: '因子名称', annualTotal: '管口5m内' },
- { key: 10, emissionType: '类型1', pollutant: '10:15:10—10:50:10', outletType: '管道', outletName: '老化', permittedEmission: '因子名称', annualTotal: '管口5m内' },
- { key: 11, emissionType: '类型2', pollutant: '11:20:15—11:45:30', outletType: '风机', outletName: '磨损', permittedEmission: '因子名称2', annualTotal: '风机10m内' },
- { key: 12, emissionType: '类型3', pollutant: '14:30:20—15:10:40', outletType: '泵站', outletName: '堵塞', permittedEmission: '因子名称3', annualTotal: '泵站15m内' }
- ];
-
- // 实际排放和超标排放的表格列定义
- const normalColumns = [
- {
- title: '序号',
- dataIndex: 'key',
- key: 'key',
- width: 80,
- align: 'center',
- },
- {
- title: '排放物类型',
- dataIndex: 'emissionType',
- key: 'emissionType',
- width: 100,
- },
- {
- title: '污染物',
- dataIndex: 'pollutant',
- key: 'pollutant',
- width: 100,
- },
- {
- title: '排放口类型',
- dataIndex: 'outletType',
- key: 'outletType',
- width: 160,
- },
- {
- title: '排放口编号/排放口名称',
- dataIndex: 'outletName',
- key: 'outletName',
- width: 220,
- },
- {
- title: '许可排放量(吨)',
- dataIndex: 'permittedEmission',
- key: 'permittedEmission',
- width: 120,
- },
- {
- title: '年度合计',
- dataIndex: 'annualTotal',
- key: 'annualTotal',
- width: 120,
- },
- {
- title: '第一季度',
- key: 'q1',
- width: 80,
- render: () =>
附件,
- },
- {
- title: '二季度',
- key: 'q2',
- width: 80,
- render: () =>
附件,
- },
- {
- title: '三季度',
- key: 'q3',
- width: 80,
- render: () =>
附件,
- },
- {
- title: '四季度',
- key: 'q4',
- width: 80,
- render: () =>
附件,
- },
- {
- title: '操作',
- key: 'action',
- width: 100,
- render: (_, record) => (
-
-
-
-
- ),
- },
- ];
-
- // 污染治理设备异常情况的表格列定义
- const equipmentColumns = [
- {
- title: '序号',
- dataIndex: 'key',
- key: 'key',
- width: 80,
- align: 'center',
- },
- {
- title: '故障类型',
- dataIndex: 'emissionType',
- key: 'emissionType',
- width: 100,
- },
- {
- title: '超标时段(开始时段—结束时段)',
- dataIndex: 'pollutant',
- key: 'pollutant',
- width: 200,
- },
- {
- title: '故障设施',
- dataIndex: 'outletType',
- key: 'outletType',
- width: 100,
- },
- {
- title: '故障原因',
- dataIndex: 'outletName',
- key: 'outletName',
- width: 100,
- },
- {
- title: '排放因子',
- dataIndex: 'permittedEmission',
- key: 'permittedEmission',
- width: 100,
- },
- {
- title: '排放范围',
- dataIndex: 'annualTotal',
- key: 'annualTotal',
- width: 120,
- },
- {
- title: '排放因子浓度(mg/m³或dB(A))',
- key: 'concentration',
- width: 200,
- render: () => '2025-08-15',
- },
- {
- title: '应对',
- key: 'response',
- width: 80,
- render: () => '—',
- },
- {
- title: '操作',
- key: 'action',
- width: 120,
- render: (_, record) => (
-
-
-
-
- ),
- },
- ];
-
- // 获取当前标签页的数据
- const getCurrentData = () => {
- switch (activeTab) {
- case 'actual':
- return actualEmissionData;
- case 'excessive':
- return excessiveEmissionData;
- case 'equipment':
- return equipmentAbnormalData;
- default:
- return actualEmissionData;
- }
- };
-
- // 获取当前标签页的列定义
- const getCurrentColumns = () => {
- switch (activeTab) {
- case 'actual':
- case 'excessive':
- return normalColumns;
- case 'equipment':
- return equipmentColumns;
- default:
- return normalColumns;
- }
- };
-
- // 分页配置
- const pagination = {
- current: 1,
- pageSize: 10,
- total: 12,
- showTotal: (total) => `共 ${total} 条`,
- showSizeChanger: true,
- showQuickJumper: true,
- };
-
- return (
-
-
-
-
-
-
-
-
-
- 筛选条件
-
-
- }
- className={styles.queryBtn}
- >
- 查询
-
- }
- className={styles.resetBtn}
- >
- 重置
-
- }
- className={styles.uploadBtn}
- >
- 上传
-
-
-
-
-
-
-
-
- );
-};
-
-export default DischargePermitManagement;
\ No newline at end of file
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/DischargePermitManagement.less b/src/pages/business_envInformation_monthly/components/secondary_menu/DischargePermitManagement.less
deleted file mode 100644
index 6bb0c75..0000000
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/DischargePermitManagement.less
+++ /dev/null
@@ -1,160 +0,0 @@
-.dischargePermitManagement {
- width: 100%;
- height: 100%;
- background-color: #fff;
- padding: 20px;
-
- .tabContainer {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-bottom: 15px;
- padding: 0 ;
- // border-bottom: 1px solid #e8e8e8;
-
- .tabButtons {
- display: flex;
- gap: 0;
- background-color: #F4F4F4;
- border-radius: 4px;
- padding: 4px 8px;
- align-items: center;
-
- .tabButton {
- padding: 8px 20px;
- border: none;
- background-color: transparent;
- color: #666;
- font-size: 14px;
- font-weight: 500;
- cursor: pointer;
- border-radius: 4px;
- transition: all 0.3s ease;
- height: auto;
- line-height: 1.4;
-
- &:hover {
- color: #1890ff;
- background-color: rgba(24, 144, 255, 0.1);
- }
-
- &.active {
- background-color: #03C598;
- color: #fff;
- }
- }
- }
-
- .filterSection {
- display: flex;
- align-items: center;
- gap: 12px;
- border-radius: 4px;
-
- .filterLabel {
- font-size: 14px;
- color: #333;
- }
-
- .filterSelect {
- min-width: 120px;
- }
-
- .filterInput {
- min-width: 200px;
- border-radius: 4px;
- }
-
- .queryBtn {
- background-color: #00D48A;
- border-color: #00D48A;
- border-radius: 4px;
-
- &:hover {
- background-color: #389e0d;
- border-color: #389e0d;
- }
- }
-
- .resetBtn, .uploadBtn {
- background-color: #fff;
- color: #666;
- border-color: #d9d9d9;
- border-radius: 4px;
-
-
- &:hover {
- border-color: #1890ff;
- color: #1890ff;
- }
- }
- }
- }
-
- .tableContent {
- width: 100%;
-
- // 覆盖表头样式
- :global {
- .ant-table-thead > tr > th {
- font-weight: 400 !important;
- font-size: 12px !important;
- color: #333 !important;
- text-align: center !important;
- background-color: #FAFAFA !important;
- }
-
- .ant-table-tbody > tr > td {
- font-size: 12px;
- color: #333;
- text-align: center;
- }
-
- .ant-table-wrapper {
- width: 100%;
- max-width: 100%;
- }
- }
-
- .attachmentLink {
- color: #1890ff;
- text-decoration: none;
- font-size: 12px;
-
- &:hover {
- text-decoration: underline;
- }
- }
-
- .actionButtons {
- display: flex;
- gap: 20px;
- justify-content: center;
- align-items: center;
-
- .downloadIcon, .deleteIcon {
- width: 20px;
- height: 20px;
- cursor: pointer;
- transition: all 0.3s ease;
-
- &:hover {
- transform: scale(1.1);
- opacity: 0.8;
- }
- }
-
- .downloadIcon {
- &:hover {
- filter: brightness(1.2);
- }
- }
-
- .deleteIcon {
- &:hover {
- filter: brightness(1.2) saturate(1.5);
- }
- }
- }
- }
-}
\ No newline at end of file
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/EnvironmentalTaskList.js b/src/pages/business_envInformation_monthly/components/secondary_menu/EnvironmentalTaskList.js
deleted file mode 100644
index f4e6367..0000000
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/EnvironmentalTaskList.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from 'react';
-import styles from './EnvironmentalTaskList.less';
-
-const EnvironmentalTaskList = () => {
- return (
-
-
-
-
2) 环保管理任务清单
-
依据排污许可证副本中的环保要求,提供生成环保管理要求任务清单;
-
环保任务清单包括:大气排放口信息,大气污染物有组织排放许可年限值,大气污染物无组织排放年限制、企业大气排放总许可量;废水排放口、废水污染物排放许可限制;固体废物排放信息、自行贮存和自行利用/处置设施信息;工业噪声排放信息;
-
环境管理要求包括:自行检测及记录表、环境管理台账记录。
-
-
-
-
- 共85条
-
-
-
-
-
-
- ...
-
-
-
-
-
- ...
-
-
-
-
-
-
- );
-};
-
-export default EnvironmentalTaskList;
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/EnvironmentalTaskList.less b/src/pages/business_envInformation_monthly/components/secondary_menu/EnvironmentalTaskList.less
deleted file mode 100644
index c9f43c6..0000000
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/EnvironmentalTaskList.less
+++ /dev/null
@@ -1,105 +0,0 @@
-.environmentalTaskListContainer {
- width: 100%;
- height: 72vh;
- display: flex;
- flex-direction: column;
- background-color: #fff;
- position: relative;
-}
-
-.environmentalTaskListContent {
- flex: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- padding: 0px 20px;
-}
-
-.environmentalTaskListText {
- max-width: 800px;
- text-align: left;
- line-height: 1.6;
-
- h2 {
- font-size: 20px;
- color: #333;
- margin-bottom: 20px;
- font-weight: 600;
- }
-
- p {
- font-size: 16px;
- color: #333;
- margin-bottom: 15px;
- text-indent: 2em;
- }
-}
-
-.environmentalTaskListPagination {
- position: absolute;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- gap: 20px;
- background: #fff;
- padding: 10px 20px;
- border-radius: 4px;
- // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-}
-
-.paginationInfo {
- font-size: 14px;
- color: #666;
-}
-
-.paginationControls {
- display: flex;
- align-items: center;
- gap: 10px;
-}
-
-.pageSizeSelect {
- padding: 4px 8px;
- border: 1px solid #d9d9d9;
- border-radius: 4px;
- font-size: 12px;
- background: #fff;
-}
-
-.pageNumbers {
- display: flex;
- align-items: center;
- gap: 4px;
-}
-
-.pageButton, .pageNumber {
- padding: 4px 8px;
- border: 1px solid #d9d9d9;
- background: #fff;
- border-radius: 4px;
- font-size: 12px;
- cursor: pointer;
- min-width: 32px;
- height: 32px;
- display: flex;
- align-items: center;
- justify-content: center;
-
- &:hover {
- border-color: #1890ff;
- color: #1890ff;
- }
-}
-
-.pageNumber.active {
- background: #1890ff;
- color: #fff;
- border-color: #1890ff;
-}
-
-.pageEllipsis {
- padding: 4px 8px;
- font-size: 12px;
- color: #666;
-}
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/InformationDisclosure.js b/src/pages/business_envInformation_monthly/components/secondary_menu/InformationDisclosure.js
deleted file mode 100644
index 4366372..0000000
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/InformationDisclosure.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react';
-import styles from './InformationDisclosure.less';
-
-const InformationDisclosure = () => {
- return (
-
- );
-};
-
-export default InformationDisclosure;
-
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/InformationDisclosure.less b/src/pages/business_envInformation_monthly/components/secondary_menu/InformationDisclosure.less
deleted file mode 100644
index 022f9de..0000000
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/InformationDisclosure.less
+++ /dev/null
@@ -1,15 +0,0 @@
-.container {
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- background-color: #fff;
-
- .content {
- font-size: 24px;
- color: #999999;
- font-weight: 400;
- }
-}
-
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/PermitStatistics.js b/src/pages/business_envInformation_monthly/components/secondary_menu/PermitStatistics.js
deleted file mode 100644
index fec1778..0000000
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/PermitStatistics.js
+++ /dev/null
@@ -1,421 +0,0 @@
-import React, { useState } from 'react';
-import { Form, Input, Button, DatePicker, Space, Modal, Select } from 'antd';
-import { SearchOutlined, RedoOutlined, CloseOutlined, EyeOutlined, DeleteOutlined, PlusOutlined, UploadOutlined, EditOutlined, DownloadOutlined } from '@ant-design/icons';
-import StandardTable from '@/components/StandardTable';
-import styles from './PermitStatistics.less';
-import licence1 from '@/assets/business_envinformation/image1.svg';
-import licence2 from '@/assets/business_envinformation/image2.svg';
-import viewicon from '@/assets/business_envinformation/viewicon.svg';
-import editicon from '@/assets/business_envinformation/editicon.svg';
-import downloadicon from '@/assets/business_envinformation/downloadicon.svg';
-import deleteicon from '@/assets/business_envinformation/deleteicon.svg';
-
-
-
-const PermitStatistics = () => {
- const [form] = Form.useForm();
- const [isModalVisible, setIsModalVisible] = useState(false);
- const [currentImage, setCurrentImage] = useState(null);
- const [pagination, setPagination] = useState({
- current: 1,
- pageSize: 10,
- total: 14,
- });
- const [dataSource, setDataSource] = useState([
- {
- key: 1,
- administrativeRegion: '榆林市',
- permitNumber: '51669811',
- industryCategory: '信用风险管理与法律防',
- companyName: '北京那蓝国际贸易有限公司',
- validityPeriod: '5年',
- issueDate: '2025-08-15',
- original: '附件',
- duplicate: '附件',
- },
- {
- key: 2,
- administrativeRegion: '拉萨市',
- permitNumber: '34887875',
- industryCategory: '涉外警务',
- companyName: '中潮石林企业咨询(上海)有限公司北京分公司',
- validityPeriod: '5年',
- issueDate: '2025-08-09',
- original: '附件',
- duplicate: '附件',
- },
- {
- key: 3,
- administrativeRegion: '长家界市',
- permitNumber: '1716652546',
- industryCategory: '环境设计',
- companyName: '水木晨曦(北京)科技有限公司',
- validityPeriod: '5年',
- issueDate: '2025-08-17',
- original: '附件',
- duplicate: '附件',
- },
- {
- key: 4,
- administrativeRegion: '马潭市',
- permitNumber: '384654762',
- industryCategory: '电子竞技运动与管理',
- companyName: '亚商桥(北京)咨询有限公司',
- validityPeriod: '5年',
- issueDate: '2025-08-17',
- original: '附件',
- duplicate: '附件',
- },
- {
- key: 5,
- administrativeRegion: '交州市',
- permitNumber: '34669295254',
- industryCategory: '精算学',
- companyName: '中讯通讯科技有限公司',
- validityPeriod: '5年',
- issueDate: '2025-08-13',
- original: '附件',
- duplicate: '附件',
- },
- {
- key: 6,
- administrativeRegion: '驻马店市',
- permitNumber: '4347052411',
- industryCategory: '数字媒体艺术',
- companyName: '嘉实瑞沃德(北京)商贸有限公司',
- validityPeriod: '5年',
- issueDate: '2025-08-21',
- original: '附件',
- duplicate: '附件',
- },
- {
- key: 7,
- administrativeRegion: '三亚市',
- permitNumber: '388946691',
- industryCategory: '技术侦察学',
- companyName: '中大国际文化有限公司',
- validityPeriod: '5年',
- issueDate: '2025-08-17',
- original: '附件',
- duplicate: '附件',
- },
- {
- key: 8,
- administrativeRegion: '美湖市',
- permitNumber: '7190228566',
- industryCategory: '财政学',
- companyName: '嘉实瑞沃德(北京)商贸有限公司',
- validityPeriod: '5年',
- issueDate: '2025-08-20',
- original: '附件',
- duplicate: '附件',
- },
- {
- key: 9,
- administrativeRegion: '东营市',
- permitNumber: '6656363924',
- industryCategory: '保险学',
- companyName: '北京清丰国际医院管理有限公司',
- validityPeriod: '5年',
- issueDate: '2025-06-27',
- original: '附件',
- duplicate: '附件',
- },
- {
- key: 10,
- administrativeRegion: '九龙',
- permitNumber: '622145211',
- industryCategory: '英语',
- companyName: '北京庆奔科贸有限公司',
- validityPeriod: '5年',
- issueDate: '2025-08-28',
- original: '附件',
- duplicate: '附件',
- },
- {
- key: 11,
- administrativeRegion: '深圳市',
- permitNumber: '755123456',
- industryCategory: '计算机科学与技术',
- companyName: '深圳创新科技有限公司',
- validityPeriod: '3年',
- issueDate: '2025-09-01',
- original: '附件',
- duplicate: '附件',
- },
- {
- key: 12,
- administrativeRegion: '杭州市',
- permitNumber: '571789012',
- industryCategory: '电子商务',
- companyName: '杭州数字贸易有限公司',
- validityPeriod: '4年',
- issueDate: '2025-09-05',
- original: '附件',
- duplicate: '附件',
- },
- {
- key: 13,
- administrativeRegion: '成都市',
- permitNumber: '028345678',
- industryCategory: '生物技术',
- companyName: '成都生物科技股份有限公司',
- validityPeriod: '5年',
- issueDate: '2025-09-10',
- original: '附件',
- duplicate: '附件',
- },
- {
- key: 14,
- administrativeRegion: '武汉市',
- permitNumber: '027456789',
- industryCategory: '机械工程',
- companyName: '武汉智能制造有限公司',
- validityPeriod: '3年',
- issueDate: '2025-09-15',
- original: '附件',
- duplicate: '附件',
- },
- ]);
-
- const columns = [
- {
- title: '序号',
- dataIndex: 'key',
- key: 'key',
- width: 80,
- align: 'center',
- },
- {
- title: '行政区',
- dataIndex: 'administrativeRegion',
- key: 'administrativeRegion',
- width: 120,
- },
- {
- title: '许可证编号',
- dataIndex: 'permitNumber',
- key: 'permitNumber',
- width: 130,
- },
- {
- title: '行业类别',
- dataIndex: 'industryCategory',
- key: 'industryCategory',
- width: 200,
- },
- {
- title: '企业名称',
- dataIndex: 'companyName',
- key: 'companyName',
- width: 230,
- },
- {
- title: '有效期限',
- dataIndex: 'validityPeriod',
- key: 'validityPeriod',
- width: 80,
- align: 'center',
- },
- {
- title: '发证日期',
- dataIndex: 'issueDate',
- key: 'issueDate',
- width: 120,
- align: 'center',
- },
- {
- title: '正本',
- dataIndex: 'original',
- key: 'original',
- width: 80,
- align: 'center',
- render: () =>
{ setCurrentImage(licence1); setIsModalVisible(true); }}>附件
- },
- {
- title: '副本',
- dataIndex: 'duplicate',
- key: 'duplicate',
- width: 120,
- align: 'center',
- render: () =>
{ setCurrentImage(licence2); setIsModalVisible(true); }}>附件
- },
- {
- title: '操作',
- key: 'action',
- width: 140,
- align: 'center',
- render: (_, record) => (
-
- 
handleView(record)}
- />
- 
handleEdit(record)}
- />
- handleDownload(record)}
- />
- handleDelete(record)}
- />
-
- ),
- },
- ];
-
- const handleSearch = (values) => {
- console.log('搜索参数:', values);
- // TODO: 实现搜索功能
- };
-
- const handleReset = () => {
- form.resetFields();
- // TODO: 重置搜索
- };
-
- const handleView = (record) => {
- console.log('查看:', record);
- // TODO: 实现查看功能
- };
-
- const handleEdit = (record) => {
- console.log('编辑:', record);
- // TODO: 实现编辑功能
- };
-
- const handleDownload = (record) => {
- console.log('下载:', record);
- // TODO: 实现下载功能
- };
-
- const handleDelete = (record) => {
- console.log('删除:', record);
- // TODO: 实现删除功能
- };
-
- const handleAdd = () => {
- console.log('新增');
- // TODO: 实现新增功能
- };
-
- const handleImport = () => {
- console.log('导入');
- // TODO: 实现导入功能
- };
-
- const handleQuery = () => {
- console.log('查询');
- // TODO: 实现查询功能
- };
-
- const handleTableChange = (pagination) => {
- setPagination(pagination);
- };
-
- const getCurrentPageData = () => {
- const { current, pageSize } = pagination;
- const start = (current - 1) * pageSize;
- const end = start + pageSize;
- return dataSource.slice(start, end);
- };
-
- return (
-
- {/* 第一块：操作按钮和筛选条件 */}
-
-
- }
- onClick={handleAdd}
- className={styles.addButton}
- >
- 新增
-
- }
- onClick={handleImport}
- className={styles.importButton}
- >
- 导入
-
-
-
-
- 筛选条件
-
-
-
-
-
-
-
-
- {/* 第二块：表格 */}
-
- `共 ${total} 条`,
- showSizeChanger: false,
- }
- }}
- onChange={handleTableChange}
- />
-
-
- {/* 图片弹窗 */}
-
setIsModalVisible(false)}
- footer={null}
- closeIcon={}
- width="auto"
- centered
- styles={{
- mask: { backgroundColor: '#10101080' },
- content: { padding: 0, background: 'transparent', boxShadow: 'none' }
- }}
- >
- {currentImage && 
}
-
-
- );
-};
-
-export default PermitStatistics;
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/PermitStatistics.less b/src/pages/business_envInformation_monthly/components/secondary_menu/PermitStatistics.less
deleted file mode 100644
index 54aa30e..0000000
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/PermitStatistics.less
+++ /dev/null
@@ -1,187 +0,0 @@
-.permitContainer {
- width: 100%;
- height: 100%;
- // padding: 20px;
- background-color: #fff;
- display: flex;
- flex-direction: column;
- margin: 0;
- padding: 0;
-
- .searchSection {
- padding: 20px;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-bottom: 16px;
-
- .leftButtons {
- display: flex;
- gap: 12px;
-
- .addButton {
- background-color: #52c41a;
- border-color: #52c41a;
- color: white;
- height: 32px;
- border-radius: 4px;
- display: flex;
- align-items: center;
- gap: 4px;
-
- &:hover {
- background-color: #73d13d;
- border-color: #73d13d;
- }
- }
-
- .importButton {
- background-color: white;
- border-color: #d9d9d9;
- color: #333;
- height: 32px;
- border-radius: 4px;
-
- &:hover {
- border-color: #40a9ff;
- color: #40a9ff;
- }
- }
- }
-
- .rightControls {
- display: flex;
- align-items: center;
- gap: 12px;
-
- .filterLabel {
- color: #333;
- font-size: 14px;
- white-space: nowrap;
- }
-
- .queryButton {
- background-color: #52c41a;
- border-color: #52c41a;
- color: white;
- height: 28px;
- border-radius: 4px;
- display: flex;
- align-items: center;
- justify-content: center;
-
- &:hover {
- background-color: #73d13d;
- border-color: #73d13d;
- }
- }
-
- .selectInput {
- :global {
- .ant-select-selector {
- display: flex;
- align-items: center;
- height: 28px !important;
- }
-
- .ant-select-selection-item {
- display: flex;
- align-items: center;
- line-height: 1;
- }
-
- .ant-select-selection-placeholder {
- display: flex;
- align-items: center;
- line-height: 1;
- }
- }
- }
- }
- }
-
- .tableSection {
- flex: 1;
- display: flex;
- flex-direction: column;
- overflow: hidden;
- padding: 0 20px 0;
-
- :global {
- .ant-spin-nested-loading {
- flex: 1;
- display: flex;
- flex-direction: column;
- overflow: hidden;
- margin: 0;
- padding: 0;
-
- .ant-spin-container {
- flex: 1;
- display: flex;
- flex-direction: column;
- overflow: hidden;
- margin: 0;
- padding: 0;
-
- .ant-table-wrapper {
- flex: 1;
- display: flex;
- flex-direction: column;
- overflow: hidden;
- margin: 0;
- padding: 0;
-
- .ant-table {
- flex: 1;
- overflow: auto;
- margin: 0;
- }
-
- .ant-table-pagination {
- flex-shrink: 0;
-
- }
- }
- }
- }
-
- .ant-table {
- font-size: 12px;
-
- .ant-table-thead > tr > th {
- background-color: #fafafa;
- font-weight: 400;
- color: #000000D9;
- border-right: none;
- text-align: center;
- }
-
- .ant-table-tbody > tr > td {
- border-right: none;
- color: #000000D9;
- font-weight: 400;
- text-align: center;
- }
-
- .ant-table-tbody > tr:hover > td {
- background-color: #f5f5f5;
- }
-
- a {
- color: #1890ff;
- text-decoration: none;
-
- &:hover {
- color: #40a9ff;
- }
- }
- }
-
- .ant-pagination {
- text-align: right;
- margin-top: 70px !important;
- }
- }
- }
-}
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/ProtectionFacilityMaintenance.js b/src/pages/business_envInformation_monthly/components/secondary_menu/ProtectionFacilityMaintenance.js
deleted file mode 100644
index a83b5c2..0000000
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/ProtectionFacilityMaintenance.js
+++ /dev/null
@@ -1,578 +0,0 @@
-import React, { useState } from 'react';
-import { Form, Input, Button, DatePicker, Space, Modal, Select } from 'antd';
-import { SearchOutlined, RedoOutlined, CloseOutlined, EyeOutlined, DeleteOutlined, PlusOutlined, UploadOutlined, EditOutlined, DownloadOutlined } from '@ant-design/icons';
-import StandardTable from '@/components/StandardTable';
-import styles from './ProtectionFacilityMaintenance.less';
-import licence1 from '@/assets/business_envinformation/image1.svg';
-import licence2 from '@/assets/business_envinformation/image2.svg';
-import viewicon from '@/assets/business_envinformation/viewicon.svg';
-import editicon from '@/assets/business_envinformation/editicon.svg';
-import downloadicon from '@/assets/business_envinformation/downloadicon.svg';
-import deleteicon from '@/assets/business_envinformation/deleteicon.svg';
-
-const ProtectionFacilityMaintenance = () => {
- const [form] = Form.useForm();
- const [isModalVisible, setIsModalVisible] = useState(false);
- const [currentImage, setCurrentImage] = useState(null);
- const [pagination, setPagination] = useState({
- current: 1,
- pageSize: 10,
- total: 13,
- });
- const [selectedRowKeys, setSelectedRowKeys] = useState([]);
- const [dataSource, setDataSource] = useState([
- {
- key: 1,
- recordTime: '2025-08-29',
- recorder: '赵吾行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- facilityCode: '35.236.217.212',
- startTime: '2025-08-23 06:18',
- endTime: '2025-08-23 06:18',
- pollutantType: '123',
- concentration: '39',
- unit: 'm³/d',
- dischargeDestination: '大气',
- eventReason: '从病虫害探测、土壤墒情监测智能...',
- isReported: '已报告',
- responseMeasures: '2025-08-23 06:18',
- },
- {
- key: 2,
- recordTime: '2025-09-02',
- recorder: '王嘉骐',
- reviewer: '赵子峰',
- facilityName: '复方水杨酸甲酯乳膏(曼秀雷敦)',
- facilityCode: '65.177.48.116',
- startTime: '2025-09-07 17:48',
- endTime: '2025-09-07 17:48',
- pollutantType: '大气污染物',
- concentration: '52',
- unit: 'm³/d',
- dischargeDestination: '河流',
- eventReason: '从病虫害探测、土壤墒情监测智能...',
- isReported: '已报告',
- responseMeasures: '2025-09-07 17:48',
- },
- {
- key: 3,
- recordTime: '2025-09-06',
- recorder: '王嘉琪',
- reviewer: '郑清予',
- facilityName: '口炎清颗粒(大神)',
- facilityCode: '111.161.135.125',
- startTime: '2025-09-04 13:08',
- endTime: '2025-09-04 13:08',
- pollutantType: '污水',
- concentration: '28',
- unit: 'm³/d',
- dischargeDestination: '河流',
- eventReason: '从病虫害探测、土壤墒情监测智能...',
- isReported: '已报告',
- responseMeasures: '2025-09-04 13:08',
- },
- {
- key: 4,
- recordTime: '2025-08-22',
- recorder: '王佛瑶',
- reviewer: '赵玉',
- facilityName: '烧烫伤膏(茂祥)',
- facilityCode: '162.208.135.147',
- startTime: '2025-08-28 22:40',
- endTime: '2025-08-28 22:40',
- pollutantType: '污水',
- concentration: '46',
- unit: 'm³/d',
- dischargeDestination: '河流',
- eventReason: '近期,高铁"熊孩子"事件频出,...',
- isReported: '已报告',
- responseMeasures: '2025-08-28 22:40',
- },
- {
- key: 5,
- recordTime: '2025-08-31',
- recorder: '吴子萱',
- reviewer: '钱品妍',
- facilityName: '云南白药(云南白药)',
- facilityCode: '138.6.246.181',
- startTime: '2025-09-17 19:48',
- endTime: '2025-09-17 19:48',
- pollutantType: '污水',
- concentration: '37',
- unit: 'm³/d',
- dischargeDestination: '河流',
- eventReason: '刘某及同伴三人前往该射击俱乐部...',
- isReported: '已报告',
- responseMeasures: '2025-09-17 19:48',
- },
- {
- key: 6,
- recordTime: '2025-08-29',
- recorder: '何风景',
- reviewer: '赵海洲',
- facilityName: '麝香壮骨膏(修正)',
- facilityCode: '134.80.173.128',
- startTime: '2025-09-02 22:21',
- endTime: '2025-09-02 22:21',
- pollutantType: '污水',
- concentration: '53',
- unit: 'm³/d',
- dischargeDestination: '河流',
- eventReason: '一位网友在社交平台发布的视频显...',
- isReported: '未报告',
- responseMeasures: '2025-09-02 22:21',
- },
- {
- key: 7,
- recordTime: '2025-08-28',
- recorder: '李琳颖',
- reviewer: '李建刚',
- facilityName: '复方醋酸甲羟孕酮胶囊(妇复春)',
- facilityCode: '218.169.25.43',
- startTime: '2025-09-06 16:27',
- endTime: '2025-09-06 16:27',
- pollutantType: '污水',
- concentration: '24',
- unit: 'm³/d',
- dischargeDestination: '河流',
- eventReason: '盛夏时节,四川绵竹市汉旺镇一株...',
- isReported: '未报告',
- responseMeasures: '2025-09-06 16:27',
- },
- {
- key: 8,
- recordTime: '2025-08-22',
- recorder: '赵午光',
- reviewer: '钱泽西',
- facilityName: '桂龙药膏',
- facilityCode: '54.218.80.84',
- startTime: '2025-09-12 22:50',
- endTime: '2025-09-12 22:50',
- pollutantType: '污水',
- concentration: '47',
- unit: 'm³/d',
- dischargeDestination: '河流',
- eventReason: '随着"热射病"这一高温疾病快速...',
- isReported: '未报告',
- responseMeasures: '2025-09-12 22:50',
- },
- {
- key: 9,
- recordTime: '2025-08-21',
- recorder: '王凤娇',
- reviewer: '李金泽',
- facilityName: '和兴白花油(和兴白花油)',
- facilityCode: '222.1.18.173',
- startTime: '2025-09-10 04:28',
- endTime: '2025-09-10 04:28',
- pollutantType: '污水',
- concentration: '33',
- unit: 'm³/d',
- dischargeDestination: '河流',
- eventReason: '夏粮丰,全年稳。国家粮食和物资...',
- isReported: '未报告',
- responseMeasures: '2025-09-10 04:28',
- },
- {
- key: 10,
- recordTime: '2025-09-09',
- recorder: '赵涛',
- reviewer: '何能',
- facilityName: '茶苯海明含片(贻晗柠)',
- facilityCode: '136.200.182.22',
- startTime: '2025-08-30 07:15',
- endTime: '2025-08-30 07:15',
- pollutantType: '污水',
- concentration: '34',
- unit: 'm³/d',
- dischargeDestination: '河流',
- eventReason: '近日,一则"携程推出火车卧铺女...',
- isReported: '未报告',
- responseMeasures: '2025-08-30 07:15',
- },
- {
- key: 11,
- recordTime: '2025-09-15',
- recorder: '李小明',
- reviewer: '王建国',
- facilityName: '阿莫西林胶囊(华北制药)',
- facilityCode: '192.168.1.100',
- startTime: '2025-09-15 14:30',
- endTime: '2025-09-15 16:45',
- pollutantType: '大气污染物',
- concentration: '68',
- unit: 'mg/m³',
- dischargeDestination: '大气',
- eventReason: '设备故障导致废气处理系统异常运行...',
- isReported: '已报告',
- responseMeasures: '2025-09-15 16:45',
- },
- {
- key: 12,
- recordTime: '2025-09-18',
- recorder: '张美丽',
- reviewer: '刘德华',
- facilityName: '布洛芬缓释胶囊(中美史克)',
- facilityCode: '10.0.0.25',
- startTime: '2025-09-18 09:20',
- endTime: '2025-09-18 11:30',
- pollutantType: '污水',
- concentration: '42',
- unit: 'mg/L',
- dischargeDestination: '污水处理厂',
- eventReason: '管道泄漏导致废水直接排放...',
- isReported: '未报告',
- responseMeasures: '2025-09-18 11:30',
- },
- {
- key: 13,
- recordTime: '2025-09-20',
- recorder: '陈志强',
- reviewer: '周杰伦',
- facilityName: '头孢拉定胶囊(石药集团)',
- facilityCode: '172.16.0.88',
- startTime: '2025-09-20 20:15',
- endTime: '2025-09-20 22:00',
- pollutantType: '噪声',
- concentration: '85',
- unit: 'dB',
- dischargeDestination: '环境',
- eventReason: '夜间施工未采取降噪措施...',
- isReported: '已报告',
- responseMeasures: '2025-09-20 22:00',
- },
- ]);
-
- const getCurrentPageData = () => {
- const { current, pageSize } = pagination;
- const start = (current - 1) * pageSize;
- const end = start + pageSize;
- return dataSource.slice(start, end);
- };
-
- const columns = [
- {
- title: (
-
0}
- onChange={(e) => handleSelectAll(e.target.checked)}
- />
- ),
- key: 'selection',
- width: 60,
- align: 'center',
- fixed: 'left',
- render: (_, record) => (
-
{
- if (e.target.checked) {
- setSelectedRowKeys([...selectedRowKeys, record.key]);
- } else {
- setSelectedRowKeys(selectedRowKeys.filter(key => key !== record.key));
- }
- }}
- />
- ),
- },
- {
- title: '记录时间',
- dataIndex: 'recordTime',
- key: 'recordTime',
- width: 120,
- align: 'center',
- },
- {
- title: '记录人',
- dataIndex: 'recorder',
- key: 'recorder',
- width: 100,
- align: 'center',
- },
- {
- title: '审核人',
- dataIndex: 'reviewer',
- key: 'reviewer',
- width: 100,
- align: 'center',
- },
- {
- title: '设施名称',
- dataIndex: 'facilityName',
- key: 'facilityName',
- width: 200,
- },
- {
- title: '编号',
- dataIndex: 'facilityCode',
- key: 'facilityCode',
- width: 150,
- align: 'center',
- },
- {
- title: '异常情况起始时刻',
- dataIndex: 'startTime',
- key: 'startTime',
- width: 160,
- align: 'center',
- },
- {
- title: '异常情况终止时刻',
- dataIndex: 'endTime',
- key: 'endTime',
- width: 160,
- align: 'center',
- },
- {
- title: '污染物种类',
- dataIndex: 'pollutantType',
- key: 'pollutantType',
- width: 120,
- align: 'center',
- },
- {
- title: '污染物排放浓度',
- dataIndex: 'concentration',
- key: 'concentration',
- width: 140,
- align: 'center',
- },
- {
- title: '浓度单位',
- dataIndex: 'unit',
- key: 'unit',
- width: 100,
- align: 'center',
- },
- {
- title: '排放去向',
- dataIndex: 'dischargeDestination',
- key: 'dischargeDestination',
- width: 100,
- align: 'center',
- },
- {
- title: '事件原因',
- dataIndex: 'eventReason',
- key: 'eventReason',
- width: 180,
- },
- {
- title: '是否报告',
- dataIndex: 'isReported',
- key: 'isReported',
- width: 100,
- align: 'center',
- render: (text) => (
-
- {text}
-
- ),
- },
- {
- title: '应对措施',
- dataIndex: 'responseMeasures',
- key: 'responseMeasures',
- width: 150,
- align: 'center',
- },
- {
- title: '操作',
- key: 'action',
- width: 100,
- align: 'center',
- fixed: 'right',
- render: (_, record) => (
-
- handleEdit(record)}
- />
- handleDownload(record)}
- />
- handleDelete(record)}
- />
-
- ),
- },
- ];
-
- const handleSearch = (values) => {
- console.log('搜索参数:', values);
- // TODO: 实现搜索功能
- };
-
- const handleReset = () => {
- form.resetFields();
- // TODO: 重置搜索
- };
-
- const handleView = (record) => {
- console.log('查看:', record);
- // TODO: 实现查看功能
- };
-
- const handleEdit = (record) => {
- console.log('编辑:', record);
- // TODO: 实现编辑功能
- };
-
- const handleDownload = (record) => {
- console.log('下载:', record);
- // TODO: 实现下载功能
- };
-
- const handleDelete = (record) => {
- console.log('删除:', record);
- // TODO: 实现删除功能
- };
-
- const handleAdd = () => {
- console.log('新增');
- // TODO: 实现新增功能
- };
-
- const handleImport = () => {
- console.log('导入');
- // TODO: 实现导入功能
- };
-
- const handleQuery = () => {
- console.log('查询');
- // TODO: 实现查询功能
- };
-
- const handleTableChange = (pagination) => {
- setPagination(pagination);
- };
-
- // 全选功能
- const handleSelectAll = (checked) => {
- if (checked) {
- const allKeys = getCurrentPageData().map(item => item.key);
- setSelectedRowKeys(allKeys);
- } else {
- setSelectedRowKeys([]);
- }
- };
-
- // 批量操作
- const handleBatchOperation = (operation) => {
- console.log(`批量${operation}:`, selectedRowKeys);
- // TODO: 实现批量操作功能
- };
-
- return (
-
- {/* 第一块：操作按钮和筛选条件 */}
-
-
- }
- onClick={handleAdd}
- className={styles.addButton}
- >
- 新增
-
-
-
-
-
-
- 筛选条件
-
-
-
-
-
-
-
-
- {/* 第二块：表格 */}
-
- `共 ${total} 条`,
- showSizeChanger: false,
- }
- }}
- onChange={handleTableChange}
- scroll={{ x: 3000 }}
- />
-
-
- {/* 图片弹窗 */}
-
setIsModalVisible(false)}
- footer={null}
- closeIcon={}
- width="auto"
- centered
- styles={{
- mask: { backgroundColor: '#10101080' },
- content: { padding: 0, background: 'transparent', boxShadow: 'none' }
- }}
- >
- {currentImage && }
-
-
- );
-};
-
-export default ProtectionFacilityMaintenance;
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/ProtectionFacilityMaintenance.less b/src/pages/business_envInformation_monthly/components/secondary_menu/ProtectionFacilityMaintenance.less
deleted file mode 100644
index 38c8a2e..0000000
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/ProtectionFacilityMaintenance.less
+++ /dev/null
@@ -1,205 +0,0 @@
-.protectionFacilityContainer {
- width: 100%;
- height: 100%;
- // padding: 20px;
- background-color: #fff;
- display: flex;
- flex-direction: column;
- margin: 0;
- padding: 0;
-
- .searchSection {
- padding: 20px;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-bottom: 16px;
-
- .leftButtons {
- display: flex;
- gap: 12px;
-
- .addButton {
- background-color: #52c41a;
- border-color: #52c41a;
- color: white;
- height: 32px;
- border-radius: 4px;
- display: flex;
- align-items: center;
- gap: 4px;
-
- &:hover {
- background-color: #73d13d;
- border-color: #73d13d;
- }
- }
-
- .importButton {
- background-color: white;
- border-color: #d9d9d9;
- color: #333;
- height: 32px;
- border-radius: 4px;
-
- &:hover {
- border-color: #40a9ff;
- color: #40a9ff;
- }
- }
- }
-
- .rightControls {
- display: flex;
- align-items: center;
- gap: 12px;
-
- .filterLabel {
- color: #333;
- font-size: 14px;
- white-space: nowrap;
- }
-
- .queryButton {
- background-color: #52c41a;
- border-color: #52c41a;
- color: white;
- height: 28px;
- border-radius: 4px;
- display: flex;
- align-items: center;
- justify-content: center;
-
- &:hover {
- background-color: #73d13d;
- border-color: #73d13d;
- }
- }
-
- .selectInput {
- :global {
- .ant-select-selector {
- display: flex;
- align-items: center;
- height: 28px !important;
- }
-
- .ant-select-selection-item {
- display: flex;
- align-items: center;
- line-height: 1;
- }
-
- .ant-select-selection-placeholder {
- display: flex;
- align-items: center;
- line-height: 1;
- }
- }
- }
- }
- }
-
- .tableSection {
- flex: 1;
- display: flex;
- flex-direction: column;
- padding: 0 20px 0;
- overflow: hidden; // 只设置垂直隐藏
- min-width: 0; // 确保可以收缩
-
- :global {
- .ant-spin-nested-loading {
- flex: 1;
- display: flex;
- flex-direction: column;
- overflow: hidden;
- margin: 0;
- padding: 0;
-
- .ant-spin-container {
- flex: 1;
- display: flex;
- flex-direction: column;
- overflow: hidden;
- margin: 0;
- padding: 0;
-
- .ant-table-wrapper {
- flex: 1;
- display: flex;
- flex-direction: column;
- overflow: hidden;
- margin: 0;
- padding: 0;
- }
- }
- }
-
- .ant-table {
- font-size: 12px;
-
- .ant-table-thead > tr > th {
- background-color: #fafafa;
- font-weight: 400;
- color: #000000D9;
- border-right: none;
- text-align: center;
- white-space: nowrap; // 防止换行
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .ant-table-tbody > tr > td {
- border-right: none;
- color: #000000D9;
- font-weight: 400;
- text-align: center;
- white-space: nowrap; // 防止换行
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .ant-table-tbody > tr:hover > td {
- background-color: #f5f5f5;
- }
-
- // 固定列样式
- .ant-table-thead > tr > th.ant-table-cell-fix-left,
- .ant-table-tbody > tr > td.ant-table-cell-fix-left {
- background-color: #fafafa;
- z-index: 1;
- }
-
- .ant-table-thead > tr > th.ant-table-cell-fix-right,
- .ant-table-tbody > tr > td.ant-table-cell-fix-right {
- background-color: #fafafa;
- z-index: 1;
- }
-
- // 固定列阴影效果
- .ant-table-cell-fix-left {
- // box-shadow: 0px 0 4px 0px #00000040;
- }
-
- .ant-table-cell-fix-right {
- // box-shadow: 0px 0 4px 0px #00000040;
- }
-
- a {
- color: #1890ff;
- text-decoration: none;
-
- &:hover {
- color: #40a9ff;
- }
- }
- }
-
- .ant-pagination {
- text-align: right;
- margin-top: 25px !important;
- }
- }
- }
-}
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/RegulationCompliance.js b/src/pages/business_envInformation_monthly/components/secondary_menu/RegulationCompliance.js
deleted file mode 100644
index 8dcaeff..0000000
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/RegulationCompliance.js
+++ /dev/null
@@ -1,592 +0,0 @@
-import React, { useState } from 'react';
-import { Form, Input, Button, DatePicker, Select, Drawer, Descriptions, Tag } from 'antd';
-import styles from './RegulationCompliance.less';
-import stipulation1 from '@/assets/business_envinformation/stipulation1.svg';
-
-const RegulationCompliance = () => {
- const [form] = Form.useForm();
- const [drawerVisible, setDrawerVisible] = useState(false);
- const [selectedRegulation, setSelectedRegulation] = useState(null);
-
- const handleSearch = (values) => {
- console.log('搜索参数:', values);
- // TODO: 实现搜索功能
- };
-
- const handleReset = () => {
- form.resetFields();
- // TODO: 重置搜索
- };
-
- // 显示抽屉详情
- const showDrawer = (regulation) => {
- setSelectedRegulation(regulation);
- setDrawerVisible(true);
- };
-
- // 关闭抽屉
- const onCloseDrawer = () => {
- setDrawerVisible(false);
- setSelectedRegulation(null);
- };
-
- // 模拟法规数据（实际应该从后端获取）
- const mockRegulationDetail = {
- name: '2025排污许可条例',
- publishDate: '2025-08-24',
- department: '环保部门名称',
- content: '在此输入具体的法规内容...',
- status: '有效',
- category: '排污许可',
- version: '1.0',
- updateTime: '2025-08-24'
- };
-
-
- return (
-
- {/* 第一块：搜索表单 */}
-
-
-
-
- {/* 第二块：表格区域 */}
-
-
- {/* 法规合规管理块1 */}
-
- {/* 第一行：法规名称 */}
-
-
- 2025排污许可条例
-
-
- {/* 第二行：发布时间和发布部门 */}
-
-
- 发布时间 2025-08-24
-
-
- 发布部门 环保部门名称
-
-
-
- {/* 第三行：操作按钮 */}
-
-
showDrawer(mockRegulationDetail)}
- style={{ cursor: 'pointer' }}
- >
-
-
-
-
-
-
- {/* 法规合规管理块2 */}
-
- {/* 第一行：法规名称 */}
-
-
- 2025排污许可条例
-
-
- {/* 第二行：发布时间和发布部门 */}
-
-
- 发布时间 2025-08-25
-
-
- 发布部门 环保部门名称
-
-
-
- {/* 第三行：操作按钮 */}
-
-
showDrawer(mockRegulationDetail)}
- style={{ cursor: 'pointer' }}
- >
-
-
-
-
-
-
- {/* 法规合规管理块3 */}
-
- {/* 第一行：法规名称 */}
-
-
- 2025排污许可条例
-
-
- {/* 第二行：发布时间和发布部门 */}
-
-
- 发布时间 2025-08-26
-
-
- 发布部门 环保部门名称
-
-
-
- {/* 第三行：操作按钮 */}
-
-
showDrawer(mockRegulationDetail)}
- style={{ cursor: 'pointer' }}
- >
-
-
-
-
-
-
- {/* 法规合规管理块4 */}
-
- {/* 第一行：法规名称 */}
-
-
- 2025排污许可条例
-
-
- {/* 第二行：发布时间和发布部门 */}
-
-
- 发布时间 2025-08-27
-
-
- 发布部门 环保部门名称
-
-
-
- {/* 第三行：操作按钮 */}
-
-
showDrawer(mockRegulationDetail)}
- style={{ cursor: 'pointer' }}
- >
-
-
-
-
-
-
- {/* 法规合规管理块5 */}
-
- {/* 第一行：法规名称 */}
-
-
- 2025排污许可条例
-
-
- {/* 第二行：发布时间和发布部门 */}
-
-
- 发布时间 2025-08-28
-
-
- 发布部门 环保部门名称
-
-
-
- {/* 第三行：操作按钮 */}
-
-
showDrawer(mockRegulationDetail)}
- style={{ cursor: 'pointer' }}
- >
-
-
-
-
-
-
- {/* 法规合规管理块6 */}
-
- {/* 第一行：法规名称 */}
-
-
- 2025排污许可条例
-
-
- {/* 第二行：发布时间和发布部门 */}
-
-
- 发布时间 2025-08-29
-
-
- 发布部门 环保部门名称
-
-
-
- {/* 第三行：操作按钮 */}
-
-
showDrawer(mockRegulationDetail)}
- style={{ cursor: 'pointer' }}
- >
-
-
-
-
-
-
- {/* 法规合规管理块7 */}
-
- {/* 第一行：法规名称 */}
-
-
- 2025排污许可条例
-
-
- {/* 第二行：发布时间和发布部门 */}
-
-
- 发布时间 2025-08-30
-
-
- 发布部门 环保部门名称
-
-
-
- {/* 第三行：操作按钮 */}
-
-
showDrawer(mockRegulationDetail)}
- style={{ cursor: 'pointer' }}
- >
-
-
-
-
-
-
- {/* 法规合规管理块8 */}
-
- {/* 第一行：法规名称 */}
-
-
- 2025排污许可条例
-
-
- {/* 第二行：发布时间和发布部门 */}
-
-
- 发布时间 2025-08-31
-
-
- 发布部门 环保部门名称
-
-
-
- {/* 第三行：操作按钮 */}
-
-
showDrawer(mockRegulationDetail)}
- style={{ cursor: 'pointer' }}
- >
-
-
-
-
-
-
- {/* 法规合规管理块9 */}
-
- {/* 第一行：法规名称 */}
-
-
- 2025排污许可条例
-
-
- {/* 第二行：发布时间和发布部门 */}
-
-
- 发布时间 2025-09-01
-
-
- 发布部门 环保部门名称9
-
-
-
- {/* 第三行：操作按钮 */}
-
-
showDrawer(mockRegulationDetail)}
- style={{ cursor: 'pointer' }}
- >
-
-
-
-
-
-
- {/* 法规合规管理块10 */}
-
- {/* 第一行：法规名称 */}
-
-
- 2025排污许可条例
-
-
- {/* 第二行：发布时间和发布部门 */}
-
-
- 发布时间 2025-09-02
-
-
- 发布部门 环保部门名称
-
-
-
- {/* 第三行：操作按钮 */}
-
-
showDrawer(mockRegulationDetail)}
- style={{ cursor: 'pointer' }}
- >
-
-
-
-
-
-
- {/* 法规合规管理块11 */}
-
- {/* 第一行：法规名称 */}
-
-
- 2025排污许可条例
-
-
- {/* 第二行：发布时间和发布部门 */}
-
-
- 发布时间 2025-09-03
-
-
- 发布部门 环保部门名称
-
-
-
- {/* 第三行：操作按钮 */}
-
-
showDrawer(mockRegulationDetail)}
- style={{ cursor: 'pointer' }}
- >
-
-
-
-
-
-
- {/* 法规合规管理块12 */}
-
- {/* 第一行：法规名称 */}
-
-
- 2025排污许可条例
-
-
- {/* 第二行：发布时间和发布部门 */}
-
-
- 发布时间 2025-09-04
-
-
- 发布部门 环保部门名称
-
-
-
- {/* 第三行：操作按钮 */}
-
-
showDrawer(mockRegulationDetail)}
- style={{ cursor: 'pointer' }}
- >
-
-
-
-
-
-
-
-
- {/* 静态分页组件 */}
-
-
- 共85条
- {/* */}
-
-
- ...
-
-
-
-
-
- ...
-
-
-
-
-
- {/* 抽屉详情 */}
-
- {selectedRegulation && (
-
-
- {selectedRegulation.name}
-
-
- {selectedRegulation.publishDate}
-
-
- {selectedRegulation.department}
-
-
- {selectedRegulation.status}
-
-
- {selectedRegulation.category}
-
-
- {selectedRegulation.version}
-
-
- {selectedRegulation.updateTime}
-
-
-
- {selectedRegulation.content}
-
-
-
- )}
-
-
- );
-};
-
-export default RegulationCompliance;
-
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/RegulationCompliance.less b/src/pages/business_envInformation_monthly/components/secondary_menu/RegulationCompliance.less
deleted file mode 100644
index f26410a..0000000
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/RegulationCompliance.less
+++ /dev/null
@@ -1,204 +0,0 @@
-.regulationContainer {
- width: 100%;
- height: 100%;
-
- display: flex;
- flex-direction: column;
-
- .searchSection {
- padding: 20px;
- background-color: #fff;
-
- :global {
- .ant-form-inline {
- display: flex;
-
- .ant-form-item {
- margin-right: 16px;
- margin-bottom: 0;
- }
-
- .ant-form-item:nth-last-child(2) {
- margin-left: auto;
- }
-
- .ant-form-item:last-child {
- margin-right: 0;
- }
- }
-
- .ant-form-item-label {
- font-weight: 500;
-
- label {
- color: #666666;
- font-size: 13px;
- }
- }
-
- .ant-input::placeholder,
- .ant-picker-input input::placeholder {
- color: #00000040;
- font-size: 13px;
- }
- }
- }
-
- .tableSection {
- flex: 1;
- display: flex;
- flex-direction: column;
- overflow: hidden;
- padding: 20px;
-
- .blocksContainer {
- display: grid;
- grid-template-columns: repeat(4, 1fr);
- grid-template-rows: repeat(3, 1fr);
- gap: 20px;
- margin-bottom: 20px;
- }
-
- .regulationBlock {
- background-color: #fff;
- // border: 1px solid #EEEEEE;
- border-radius: 2px;
- // padding: 8px 16px;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- min-height: 120px;
- }
-
-
- .regulationTitle {
- font-size: 14px;
- font-weight: 500;
- color: #333333;
- padding: 8px 16px;
- border: 1px solid #EEEEEE;
- border-bottom: none;
- margin-bottom: 0;
- display: flex;
- align-items: center;
- }
-
- .regulationInfo {
- flex: 1;
- display: flex;
- flex-direction: column;
- justify-content: center;
- padding-left: 15px;
- border: 1px solid #EEEEEE;
- border-bottom: none;
- margin-bottom: 0;
- }
-
- .publishDate {
- font-size: 12px;
- color: #666666;
- font-weight: 400;
- margin-bottom: 6px;
-
- }
-
- .publishDepartment {
- font-size: 12px;
- color: #666666;
- font-weight: 400;
-
- }
-
- .actionButtons {
- display: flex;
-
- justify-content: center;
- gap: 8px;
- width: 100%;
- // margin-bottom: 0;
- border: 1px solid #EEEEEE;
- border-bottom: none;
- // padding-top: 4px;
- }
-
- .actionButton {
- width: calc(50% - 4px);
- height: 24px;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- border-radius: 2px;
- transition: background-color 0.2s;
-
- &:hover {
- background-color: #f5f5f5;
- }
- }
-
- }
-
- .paginationContainer {
- position: fixed;
- bottom: 10px;
- right: 10px;
- z-index: 1000;
- }
-
- .pagination {
- display: flex;
- align-items: center;
- gap: 8px;
- // background: #fff;
- padding: 8px 30px;
- border-radius: 4px;
- // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
- }
-
- .totalItems {
- font-size: 12px;
- color: #666;
- margin-right: 8px;
- }
-
- .pageSizeSelect {
- font-size: 12px;
- border: 1px solid #d9d9d9;
- border-radius: 2px;
- padding: 2px 6px;
- margin-right: 8px;
- background: #fff;
- }
-
- .pageButton {
- width: 28px;
- height: 28px;
- border: 1px solid #d9d9d9;
- background: #fff;
- color: #333;
- font-size: 12px;
- border-radius: 2px;
- cursor: pointer;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: all 0.2s;
-
- &:hover {
- border-color: #00D48A;
- color: #00D48A;
- }
-
- &.active {
- background: #00D48A;
- border-color: #00D48A;
- color: #fff;
- }
- }
-
- .ellipsis {
- font-size: 12px;
- color: #999;
- padding: 0 4px;
- }
-}
\ No newline at end of file
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/SupervisionInspection.js b/src/pages/business_envInformation_monthly/components/secondary_menu/SupervisionInspection.js
deleted file mode 100644
index da0cca8..0000000
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/SupervisionInspection.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react';
-import styles from './SupervisionInspection.less';
-
-const SupervisionInspection = () => {
- return (
-
- );
-};
-
-export default SupervisionInspection;
-
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/SupervisionInspection.less b/src/pages/business_envInformation_monthly/components/secondary_menu/SupervisionInspection.less
deleted file mode 100644
index 022f9de..0000000
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/SupervisionInspection.less
+++ /dev/null
@@ -1,15 +0,0 @@
-.container {
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- background-color: #fff;
-
- .content {
- font-size: 24px;
- color: #999999;
- font-weight: 400;
- }
-}
-
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/WasteGasPollutionControl.js b/src/pages/business_envInformation_monthly/components/secondary_menu/WasteGasPollutionControl.js
deleted file mode 100644
index 4c079d0..0000000
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/WasteGasPollutionControl.js
+++ /dev/null
@@ -1,803 +0,0 @@
-import React, { useState } from 'react';
-import { Form, Input, Button, DatePicker, Space, Modal, Select } from 'antd';
-import { SearchOutlined, RedoOutlined, CloseOutlined, EyeOutlined, DeleteOutlined, PlusOutlined, UploadOutlined, EditOutlined, DownloadOutlined } from '@ant-design/icons';
-import StandardTable from '@/components/StandardTable';
-import styles from './WasteGasPollutionControl.less';
-import licence1 from '@/assets/business_envinformation/image1.svg';
-import licence2 from '@/assets/business_envinformation/image2.svg';
-import viewicon from '@/assets/business_envinformation/viewicon.svg';
-import editicon from '@/assets/business_envinformation/editicon.svg';
-import downloadicon from '@/assets/business_envinformation/downloadicon.svg';
-import deleteicon from '@/assets/business_envinformation/deleteicon.svg';
-
-const WasteGasPollutionControl = () => {
- const [form] = Form.useForm();
- const [isModalVisible, setIsModalVisible] = useState(false);
- const [currentImage, setCurrentImage] = useState(null);
- const [pagination, setPagination] = useState({
- current: 1,
- pageSize: 10,
- total: 12,
- });
- const [selectedRowKeys, setSelectedRowKeys] = useState([]);
- const [dataSource, setDataSource] = useState([
- {
- key: 1,
- recordTime: '2025-08-29',
- recorder: '赵喜行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- code: '35.236.217.212',
- equipmentModel: '6Ddb888D-3d7A-305E-3372-109F7154Ad3A',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '00:46',
- endRunTime: '03:55',
- isNormal: '正常',
- pollutantFlueGasVolume: '1',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '95.32',
- dataSource: '实时采集',
- exhaustStackHeight: '2',
- exhaustTemperature: '50.48',
- pressure: '100',
- emissionTime: '115',
- powerConsumption: '39',
- byproductName: '氮气',
- byproductProduction: '2',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-09-01 07:53',
- reagentAdditionAmount: '2',
- },
- {
- key: 2,
- recordTime: '2025-09-02',
- recorder: '王嘉琪',
- reviewer: '赵子能',
- facilityName: '复方水杨酸甲酯乳膏(曼秀雷敦)',
- code: '65.177.48.116',
- equipmentModel: '3D8d4ffa-bD7e-AffF-ED68-839DAFe74c27',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '14:10',
- endRunTime: '03:06',
- isNormal: '异常',
- pollutantFlueGasVolume: '2',
- pollutantFactor: '烟尘2',
- treatmentEfficiency: '93.81',
- dataSource: '实时采集',
- exhaustStackHeight: '2',
- exhaustTemperature: '59.12',
- pressure: '95',
- emissionTime: '100',
- powerConsumption: '34',
- byproductName: '二氧化碳',
- byproductProduction: '2',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-08-24 05:16',
- reagentAdditionAmount: '2',
- },
- {
- key: 3,
- recordTime: '2025-09-06',
- recorder: '王嘉琪',
- reviewer: '郑清予',
- facilityName: '口炎清颗粒(大神)',
- code: '111.161.135.125',
- equipmentModel: '19b89E82-ae94-6bF7-2355-8DBC2d6a6009',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '12:26',
- endRunTime: '03:26',
- isNormal: '异常',
- pollutantFlueGasVolume: '2',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '91.40',
- dataSource: '实时采集',
- exhaustStackHeight: '2',
- exhaustTemperature: '59.95',
- pressure: '90',
- emissionTime: '95',
- powerConsumption: '55',
- byproductName: '二氧化碳',
- byproductProduction: '2',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-08-30 18:34',
- reagentAdditionAmount: '2',
- },
- {
- key: 4,
- recordTime: '2025-08-29',
- recorder: '赵喜行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- code: '35.236.217.212',
- equipmentModel: '6Ddb888D-3d7A-305E-3372-109F7154Ad3A',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '00:46',
- endRunTime: '03:55',
- isNormal: '正常',
- pollutantFlueGasVolume: '1',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '95.32',
- dataSource: '实时采集',
- exhaustStackHeight: '2',
- exhaustTemperature: '50.48',
- pressure: '100',
- emissionTime: '115',
- powerConsumption: '39',
- byproductName: '氮气',
- byproductProduction: '2',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-09-01 07:53',
- reagentAdditionAmount: '2',
- },
- {
- key: 5,
- recordTime: '2025-08-29',
- recorder: '赵喜行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- code: '35.236.217.212',
- equipmentModel: '6Ddb888D-3d7A-305E-3372-109F7154Ad3A',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '00:46',
- endRunTime: '03:55',
- isNormal: '正常',
- pollutantFlueGasVolume: '1',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '95.32',
- dataSource: '实时采集',
- exhaustStackHeight: '2',
- exhaustTemperature: '50.48',
- pressure: '100',
- emissionTime: '115',
- powerConsumption: '39',
- byproductName: '氮气',
- byproductProduction: '2',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-09-01 07:53',
- reagentAdditionAmount: '2',
- },
- {
- key: 6,
- recordTime: '2025-08-29',
- recorder: '赵喜行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- code: '35.236.217.212',
- equipmentModel: '6Ddb888D-3d7A-305E-3372-109F7154Ad3A',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '00:46',
- endRunTime: '03:55',
- isNormal: '正常',
- pollutantFlueGasVolume: '1',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '95.32',
- dataSource: '实时采集',
- exhaustStackHeight: '2',
- exhaustTemperature: '50.48',
- pressure: '100',
- emissionTime: '115',
- powerConsumption: '39',
- byproductName: '氮气',
- byproductProduction: '2',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-09-01 07:53',
- reagentAdditionAmount: '2',
- },
- {
- key: 7,
- recordTime: '2025-08-29',
- recorder: '赵喜行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- code: '35.236.217.212',
- equipmentModel: '6Ddb888D-3d7A-305E-3372-109F7154Ad3A',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '00:46',
- endRunTime: '03:55',
- isNormal: '正常',
- pollutantFlueGasVolume: '1',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '95.32',
- dataSource: '实时采集',
- exhaustStackHeight: '2',
- exhaustTemperature: '50.48',
- pressure: '100',
- emissionTime: '115',
- powerConsumption: '39',
- byproductName: '氮气',
- byproductProduction: '2',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-09-01 07:53',
- reagentAdditionAmount: '2',
- },
- {
- key: 8,
- recordTime: '2025-08-29',
- recorder: '赵喜行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- code: '35.236.217.212',
- equipmentModel: '6Ddb888D-3d7A-305E-3372-109F7154Ad3A',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '00:46',
- endRunTime: '03:55',
- isNormal: '正常',
- pollutantFlueGasVolume: '1',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '95.32',
- dataSource: '实时采集',
- exhaustStackHeight: '2',
- exhaustTemperature: '50.48',
- pressure: '100',
- emissionTime: '115',
- powerConsumption: '39',
- byproductName: '氮气',
- byproductProduction: '2',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-09-01 07:53',
- reagentAdditionAmount: '2',
- },
- {
- key: 9,
- recordTime: '2025-08-29',
- recorder: '赵喜行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- code: '35.236.217.212',
- equipmentModel: '6Ddb888D-3d7A-305E-3372-109F7154Ad3A',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '00:46',
- endRunTime: '03:55',
- isNormal: '正常',
- pollutantFlueGasVolume: '1',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '95.32',
- dataSource: '实时采集',
- exhaustStackHeight: '2',
- exhaustTemperature: '50.48',
- pressure: '100',
- emissionTime: '115',
- powerConsumption: '39',
- byproductName: '氮气',
- byproductProduction: '2',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-09-01 07:53',
- reagentAdditionAmount: '2',
- },
- {
- key: 10,
- recordTime: '2025-08-29',
- recorder: '赵喜行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- code: '35.236.217.212',
- equipmentModel: '6Ddb888D-3d7A-305E-3372-109F7154Ad3A',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '00:46',
- endRunTime: '03:55',
- isNormal: '正常',
- pollutantFlueGasVolume: '1',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '95.32',
- dataSource: '实时采集',
- exhaustStackHeight: '2',
- exhaustTemperature: '50.48',
- pressure: '100',
- emissionTime: '115',
- powerConsumption: '39',
- byproductName: '氮气',
- byproductProduction: '2',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-09-01 07:53',
- reagentAdditionAmount: '2',
- },
- {
- key: 11,
- recordTime: '2025-08-29',
- recorder: '赵喜行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- code: '35.236.217.212',
- equipmentModel: '6Ddb888D-3d7A-305E-3372-109F7154Ad3A',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '00:46',
- endRunTime: '03:55',
- isNormal: '正常',
- pollutantFlueGasVolume: '1',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '95.32',
- dataSource: '实时采集',
- exhaustStackHeight: '2',
- exhaustTemperature: '50.48',
- pressure: '100',
- emissionTime: '115',
- powerConsumption: '39',
- byproductName: '氮气',
- byproductProduction: '2',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-09-01 07:53',
- reagentAdditionAmount: '2',
- },
- {
- key: 12,
- recordTime: '2025-08-29',
- recorder: '赵喜行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- code: '35.236.217.212',
- equipmentModel: '6Ddb888D-3d7A-305E-3372-109F7154Ad3A',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '00:46',
- endRunTime: '03:55',
- isNormal: '正常',
- pollutantFlueGasVolume: '1',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '95.32',
- dataSource: '实时采集',
- exhaustStackHeight: '2',
- exhaustTemperature: '50.48',
- pressure: '100',
- emissionTime: '115',
- powerConsumption: '39',
- byproductName: '氮气',
- byproductProduction: '2',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-09-01 07:53',
- reagentAdditionAmount: '2',
- },
- ]);
-
- const getCurrentPageData = () => {
- const { current, pageSize } = pagination;
- const start = (current - 1) * pageSize;
- const end = start + pageSize;
- return dataSource.slice(start, end);
- };
-
- const columns = [
- {
- title: (
-
0}
- onChange={(e) => handleSelectAll(e.target.checked)}
- />
- ),
- key: 'selection',
- width: 60,
- align: 'center',
- fixed: 'left',
- render: (_, record) => (
-
{
- if (e.target.checked) {
- setSelectedRowKeys([...selectedRowKeys, record.key]);
- } else {
- setSelectedRowKeys(selectedRowKeys.filter(key => key !== record.key));
- }
- }}
- />
- ),
- },
- {
- title: '记录时间',
- dataIndex: 'recordTime',
- key: 'recordTime',
- width: 120,
- align: 'center',
- },
- {
- title: '记录人',
- dataIndex: 'recorder',
- key: 'recorder',
- width: 100,
- align: 'center',
- },
- {
- title: '审核人',
- dataIndex: 'reviewer',
- key: 'reviewer',
- width: 100,
- align: 'center',
- },
- {
- title: '设施名称',
- dataIndex: 'facilityName',
- key: 'facilityName',
- width: 200,
- },
- {
- title: '编码',
- dataIndex: 'code',
- key: 'code',
- width: 150,
- },
- {
- title: '设备型号',
- dataIndex: 'equipmentModel',
- key: 'equipmentModel',
- width: 200,
- },
- {
- title: '参数名称',
- dataIndex: 'parameterName',
- key: 'parameterName',
- width: 120,
- align: 'center',
- },
- {
- title: '设计值',
- dataIndex: 'designValue',
- key: 'designValue',
- width: 100,
- align: 'center',
- },
- {
- title: '单位',
- dataIndex: 'unit',
- key: 'unit',
- width: 80,
- align: 'center',
- },
- {
- title: '开始运行时间',
- dataIndex: 'startRunTime',
- key: 'startRunTime',
- width: 120,
- align: 'center',
- },
- {
- title: '结束运行时间',
- dataIndex: 'endRunTime',
- key: 'endRunTime',
- width: 120,
- align: 'center',
- },
- {
- title: '是否正常',
- dataIndex: 'isNormal',
- key: 'isNormal',
- width: 100,
- align: 'center',
- render: (text) => (
-
- {text}
-
- ),
- },
- {
- title: '污染物烟气量(m³/h)',
- dataIndex: 'pollutantFlueGasVolume',
- key: 'pollutantFlueGasVolume',
- width: 150,
- align: 'center',
- },
- {
- title: '污染因子',
- dataIndex: 'pollutantFactor',
- key: 'pollutantFactor',
- width: 120,
- align: 'center',
- },
- {
- title: '治理效率(%)',
- dataIndex: 'treatmentEfficiency',
- key: 'treatmentEfficiency',
- width: 120,
- align: 'center',
- },
- {
- title: '数据来源',
- dataIndex: 'dataSource',
- key: 'dataSource',
- width: 120,
- align: 'center',
- },
- {
- title: '排气筒高度(m)',
- dataIndex: 'exhaustStackHeight',
- key: 'exhaustStackHeight',
- width: 130,
- align: 'center',
- },
- {
- title: '排气温度(℃)',
- dataIndex: 'exhaustTemperature',
- key: 'exhaustTemperature',
- width: 130,
- align: 'center',
- },
- {
- title: '压力(kpa)',
- dataIndex: 'pressure',
- key: 'pressure',
- width: 100,
- align: 'center',
- },
- {
- title: '排放时间(h)',
- dataIndex: 'emissionTime',
- key: 'emissionTime',
- width: 120,
- align: 'center',
- },
- {
- title: '耗电量(kWh)',
- dataIndex: 'powerConsumption',
- key: 'powerConsumption',
- width: 120,
- align: 'center',
- },
- {
- title: '副产物名称',
- dataIndex: 'byproductName',
- key: 'byproductName',
- width: 120,
- align: 'center',
- },
- {
- title: '副产物产生量(t)',
- dataIndex: 'byproductProduction',
- key: 'byproductProduction',
- width: 140,
- align: 'center',
- },
- {
- title: '药剂名称',
- dataIndex: 'reagentName',
- key: 'reagentName',
- width: 120,
- align: 'center',
- },
- {
- title: '药剂添加时间',
- dataIndex: 'reagentAdditionTime',
- key: 'reagentAdditionTime',
- width: 150,
- align: 'center',
- },
- {
- title: '药剂添加量(t)',
- dataIndex: 'reagentAdditionAmount',
- key: 'reagentAdditionAmount',
- width: 140,
- align: 'center',
- },
- {
- title: '操作',
- key: 'action',
- width: 140,
- align: 'center',
- fixed: 'right',
- render: (_, record) => (
-
- {/* handleView(record)}
- /> */}
- handleEdit(record)}
- />
- handleDownload(record)}
- />
- handleDelete(record)}
- />
-
- ),
- },
- ];
-
- const handleSearch = (values) => {
- console.log('搜索参数:', values);
- // TODO: 实现搜索功能
- };
-
- const handleReset = () => {
- form.resetFields();
- // TODO: 重置搜索
- };
-
- const handleView = (record) => {
- console.log('查看:', record);
- // TODO: 实现查看功能
- };
-
- const handleEdit = (record) => {
- console.log('编辑:', record);
- // TODO: 实现编辑功能
- };
-
- const handleDownload = (record) => {
- console.log('下载:', record);
- // TODO: 实现下载功能
- };
-
- const handleDelete = (record) => {
- console.log('删除:', record);
- // TODO: 实现删除功能
- };
-
- const handleAdd = () => {
- console.log('新增');
- // TODO: 实现新增功能
- };
-
- const handleImport = () => {
- console.log('导入');
- // TODO: 实现导入功能
- };
-
- const handleQuery = () => {
- console.log('查询');
- // TODO: 实现查询功能
- };
-
- const handleTableChange = (pagination) => {
- setPagination(pagination);
- };
-
- // 全选功能
- const handleSelectAll = (checked) => {
- if (checked) {
- const allKeys = getCurrentPageData().map(item => item.key);
- setSelectedRowKeys(allKeys);
- } else {
- setSelectedRowKeys([]);
- }
- };
-
- // 批量操作
- const handleBatchOperation = (operation) => {
- console.log(`批量${operation}:`, selectedRowKeys);
- // TODO: 实现批量操作功能
- };
-
- return (
-
- {/* 第一块：操作按钮和筛选条件 */}
-
-
- }
- onClick={handleAdd}
- className={styles.addButton}
- >
- 新增
-
- }
- onClick={handleImport}
- className={styles.importButton}
- >
- 上传
-
- }
- onClick={() => handleBatchOperation('下载')}
- className={styles.importButton}
- disabled={selectedRowKeys.length === 0}
- >
- 批量下载
-
- {/* */}
-
-
-
- 筛选条件
-
-
-
-
-
-
-
-
- {/* 第二块：表格 */}
-
- `共 ${total} 条`,
- showSizeChanger: false,
- }
- }}
- onChange={handleTableChange}
- scroll={{ x: 3000 }}
- />
-
-
- {/* 图片弹窗 */}
-
setIsModalVisible(false)}
- footer={null}
- closeIcon={}
- width="auto"
- centered
- styles={{
- mask: { backgroundColor: '#10101080' },
- content: { padding: 0, background: 'transparent', boxShadow: 'none' }
- }}
- >
- {currentImage && }
-
-
- );
-};
-
-export default WasteGasPollutionControl;
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/WasteGasPollutionControl.less b/src/pages/business_envInformation_monthly/components/secondary_menu/WasteGasPollutionControl.less
deleted file mode 100644
index 7b23dad..0000000
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/WasteGasPollutionControl.less
+++ /dev/null
@@ -1,205 +0,0 @@
-.wasteGasContainer {
- width: 100%;
- height: 100%;
- // padding: 20px;
- background-color: #fff;
- display: flex;
- flex-direction: column;
- margin: 0;
- padding: 0;
-
- .searchSection {
- padding: 20px;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-bottom: 16px;
-
- .leftButtons {
- display: flex;
- gap: 12px;
-
- .addButton {
- background-color: #52c41a;
- border-color: #52c41a;
- color: white;
- height: 32px;
- border-radius: 4px;
- display: flex;
- align-items: center;
- gap: 4px;
-
- &:hover {
- background-color: #73d13d;
- border-color: #73d13d;
- }
- }
-
- .importButton {
- background-color: white;
- border-color: #d9d9d9;
- color: #333;
- height: 32px;
- border-radius: 4px;
-
- &:hover {
- border-color: #40a9ff;
- color: #40a9ff;
- }
- }
- }
-
- .rightControls {
- display: flex;
- align-items: center;
- gap: 12px;
-
- .filterLabel {
- color: #333;
- font-size: 14px;
- white-space: nowrap;
- }
-
- .queryButton {
- background-color: #52c41a;
- border-color: #52c41a;
- color: white;
- height: 28px;
- border-radius: 4px;
- display: flex;
- align-items: center;
- justify-content: center;
-
- &:hover {
- background-color: #73d13d;
- border-color: #73d13d;
- }
- }
-
- .selectInput {
- :global {
- .ant-select-selector {
- display: flex;
- align-items: center;
- height: 28px !important;
- }
-
- .ant-select-selection-item {
- display: flex;
- align-items: center;
- line-height: 1;
- }
-
- .ant-select-selection-placeholder {
- display: flex;
- align-items: center;
- line-height: 1;
- }
- }
- }
- }
- }
-
- .tableSection {
- flex: 1;
- display: flex;
- flex-direction: column;
- padding: 0 20px 0;
- overflow: hidden; // 只设置垂直隐藏
- min-width: 0; // 确保可以收缩
-
- :global {
- .ant-spin-nested-loading {
- flex: 1;
- display: flex;
- flex-direction: column;
- overflow: hidden;
- margin: 0;
- padding: 0;
-
- .ant-spin-container {
- flex: 1;
- display: flex;
- flex-direction: column;
- overflow: hidden;
- margin: 0;
- padding: 0;
-
- .ant-table-wrapper {
- flex: 1;
- display: flex;
- flex-direction: column;
- overflow: hidden;
- margin: 0;
- padding: 0;
- }
- }
- }
-
- .ant-table {
- font-size: 12px;
-
- .ant-table-thead > tr > th {
- background-color: #FAFAFA;
- font-weight: 400;
- color: #000000D9;
- border-right: none;
- text-align: center;
- white-space: nowrap; // 防止换行
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .ant-table-tbody > tr > td {
- border-right: none;
- color: #000000D9;
- font-weight: 400;
- text-align: center;
- white-space: nowrap; // 防止换行
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .ant-table-tbody > tr:hover > td {
- background-color: #f5f5f5;
- }
-
- // 固定列样式
- .ant-table-thead > tr > th.ant-table-cell-fix-left,
- .ant-table-tbody > tr > td.ant-table-cell-fix-left {
- background-color: #FAFAFA;
- z-index: 1;
- }
-
- .ant-table-thead > tr > th.ant-table-cell-fix-right,
- .ant-table-tbody > tr > td.ant-table-cell-fix-right {
- background-color: #FAFAFA;
- z-index: 1;
- }
-
- // 固定列阴影效果
- .ant-table-cell-fix-left {
- // box-shadow: 0px 0 4px 0px #00000040;
- }
-
- .ant-table-cell-fix-right {
- // box-shadow: 0px 0 4px 0px #00000040;
- }
-
- a {
- color: #1890ff;
- text-decoration: none;
-
- &:hover {
- color: #40a9ff;
- }
- }
- }
-
- .ant-pagination {
- text-align: right;
- margin-top: 25px !important;
- }
- }
- }
-}
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/WastewaterFacilityManagement.js b/src/pages/business_envInformation_monthly/components/secondary_menu/WastewaterFacilityManagement.js
deleted file mode 100644
index b830f24..0000000
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/WastewaterFacilityManagement.js
+++ /dev/null
@@ -1,746 +0,0 @@
-import React, { useState } from 'react';
-import { Form, Input, Button, DatePicker, Space, Modal, Select } from 'antd';
-import { SearchOutlined, RedoOutlined, CloseOutlined, EyeOutlined, DeleteOutlined, PlusOutlined, UploadOutlined, EditOutlined, DownloadOutlined } from '@ant-design/icons';
-import StandardTable from '@/components/StandardTable';
-import styles from './WastewaterFacilityManagement.less';
-import licence1 from '@/assets/business_envinformation/image1.svg';
-import licence2 from '@/assets/business_envinformation/image2.svg';
-import viewicon from '@/assets/business_envinformation/viewicon.svg';
-import editicon from '@/assets/business_envinformation/editicon.svg';
-import downloadicon from '@/assets/business_envinformation/downloadicon.svg';
-import deleteicon from '@/assets/business_envinformation/deleteicon.svg';
-
-const WastewaterFacilityManagement = () => {
- const [form] = Form.useForm();
- const [isModalVisible, setIsModalVisible] = useState(false);
- const [currentImage, setCurrentImage] = useState(null);
- const [pagination, setPagination] = useState({
- current: 1,
- pageSize: 10,
- total: 12,
- });
- const [selectedRowKeys, setSelectedRowKeys] = useState([]);
- const [dataSource, setDataSource] = useState([
- {
- key: 1,
- recordTime: '2025-08-29',
- recorder: '赵吾行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- code: '35.236.217.212',
- facilityModel: '6Ddb888D-3d7A-3e5E-3372-109F7154A03A',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '00:46',
- endRunTime: '03:55',
- isNormal: '正常',
- pollutantOutletFlow: '1',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '95.32',
- dataSource: '实时采集',
- dischargeDestination: '2',
- sludgeProduction: '50.48',
- treatmentMethod: '100',
- powerConsumption: '39',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-09-01 07:53',
- reagentAdditionAmount: '2',
- },
- {
- key: 2,
- recordTime: '2025-09-02',
- recorder: '王嘉祺',
- reviewer: '赵子峰',
- facilityName: '复方水杨酸甲酯乳膏(曼秀雷敦)',
- code: '65.177.48.116',
- facilityModel: '3D8d4ffa-bD7e-AffF-ED68-839DAFe74c27',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '14:10',
- endRunTime: '03:06',
- isNormal: '异常',
- pollutantOutletFlow: '2',
- pollutantFactor: '烟尘2',
- treatmentEfficiency: '93.81',
- dataSource: '实时采集',
- dischargeDestination: '2',
- sludgeProduction: '59.12',
- treatmentMethod: '95',
- powerConsumption: '34',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-08-24 05:16',
- reagentAdditionAmount: '2',
- },
- {
- key: 3,
- recordTime: '2025-09-06',
- recorder: '王嘉琪',
- reviewer: '郑清予',
- facilityName: '口炎清颗粒(大神)',
- code: '111.161.135.125',
- facilityModel: '19b89EB2-ae94-6bF7-2355-6DBC2d6a6009',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '12:26',
- endRunTime: '03:26',
- isNormal: '异常',
- pollutantOutletFlow: '2',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '91.40',
- dataSource: '实时采集',
- dischargeDestination: '2',
- sludgeProduction: '59.95',
- treatmentMethod: '90',
- powerConsumption: '56',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-08-30 18:34',
- reagentAdditionAmount: '2',
- },
- {
- key: 4,
- recordTime: '2025-08-29',
- recorder: '赵吾行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- code: '35.236.217.212',
- facilityModel: '6Ddb888D-3d7A-3e5E-3372-109F7154A03A',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '00:46',
- endRunTime: '03:55',
- isNormal: '正常',
- pollutantOutletFlow: '1',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '95.32',
- dataSource: '实时采集',
- dischargeDestination: '2',
- sludgeProduction: '50.48',
- treatmentMethod: '100',
- powerConsumption: '39',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-09-01 07:53',
- reagentAdditionAmount: '2',
- },
- {
- key: 5,
- recordTime: '2025-08-29',
- recorder: '赵吾行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- code: '35.236.217.212',
- facilityModel: '6Ddb888D-3d7A-3e5E-3372-109F7154A03A',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '00:46',
- endRunTime: '03:55',
- isNormal: '正常',
- pollutantOutletFlow: '1',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '95.32',
- dataSource: '实时采集',
- dischargeDestination: '2',
- sludgeProduction: '50.48',
- treatmentMethod: '100',
- powerConsumption: '39',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-09-01 07:53',
- reagentAdditionAmount: '2',
- },
- {
- key: 6,
- recordTime: '2025-08-29',
- recorder: '赵吾行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- code: '35.236.217.212',
- facilityModel: '6Ddb888D-3d7A-3e5E-3372-109F7154A03A',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '00:46',
- endRunTime: '03:55',
- isNormal: '正常',
- pollutantOutletFlow: '1',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '95.32',
- dataSource: '实时采集',
- dischargeDestination: '2',
- sludgeProduction: '50.48',
- treatmentMethod: '100',
- powerConsumption: '39',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-09-01 07:53',
- reagentAdditionAmount: '2',
- },
- {
- key: 7,
- recordTime: '2025-08-29',
- recorder: '赵吾行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- code: '35.236.217.212',
- facilityModel: '6Ddb888D-3d7A-3e5E-3372-109F7154A03A',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '00:46',
- endRunTime: '03:55',
- isNormal: '正常',
- pollutantOutletFlow: '1',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '95.32',
- dataSource: '实时采集',
- dischargeDestination: '2',
- sludgeProduction: '50.48',
- treatmentMethod: '100',
- powerConsumption: '39',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-09-01 07:53',
- reagentAdditionAmount: '2',
- },
- {
- key: 8,
- recordTime: '2025-08-29',
- recorder: '赵吾行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- code: '35.236.217.212',
- facilityModel: '6Ddb888D-3d7A-3e5E-3372-109F7154A03A',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '00:46',
- endRunTime: '03:55',
- isNormal: '正常',
- pollutantOutletFlow: '1',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '95.32',
- dataSource: '实时采集',
- dischargeDestination: '2',
- sludgeProduction: '50.48',
- treatmentMethod: '100',
- powerConsumption: '39',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-09-01 07:53',
- reagentAdditionAmount: '2',
- },
- {
- key: 9,
- recordTime: '2025-08-29',
- recorder: '赵吾行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- code: '35.236.217.212',
- facilityModel: '6Ddb888D-3d7A-3e5E-3372-109F7154A03A',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '00:46',
- endRunTime: '03:55',
- isNormal: '正常',
- pollutantOutletFlow: '1',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '95.32',
- dataSource: '实时采集',
- dischargeDestination: '2',
- sludgeProduction: '50.48',
- treatmentMethod: '100',
- powerConsumption: '39',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-09-01 07:53',
- reagentAdditionAmount: '2',
- },
- {
- key: 10,
- recordTime: '2025-08-29',
- recorder: '赵吾行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- code: '35.236.217.212',
- facilityModel: '6Ddb888D-3d7A-3e5E-3372-109F7154A03A',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '00:46',
- endRunTime: '03:55',
- isNormal: '正常',
- pollutantOutletFlow: '1',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '95.32',
- dataSource: '实时采集',
- dischargeDestination: '2',
- sludgeProduction: '50.48',
- treatmentMethod: '100',
- powerConsumption: '39',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-09-01 07:53',
- reagentAdditionAmount: '2',
- },
- {
- key: 11,
- recordTime: '2025-08-29',
- recorder: '赵吾行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- code: '35.236.217.212',
- facilityModel: '6Ddb888D-3d7A-3e5E-3372-109F7154A03A',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '00:46',
- endRunTime: '03:55',
- isNormal: '正常',
- pollutantOutletFlow: '1',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '95.32',
- dataSource: '实时采集',
- dischargeDestination: '2',
- sludgeProduction: '50.48',
- treatmentMethod: '100',
- powerConsumption: '39',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-09-01 07:53',
- reagentAdditionAmount: '2',
- },
- {
- key: 12,
- recordTime: '2025-08-29',
- recorder: '赵吾行',
- reviewer: '郑叶飞',
- facilityName: '塞隆风湿酒(同仁堂)',
- code: '35.236.217.212',
- facilityModel: '6Ddb888D-3d7A-3e5E-3372-109F7154A03A',
- parameterName: '重量',
- designValue: '2',
- unit: 't',
- startRunTime: '00:46',
- endRunTime: '03:55',
- isNormal: '正常',
- pollutantOutletFlow: '1',
- pollutantFactor: '烟尘',
- treatmentEfficiency: '95.32',
- dataSource: '实时采集',
- dischargeDestination: '2',
- sludgeProduction: '50.48',
- treatmentMethod: '100',
- powerConsumption: '39',
- reagentName: '乳酸钠葡萄糖',
- reagentAdditionTime: '2025-09-01 07:53',
- reagentAdditionAmount: '2',
- },
- ]);
-
- const getCurrentPageData = () => {
- const { current, pageSize } = pagination;
- const start = (current - 1) * pageSize;
- const end = start + pageSize;
- return dataSource.slice(start, end);
- };
-
- const columns = [
- {
- title: (
-
0}
- onChange={(e) => handleSelectAll(e.target.checked)}
- />
- ),
- key: 'selection',
- width: 60,
- align: 'center',
- fixed: 'left',
- render: (_, record) => (
-
{
- if (e.target.checked) {
- setSelectedRowKeys([...selectedRowKeys, record.key]);
- } else {
- setSelectedRowKeys(selectedRowKeys.filter(key => key !== record.key));
- }
- }}
- />
- ),
- },
- {
- title: '记录时间',
- dataIndex: 'recordTime',
- key: 'recordTime',
- width: 120,
- align: 'center',
- },
- {
- title: '记录人',
- dataIndex: 'recorder',
- key: 'recorder',
- width: 100,
- align: 'center',
- },
- {
- title: '审核人',
- dataIndex: 'reviewer',
- key: 'reviewer',
- width: 100,
- align: 'center',
- },
- {
- title: '设施名称',
- dataIndex: 'facilityName',
- key: 'facilityName',
- width: 200,
- },
- {
- title: '编码',
- dataIndex: 'code',
- key: 'code',
- width: 150,
- },
- {
- title: '设施型号',
- dataIndex: 'facilityModel',
- key: 'facilityModel',
- width: 200,
- },
- {
- title: '参数名称',
- dataIndex: 'parameterName',
- key: 'parameterName',
- width: 120,
- align: 'center',
- },
- {
- title: '设计值',
- dataIndex: 'designValue',
- key: 'designValue',
- width: 100,
- align: 'center',
- },
- {
- title: '单位',
- dataIndex: 'unit',
- key: 'unit',
- width: 80,
- align: 'center',
- },
- {
- title: '开始运行时间',
- dataIndex: 'startRunTime',
- key: 'startRunTime',
- width: 120,
- align: 'center',
- },
- {
- title: '结束运行时间',
- dataIndex: 'endRunTime',
- key: 'endRunTime',
- width: 120,
- align: 'center',
- },
- {
- title: '是否正常',
- dataIndex: 'isNormal',
- key: 'isNormal',
- width: 100,
- align: 'center',
- render: (text) => (
-
- {text}
-
- ),
- },
- {
- title: '污染物出口流量(m³/h)',
- dataIndex: 'pollutantOutletFlow',
- key: 'pollutantOutletFlow',
- width: 150,
- align: 'center',
- },
- {
- title: '污染因子',
- dataIndex: 'pollutantFactor',
- key: 'pollutantFactor',
- width: 120,
- align: 'center',
- },
- {
- title: '治理效率(%)',
- dataIndex: 'treatmentEfficiency',
- key: 'treatmentEfficiency',
- width: 120,
- align: 'center',
- },
- {
- title: '数据来源',
- dataIndex: 'dataSource',
- key: 'dataSource',
- width: 120,
- align: 'center',
- },
- {
- title: '排放去向',
- dataIndex: 'dischargeDestination',
- key: 'dischargeDestination',
- width: 120,
- align: 'center',
- },
- {
- title: '污泥产生量(t)',
- dataIndex: 'sludgeProduction',
- key: 'sludgeProduction',
- width: 130,
- align: 'center',
- },
- {
- title: '处理方式',
- dataIndex: 'treatmentMethod',
- key: 'treatmentMethod',
- width: 120,
- align: 'center',
- },
- {
- title: '耗电量(kWh)',
- dataIndex: 'powerConsumption',
- key: 'powerConsumption',
- width: 120,
- align: 'center',
- },
- {
- title: '药剂名称',
- dataIndex: 'reagentName',
- key: 'reagentName',
- width: 120,
- align: 'center',
- },
- {
- title: '药剂添加时间',
- dataIndex: 'reagentAdditionTime',
- key: 'reagentAdditionTime',
- width: 150,
- align: 'center',
- },
- {
- title: '药剂添加量(t)',
- dataIndex: 'reagentAdditionAmount',
- key: 'reagentAdditionAmount',
- width: 140,
- align: 'center',
- },
- {
- title: '操作',
- key: 'action',
- width: 140,
- align: 'center',
- fixed: 'right',
- render: (_, record) => (
-
- {/* handleView(record)}
- /> */}
- handleEdit(record)}
- />
- handleDownload(record)}
- />
- handleDelete(record)}
- />
-
- ),
- },
- ];
-
- const handleSearch = (values) => {
- console.log('搜索参数:', values);
- // TODO: 实现搜索功能
- };
-
- const handleReset = () => {
- form.resetFields();
- // TODO: 重置搜索
- };
-
- const handleView = (record) => {
- console.log('查看:', record);
- // TODO: 实现查看功能
- };
-
- const handleEdit = (record) => {
- console.log('编辑:', record);
- // TODO: 实现编辑功能
- };
-
- const handleDownload = (record) => {
- console.log('下载:', record);
- // TODO: 实现下载功能
- };
-
- const handleDelete = (record) => {
- console.log('删除:', record);
- // TODO: 实现删除功能
- };
-
- const handleAdd = () => {
- console.log('新增');
- // TODO: 实现新增功能
- };
-
- const handleImport = () => {
- console.log('导入');
- // TODO: 实现导入功能
- };
-
- const handleQuery = () => {
- console.log('查询');
- // TODO: 实现查询功能
- };
-
- const handleTableChange = (pagination) => {
- setPagination(pagination);
- };
-
- // 全选功能
- const handleSelectAll = (checked) => {
- if (checked) {
- const allKeys = getCurrentPageData().map(item => item.key);
- setSelectedRowKeys(allKeys);
- } else {
- setSelectedRowKeys([]);
- }
- };
-
- // 批量操作
- const handleBatchOperation = (operation) => {
- console.log(`批量${operation}:`, selectedRowKeys);
- // TODO: 实现批量操作功能
- };
-
- return (
-
- {/* 第一块：操作按钮和筛选条件 */}
-
-
- }
- onClick={handleAdd}
- className={styles.addButton}
- >
- 新增
-
- }
- onClick={handleImport}
- className={styles.importButton}
- >
- 上传
-
- }
- onClick={() => handleBatchOperation('下载')}
- className={styles.importButton}
- disabled={selectedRowKeys.length === 0}
- >
- 批量下载
-
- {/* */}
-
-
-
- 筛选条件
-
-
-
-
-
-
-
-
- {/* 第二块：表格 */}
-
- `共 ${total} 条`,
- showSizeChanger: false,
- }
- }}
- onChange={handleTableChange}
- scroll={{ x: 3000 }}
- />
-
-
- {/* 图片弹窗 */}
-
setIsModalVisible(false)}
- footer={null}
- closeIcon={}
- width="auto"
- centered
- styles={{
- mask: { backgroundColor: '#10101080' },
- content: { padding: 0, background: 'transparent', boxShadow: 'none' }
- }}
- >
- {currentImage && }
-
-
- );
-};
-
-export default WastewaterFacilityManagement;
\ No newline at end of file
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/WastewaterFacilityManagement.less b/src/pages/business_envInformation_monthly/components/secondary_menu/WastewaterFacilityManagement.less
deleted file mode 100644
index 6d2aaec..0000000
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/WastewaterFacilityManagement.less
+++ /dev/null
@@ -1,206 +0,0 @@
-.wastewaterFacilityContainer {
- width: 100%;
- height: 100%;
- // padding: 20px;
- background-color: #fff;
- display: flex;
- flex-direction: column;
- margin: 0;
- padding: 0;
-
- .searchSection {
- padding: 20px;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-bottom: 16px;
-
- .leftButtons {
- display: flex;
- gap: 12px;
-
- .addButton {
- background-color: #52c41a;
- border-color: #52c41a;
- color: white;
- height: 32px;
- border-radius: 4px;
- display: flex;
- align-items: center;
- gap: 4px;
-
- &:hover {
- background-color: #73d13d;
- border-color: #73d13d;
- }
- }
-
- .importButton {
- background-color: white;
- border-color: #d9d9d9;
- color: #333;
- height: 32px;
- border-radius: 4px;
-
- &:hover {
- border-color: #40a9ff;
- color: #40a9ff;
- }
- }
- }
-
- .rightControls {
- display: flex;
- align-items: center;
- gap: 12px;
-
- .filterLabel {
- color: #333;
- font-size: 14px;
- white-space: nowrap;
- }
-
- .queryButton {
- background-color: #52c41a;
- border-color: #52c41a;
- color: white;
- height: 28px;
- border-radius: 4px;
- display: flex;
- align-items: center;
- justify-content: center;
-
- &:hover {
- background-color: #73d13d;
- border-color: #73d13d;
- }
- }
-
- .selectInput {
- :global {
- .ant-select-selector {
- display: flex;
- align-items: center;
- height: 28px !important;
- }
-
- .ant-select-selection-item {
- display: flex;
- align-items: center;
- line-height: 1;
- }
-
- .ant-select-selection-placeholder {
- display: flex;
- align-items: center;
- line-height: 1;
- }
- }
- }
- }
- }
-
- .tableSection {
- flex: 1;
- display: flex;
- flex-direction: column;
- padding: 0 20px 0;
- overflow: hidden; // 只设置垂直隐藏
- min-width: 0; // 确保可以收缩
-
-
- :global {
- .ant-spin-nested-loading {
- flex: 1;
- display: flex;
- flex-direction: column;
- overflow: hidden;
- margin: 0;
- padding: 0;
-
- .ant-spin-container {
- flex: 1;
- display: flex;
- flex-direction: column;
- overflow: hidden;
- margin: 0;
- padding: 0;
-
- .ant-table-wrapper {
- flex: 1;
- display: flex;
- flex-direction: column;
- overflow: hidden;
- margin: 0;
- padding: 0;
- }
- }
- }
-
- .ant-table {
- font-size: 12px;
-
- .ant-table-thead > tr > th {
- background-color: #fafafa;
- font-weight: 400;
- color: #000000D9;
- border-right: none;
- text-align: center;
- white-space: nowrap; // 防止换行
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .ant-table-tbody > tr > td {
- border-right: none;
- color: #000000D9;
- font-weight: 400;
- text-align: center;
- white-space: nowrap; // 防止换行
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .ant-table-tbody > tr:hover > td {
- background-color: #f5f5f5;
- }
-
- // 固定列样式
- .ant-table-thead > tr > th.ant-table-cell-fix-left,
- .ant-table-tbody > tr > td.ant-table-cell-fix-left {
- background-color: #fafafa;
- z-index: 1;
- }
-
- .ant-table-thead > tr > th.ant-table-cell-fix-right,
- .ant-table-tbody > tr > td.ant-table-cell-fix-right {
- background-color: #fafafa;
- z-index: 1;
- }
-
- // 固定列阴影效果
- .ant-table-cell-fix-left {
- // box-shadow: 0px 0 4px 0px #00000040;
- }
-
- .ant-table-cell-fix-right {
- // box-shadow: 0px 0 4px 0px #00000040;
- }
-
- a {
- color: #1890ff;
- text-decoration: none;
-
- &:hover {
- color: #40a9ff;
- }
- }
- }
-
- .ant-pagination {
- text-align: right;
- margin-top: 25px !important;
- }
- }
- }
-}
\ No newline at end of file
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/fxpggzt.js b/src/pages/business_envInformation_monthly/components/secondary_menu/fxpggzt.js
new file mode 100644
index 0000000..e1079c1
--- /dev/null
+++ b/src/pages/business_envInformation_monthly/components/secondary_menu/fxpggzt.js
@@ -0,0 +1,16 @@
+import React from 'react';
+import styles from './fxpggzt.less';
+
+const Fxpggzt = () => {
+ return (
+
+ );
+};
+
+export default Fxpggzt;
+
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/fxpggzt.less b/src/pages/business_envInformation_monthly/components/secondary_menu/fxpggzt.less
new file mode 100644
index 0000000..722b5a4
--- /dev/null
+++ b/src/pages/business_envInformation_monthly/components/secondary_menu/fxpggzt.less
@@ -0,0 +1,7 @@
+.container {
+ width: 100%;
+ height: 100%;
+ background-color: #fff;
+ border-radius: 4px;
+}
+
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/PermitManagement.js b/src/pages/business_envInformation_monthly/components/secondary_menu/sjjrgl.js
similarity index 98%
rename from src/pages/business_envInformation_monthly/components/secondary_menu/PermitManagement.js
rename to src/pages/business_envInformation_monthly/components/secondary_menu/sjjrgl.js
index f8e20d1..0d89ddb 100644
--- a/src/pages/business_envInformation_monthly/components/secondary_menu/PermitManagement.js
+++ b/src/pages/business_envInformation_monthly/components/secondary_menu/sjjrgl.js
@@ -2,11 +2,11 @@ import React, { useState } from 'react';
import { Form, Input, Button, DatePicker, Space, Modal } from 'antd';
import { SearchOutlined, RedoOutlined, CloseOutlined, EyeOutlined, DeleteOutlined } from '@ant-design/icons';
import StandardTable from '@/components/StandardTable';
-import styles from './PermitManagement.less';
+import styles from './sjjrgl.less';
import licence1 from '@/assets/business_envinformation/licence1.svg';
import licence2 from '@/assets/business_envinformation/licence2.svg';
-const PermitManagement = () => {
+const Sjjrgl = () => {
const [form] = Form.useForm();
const [isModalVisible, setIsModalVisible] = useState(false);
const [currentImage, setCurrentImage] = useState(null);
@@ -282,5 +282,5 @@ const PermitManagement = () => {
);
};
-export default PermitManagement;
+export default Sjjrgl;
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/PermitManagement.less b/src/pages/business_envInformation_monthly/components/secondary_menu/sjjrgl.less
similarity index 100%
rename from src/pages/business_envInformation_monthly/components/secondary_menu/PermitManagement.less
rename to src/pages/business_envInformation_monthly/components/secondary_menu/sjjrgl.less
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/zdfxyqd.js b/src/pages/business_envInformation_monthly/components/secondary_menu/zdfxyqd.js
new file mode 100644
index 0000000..b8443b5
--- /dev/null
+++ b/src/pages/business_envInformation_monthly/components/secondary_menu/zdfxyqd.js
@@ -0,0 +1,16 @@
+import React from 'react';
+import styles from './zdfxyqd.less';
+
+const Zdfxyqd = () => {
+ return (
+
+ );
+};
+
+export default Zdfxyqd;
+
diff --git a/src/pages/business_envInformation_monthly/components/secondary_menu/zdfxyqd.less b/src/pages/business_envInformation_monthly/components/secondary_menu/zdfxyqd.less
new file mode 100644
index 0000000..722b5a4
--- /dev/null
+++ b/src/pages/business_envInformation_monthly/components/secondary_menu/zdfxyqd.less
@@ -0,0 +1,7 @@
+.container {
+ width: 100%;
+ height: 100%;
+ background-color: #fff;
+ border-radius: 4px;
+}
+