diff --git a/config/defaultSettings.js b/config/defaultSettings.js
index 2e1f29a..46abff1 100644
--- a/config/defaultSettings.js
+++ b/config/defaultSettings.js
@@ -3,6 +3,6 @@ export default {
   menu: {
     locale: true,
   },
-  title: '智能巡检系统',
+  title: '应急管理系统',
   iconfontUrl: '//at.alicdn.com/t/font_2163129_p3ldyoksz3s.js'
 }
diff --git a/src/pages/business_emergencyPlan/EmergencyPlan.js b/src/pages/business_emergencyPlan/EmergencyPlan.js
index 8f2fa94..b59d30e 100644
--- a/src/pages/business_emergencyPlan/EmergencyPlan.js
+++ b/src/pages/business_emergencyPlan/EmergencyPlan.js
@@ -1,10 +1,10 @@
 import React, { useState } from 'react';
 import { Card, Row, Col, Statistic, Progress, Button, Space } from 'antd';
 import styles from './EmergencyPlan.less';
-import Swhpqy from './components/swhpqy'; //涉危化品企业
-import Whp from './components/whp'; //危化品
-import Sgla from './components/sgla'; //事故案例
-import Flfg from './components/flfg'; //法律法规
+import HazardousChemicalsEnterprise from './components/HazardousChemicalsEnterprise'; //涉危化品企业
+import HazardousChemicals from './components/HazardousChemicals'; //危化品
+import AccidentCases from './components/AccidentCases'; //事故案例
+import LawsAndRegulations from './components/LawsAndRegulations'; //法律法规
 import FrameSvg from '@/assets/img/Frame.svg';
 import Backg01Png from '@/assets/img/backg01.png';
 
@@ -20,15 +20,15 @@ const SafeMajorHazardList = () => {
     const renderContent = () => {
         switch(activeTab) {
             case 'swhpqy':
-                return <Swhpqy />;
+                return <HazardousChemicalsEnterprise />;
             case 'whp':
-                return <Whp />;
+                return <HazardousChemicals />;
             case 'sgla':
-                return <Sgla />;
+                return <AccidentCases />;
             case 'flfg':
-                return <Flfg />;
+                return <LawsAndRegulations />;
             default:
-                return <Swhpqy />;
+                return <HazardousChemicalsEnterprise />;
         }
     };
 
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 (
+        <div className={styles.container}>
+            {/* 页面标题 */}
+            <div className={styles.header}>
+                <div className={styles.titleBar}></div>
+                <h2 className={styles.title}>危化品</h2>
+            </div>
+
+            {/* 搜索和操作区域 */}
+            <Form
+                layout="inline"
+                className={styles.searchBar}
+                onFinish={handleSearch}
+            >
+                <Form.Item label="" name="searchValue">
+                    <Input
+                        placeholder='请输入危化品名称'
+                        style={{ width: 200 }}
+                        value={searchValue}
+                        onChange={(e) => setSearchValue(e.target.value)}
+                        allowClear
+                        className={styles.searchInput}
+                    />
+                </Form.Item>
+                <Form.Item>
+                    <Button 
+                        type="primary" 
+                        icon={<SearchOutlined />}
+                        htmlType="submit"
+                        loading={loading}
+                        className={styles.searchButton}
+                    >
+                        查询
+                    </Button>
+                </Form.Item>
+            </Form>
+
+            {/* 数据表格 */}
+            <div className={styles.tableContainer}>
+                <StandardTable
+                    columns={columns}
+                    data={{
+                        list: dataSource,
+                        pagination: pagination
+                    }}
+                    rowKey="key"
+                    selectedRows={selectedRowKeys}
+                    onSelectRow={setSelectedRowKeys}
+                    onChange={handleTableChange}
+                    loading={loading}
+                />
+            </div>
+        </div>
+    );
+};
+
+export default HazardousChemicals;
diff --git a/src/pages/business_emergencyPlan/components/swhpqy.less b/src/pages/business_emergencyPlan/components/HazardousChemicals.less
similarity index 67%
rename from src/pages/business_emergencyPlan/components/swhpqy.less
rename to src/pages/business_emergencyPlan/components/HazardousChemicals.less
index 9e46a34..ac0aafc 100644
--- a/src/pages/business_emergencyPlan/components/swhpqy.less
+++ b/src/pages/business_emergencyPlan/components/HazardousChemicals.less
@@ -1,7 +1,7 @@
 .container {
     padding: 20px;
     background: #fff;
-    height:100vh;
+    height: 100vh;
     width: 100%;
     box-sizing: border-box;
     margin: 0;
@@ -12,14 +12,14 @@
     display: flex;
     align-items: center;
     margin-bottom: 15px;
-    
+
     .titleBar {
         width: 3px;
         height: 16px;
         background: #2E4CD4;
         margin-right: 12px;
     }
-    
+
     .title {
         margin: 0;
         font-size: 14px;
@@ -29,47 +29,38 @@
 }
 
 .searchBar {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
     margin-bottom: 10px;
     padding: 5px;
 
-    
-    .searchLeft {
-        display: flex;
-        align-items: center;
-        gap: 12px;
-        
-        .searchInput {
-            border-radius: 4px !important;
-        }
-        
-        .searchButton {
-            background-color: #2E4CD4 !important;
-            border-color: #2E4CD4 !important;
-            border-radius: 4px !important;
-            
-            &:hover {
-                background-color: #1e3bb8 !important;
-                border-color: #1e3bb8 !important;
-            }
+
+    .searchInput {
+        border-radius: 4px !important;
+    }
+
+    .searchButton {
+        background-color: #2E4CD4 !important;
+        border-color: #2E4CD4 !important;
+        border-radius: 4px !important;
+
+        &:hover {
+            background-color: #1e3bb8 !important;
+            border-color: #1e3bb8 !important;
         }
     }
-    
+
 }
 
 .tableContainer {
     background: #fff;
     border-radius: 0px;
     overflow: hidden;
-    
+
     .actionButtons {
         display: flex;
         gap: 8px;
         font-size: 10px;
         justify-content: center;
-        
+
         .ant-btn-link {
             padding: 0;
             height: auto;
@@ -81,40 +72,40 @@
 // 表格样式优化
 .tableContainer {
     :global {
-        .ant-table-thead > tr > th {
+        .ant-table-thead>tr>th {
             background: #F5F5FA;
             font-weight: 500;
             color: #333333;
             font-size: 14px;
             text-align: center;
         }
-        
-        .ant-table-tbody > tr > td {
+
+        .ant-table-tbody>tr>td {
             color: #666666;
             font-size: 13px;
             text-align: center;
         }
-        
-        .ant-table-tbody > tr:hover > td {
+
+        .ant-table-tbody>tr:hover>td {
             background: #f5f5f5;
         }
-        
+
         .ant-pagination {
             margin-top: 10px;
             text-align: right;
         }
-        
+
         // 覆盖操作列按钮样式
         .ant-btn.ant-btn-sm {
             font-size: 13px !important;
             height: 20px !important;
             padding: 0px 4px !important;
         }
-        
+
         .ant-btn-link.ant-btn-sm {
             font-size: 13px !important;
             height: auto !important;
             padding: 0 !important;
         }
     }
-}
+}
\ No newline at end of file
diff --git a/src/pages/business_emergencyPlan/components/swhpqy.js b/src/pages/business_emergencyPlan/components/HazardousChemicalsEnterprise.js
similarity index 63%
rename from src/pages/business_emergencyPlan/components/swhpqy.js
rename to src/pages/business_emergencyPlan/components/HazardousChemicalsEnterprise.js
index cc36fed..9773537 100644
--- a/src/pages/business_emergencyPlan/components/swhpqy.js
+++ b/src/pages/business_emergencyPlan/components/HazardousChemicalsEnterprise.js
@@ -1,12 +1,12 @@
 import React, { useState, useEffect } from 'react';
-import { Input, Button, Select, message, Modal } from 'antd';
+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 './swhpqy.less';
+import styles from './HazardousChemicalsEnterprise.less';
 
 const { Option } = Select;
 
-const Swhpqy = () => {
+const HazardousChemicalsEnterprise = () => {
     const [loading, setLoading] = useState(false);
     const [selectedRowKeys, setSelectedRowKeys] = useState([]);
     const [searchValue, setSearchValue] = useState('');
@@ -23,136 +23,122 @@ const Swhpqy = () => {
     const [dataSource, setDataSource] = useState([
         {
             key: '1',
-            number: '01',
             unitName: '文登市兴文新材料有限公司',
-            name: '国云海',
-            position: '生产班长',
+            industry: '石油化工',
+            region: '--',
+            contact: '吴静',
             mobile: '17898786567',
-            email: '1878967633@qq.com',
-            dutyTime: '夜班',
+            dangerousGoods: '高锰酸钾',
         },
         {
             key: '2',
-            number: '02',
             unitName: '文登市兴文新材料有限公司',
-            name: '陈志强',
-            position: '生产班长',
+            industry: '化学纤维',
+            region: '--',
+            contact: '李美斯',
             mobile: '17898786567',
-            email: '1878967633@qq.com',
-            dutyTime: '白班',
+            dangerousGoods: '次氯酸钠',
         },
         {
             key: '3',
-            number: '03',
             unitName: '合湾新材科技有限公司',
-            name: '侯文涛',
-            position: '班长',
+            industry: '石油化工',
+            region: '--',
+            contact: '何见瑶',
             mobile: '17898786567',
-            email: '1878967633@qq.com',
-            dutyTime: '白班',
+            dangerousGoods: '氯氧化钠',
         },
         {
             key: '4',
-            number: '04',
             unitName: '山东万图高分子材料股份有限公司',
-            name: '宋东',
-            position: '班长',
+            industry: '化学纤维',
+            region: '--',
+            contact: '李冬娟',
             mobile: '17898786567',
-            email: '1878967633@qq.com',
-            dutyTime: '夜班',
+            dangerousGoods: '硫酸',
         },
         {
             key: '5',
-            number: '05',
             unitName: '合鸿新材科技有限公司',
-            name: '王一声',
-            position: '班长',
+            industry: '化学纤维',
+            region: '--',
+            contact: '王千英',
             mobile: '17898786567',
-            email: '1878967633@qq.com',
-            dutyTime: '夜班',
+            dangerousGoods: '油漆稀释剂',
         },
         {
             key: '6',
-            number: '06',
             unitName: '山东万图高分子材料股份有限公司',
-            name: '赵小敏',
-            position: '班长',
+            industry: '石油化工',
+            region: '--',
+            contact: '李勇',
             mobile: '17898786567',
-            email: '1878987633@qq.com',
-            dutyTime: '夜班',
+            dangerousGoods: '次氯酸钠',
         },
     ]);
 
     // 表格列配置
     const columns = [
         {
-            title: '编号',
-            dataIndex: 'number',
-            key: 'number',
-            width: 80,
-        },
-        {
-            title: '单位名称',
+            title: '企业名称',
             dataIndex: 'unitName',
             key: 'unitName',
             width: 200,
         },
         {
-            title: '姓名',
-            dataIndex: 'name',
-            key: 'name',
-            width: 100,
+            title: '所属行业',
+            dataIndex: 'industry',
+            key: 'industry',
+            width: 120,
         },
         {
-            title: '职务',
-            dataIndex: 'position',
-            key: 'position',
+            title: '所属园区',
+            dataIndex: 'region',
+            key: 'region',
             width: 120,
         },
         {
-            title: '手机号',
+            title: '安全联系人',
+            dataIndex: 'contact',
+            key: 'contact',
+            width: 120,
+        },
+        {
+            title: '联系方式',
             dataIndex: 'mobile',
             key: 'mobile',
             width: 130,
         },
         {
-            title: '邮箱',
-            dataIndex: 'email',
-            key: 'email',
+            title: '危险品',
+            dataIndex: 'dangerousGoods',
+            key: 'dangerousGoods',
             width: 180,
         },
-        {
-            title: '值班时间',
-            dataIndex: 'dutyTime',
-            key: 'dutyTime',
-            width: 100,
-        },
-        {
-            title: '操作',
-            key: 'action',
-            width: 120,
-            render: (text, record) => (
-                <div className={styles.actionButtons}>
-                    <Button 
-                        type="link" 
-                        size="small" 
-                        // icon={<EditOutlined />}
-                        onClick={() => handleEdit(record)}
-                    >
-                        修改
-                    </Button>
-                    <Button 
-                        type="link" 
-                        size="small" 
-                        danger
-                        // icon={<DeleteOutlined />}
-                        onClick={() => handleDelete(record)}
-                    >
-                        删除
-                    </Button>
-                </div>
-            ),
-        },
+        // {
+        //     title: '操作',
+        //     key: 'action',
+        //     width: 120,
+        //     render: (text, record) => (
+        //         <div className={styles.actionButtons}>
+        //             <Button 
+        //                 type="link" 
+        //                 size="small" 
+        //                 onClick={() => handleEdit(record)}
+        //             >
+        //                 修改
+        //             </Button>
+        //             <Button 
+        //                 type="link" 
+        //                 size="small" 
+        //                 danger
+        //                 onClick={() => handleDelete(record)}
+        //             >
+        //                 删除
+        //             </Button>
+        //         </div>
+        //     ),
+        // },
     ];
 
     // 搜索处理
@@ -214,31 +200,37 @@ const Swhpqy = () => {
             {/* 页面标题 */}
             <div className={styles.header}>
                 <div className={styles.titleBar}></div>
-                <h2 className={styles.title}>危化品</h2>
+                <h2 className={styles.title}>涉危化品企业</h2>
             </div>
 
             {/* 搜索和操作区域 */}
-            <div className={styles.searchBar}>
-                <div className={styles.searchLeft}>
+            <Form
+                layout="inline"
+                className={styles.searchBar}
+                onFinish={handleSearch}
+            >
+                <Form.Item label="" name="searchValue">
                     <Input
-                        placeholder='请输入危化品名称'
+                        placeholder='请输入企业名称'
                         style={{ width: 200 }}
                         value={searchValue}
                         onChange={(e) => setSearchValue(e.target.value)}
                         allowClear
                         className={styles.searchInput}
                     />
+                </Form.Item>
+                <Form.Item>
                     <Button 
                         type="primary" 
                         icon={<SearchOutlined />}
-                        onClick={handleSearch}
+                        htmlType="submit"
                         loading={loading}
                         className={styles.searchButton}
                     >
                         查询
                     </Button>
-                </div>
-            </div>
+                </Form.Item>
+            </Form>
 
             {/* 数据表格 */}
             <div className={styles.tableContainer}>
@@ -259,4 +251,4 @@ const Swhpqy = () => {
     );
 };
 
-export default Swhpqy;
+export default HazardousChemicalsEnterprise;
diff --git a/src/pages/business_emergencyPlan/components/HazardousChemicalsEnterprise.less b/src/pages/business_emergencyPlan/components/HazardousChemicalsEnterprise.less
new file mode 100644
index 0000000..ac0aafc
--- /dev/null
+++ b/src/pages/business_emergencyPlan/components/HazardousChemicalsEnterprise.less
@@ -0,0 +1,111 @@
+.container {
+    padding: 20px;
+    background: #fff;
+    height: 100vh;
+    width: 100%;
+    box-sizing: border-box;
+    margin: 0;
+    max-width: none;
+}
+
+.header {
+    display: flex;
+    align-items: center;
+    margin-bottom: 15px;
+
+    .titleBar {
+        width: 3px;
+        height: 16px;
+        background: #2E4CD4;
+        margin-right: 12px;
+    }
+
+    .title {
+        margin: 0;
+        font-size: 14px;
+        font-weight: 500;
+        color: #333;
+    }
+}
+
+.searchBar {
+    margin-bottom: 10px;
+    padding: 5px;
+
+
+    .searchInput {
+        border-radius: 4px !important;
+    }
+
+    .searchButton {
+        background-color: #2E4CD4 !important;
+        border-color: #2E4CD4 !important;
+        border-radius: 4px !important;
+
+        &:hover {
+            background-color: #1e3bb8 !important;
+            border-color: #1e3bb8 !important;
+        }
+    }
+
+}
+
+.tableContainer {
+    background: #fff;
+    border-radius: 0px;
+    overflow: hidden;
+
+    .actionButtons {
+        display: flex;
+        gap: 8px;
+        font-size: 10px;
+        justify-content: center;
+
+        .ant-btn-link {
+            padding: 0;
+            height: auto;
+            font-size: 10px;
+        }
+    }
+}
+
+// 表格样式优化
+.tableContainer {
+    :global {
+        .ant-table-thead>tr>th {
+            background: #F5F5FA;
+            font-weight: 500;
+            color: #333333;
+            font-size: 14px;
+            text-align: center;
+        }
+
+        .ant-table-tbody>tr>td {
+            color: #666666;
+            font-size: 13px;
+            text-align: center;
+        }
+
+        .ant-table-tbody>tr:hover>td {
+            background: #f5f5f5;
+        }
+
+        .ant-pagination {
+            margin-top: 10px;
+            text-align: right;
+        }
+
+        // 覆盖操作列按钮样式
+        .ant-btn.ant-btn-sm {
+            font-size: 13px !important;
+            height: 20px !important;
+            padding: 0px 4px !important;
+        }
+
+        .ant-btn-link.ant-btn-sm {
+            font-size: 13px !important;
+            height: auto !important;
+            padding: 0 !important;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/pages/business_emergencyPlan/components/whp.js b/src/pages/business_emergencyPlan/components/whp.js
deleted file mode 100644
index 623383b..0000000
--- a/src/pages/business_emergencyPlan/components/whp.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react';
-import styles from './whp.less';
-
-const Whp = () => {
-    return (
-        <div className={styles.container}>
-            <div className={styles.content}>
-                <h3>危化品</h3>
-                <p>内容待开发</p>
-            </div>
-        </div>
-    );
-};
-
-export default Whp;
diff --git a/src/pages/business_emergencyPlan/components/whp.less b/src/pages/business_emergencyPlan/components/whp.less
deleted file mode 100644
index 4c5baa2..0000000
--- a/src/pages/business_emergencyPlan/components/whp.less
+++ /dev/null
@@ -1,21 +0,0 @@
-.container {
-    padding: 20px;
-    
-    .content {
-        background: #fff;
-        border-radius: 8px;
-        padding: 20px;
-        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-        
-        h3 {
-            margin-bottom: 16px;
-            color: #333;
-            font-size: 18px;
-        }
-        
-        p {
-            color: #666;
-            font-size: 14px;
-        }
-    }
-}