diff --git a/src/pages/business_emergencyPlan/components/HazardousChemicals.js b/src/pages/business_emergencyPlan/components/HazardousChemicals.js
new file mode 100644
index 0000000..f304e44
--- /dev/null
+++ b/src/pages/business_emergencyPlan/components/HazardousChemicals.js
@@ -0,0 +1,194 @@
+import React, { useState, useEffect } from 'react';
+import { Input, Button, Select, message, Modal, Form } from 'antd';
+import { SearchOutlined, PlusOutlined, DeleteOutlined, EditOutlined } from '@ant-design/icons';
+import StandardTable from '@/components/StandardTable';
+import styles from './HazardousChemicals.less';
+
+const { Option } = Select;
+
+const HazardousChemicals = () => {
+ const [loading, setLoading] = useState(false);
+ const [selectedRowKeys, setSelectedRowKeys] = useState([]);
+ const [searchValue, setSearchValue] = useState('');
+ const [pagination, setPagination] = useState({
+ current: 1,
+ pageSize: 10,
+ total: 48,
+ showSizeChanger: true,
+ showQuickJumper: true,
+ showTotal: (total, range) => `共${total}条`,
+ });
+
+ // 模拟数据
+ const [dataSource, setDataSource] = useState([
+ {
+ key: '1',
+ name: '浓硫酸',
+ type: '化学品',
+ info: '浓硫酸是一种在工业和实验室中不可或缺的基础化学品，但它同时具有极强腐蚀性...',
+ },
+ {
+ key: '2',
+ name: '二氧化碳',
+ type: '有毒品',
+ info: '二氧化碳是碳酸盐分解（如汽油、木材、煤炭）在不完全燃烧时产生的气体...',
+ },
+ {
+ key: '3',
+ name: '氯氧化钠',
+ type: '有毒品',
+ info: '氯氧化钠是一种强氧化剂，俗称“漂粉精”、“火碱”或“烧碱”，它在工业上具有多种用途...',
+ },
+ {
+ key: '4',
+ name: '硫酸',
+ type: '腐蚀品',
+ info: '硫酸是一种在工业和实验室中不可或缺的基础化学品，但它同时具有极强腐蚀性...',
+ },
+ {
+ key: '5',
+ name: '二氧甲烷',
+ type: '有毒品',
+ info: '二氧甲烷一种不可燃、易爆易溶的气体或液体，因此对水的溶解能力和活性...',
+ },
+ {
+ key: '6',
+ name: '次氯酸钠',
+ type: '有毒品',
+ info: '次氯酸钠是一种强氧化剂，具有高效的消毒、漂白和杀菌能力和活性...',
+ },
+ ]);
+
+ // 表格列配置
+ const columns = [
+ {
+ title: '危化品名称',
+ dataIndex: 'name',
+ key: 'name',
+ width: 200,
+ },
+ {
+ title: '危化品类型',
+ dataIndex: 'type',
+ key: 'type',
+ width: 120,
+ },
+ {
+ title: '危化品信息',
+ dataIndex: 'info',
+ key: 'info',
+ width: 500,
+ },
+ ];
+
+ // 搜索处理
+ const handleSearch = () => {
+ setLoading(true);
+ // 模拟搜索请求
+ setTimeout(() => {
+ setLoading(false);
+ message.success('查询完成');
+ }, 1000);
+ };
+
+ // 新增处理
+ const handleAdd = () => {
+ message.info('新增功能待实现');
+ };
+
+ // 批量删除处理
+ const handleBatchDelete = () => {
+ if (selectedRowKeys.length === 0) {
+ message.warning('请选择要删除的数据');
+ return;
+ }
+ Modal.confirm({
+ title: '确认删除',
+ content: `确定要删除选中的 ${selectedRowKeys.length} 条数据吗？`,
+ onOk() {
+ setDataSource(dataSource.filter(item => !selectedRowKeys.includes(item.key)));
+ setSelectedRowKeys([]);
+ message.success('删除成功');
+ },
+ });
+ };
+
+ // 编辑处理
+ const handleEdit = (record) => {
+ message.info(`编辑 ${record.name} 的信息`);
+ };
+
+ // 删除处理
+ const handleDelete = (record) => {
+ Modal.confirm({
+ title: '确认删除',
+ content: `确定要删除 ${record.name} 吗？`,
+ onOk() {
+ setDataSource(dataSource.filter(item => item.key !== record.key));
+ message.success('删除成功');
+ },
+ });
+ };
+
+ // 分页处理
+ const handleTableChange = (pagination) => {
+ setPagination(pagination);
+ };
+
+ return (
+
+ {/* 页面标题 */}
+
+
+ {/* 搜索和操作区域 */}
+
+
+ {/* 数据表格 */}
+
+
+
+