diff --git a/src/pages/business_emergencyResource/components/EmergencyRescue.js b/src/pages/business_emergencyResource/components/EmergencyRescue.js
index 2fb2045..5bdcbdf 100644
--- a/src/pages/business_emergencyResource/components/EmergencyRescue.js
+++ b/src/pages/business_emergencyResource/components/EmergencyRescue.js
@@ -1,15 +1,47 @@
-import React from 'react';
-import { Card } from 'antd';
+import React, { useState } from 'react';
 import styles from './EmergencyRescue.less';
+import Jjjl from './secondary_menu/jjjl';
+import Czjy from './secondary_menu/czjy';
 
 const EmergencyRescue = () => {
+    const [activeButton, setActiveButton] = useState('接警记录');
+
+    const handleButtonClick = (buttonName) => {
+        setActiveButton(buttonName);
+    };
+
+    const buttonList = [
+        '接警记录',
+        '处置救援'
+    ];
+
+    const renderContent = () => {
+        switch (activeButton) {
+            case '接警记录':
+                return <Jjjl />;
+            case '处置救援':
+                return <Czjy />;
+            default:
+                return <Jjjl />;
+        }
+    };
+
     return (
         <div className={styles.container}>
-            <Card>
-                <div style={{ textAlign: 'center', padding: '50px', fontSize: '18px' }}>
-                    救援
-                </div>
-            </Card>
+            <div className={styles.buttonRow}>
+                {buttonList.map((buttonName) => (
+                    <div
+                        key={buttonName}
+                        className={`${styles.button} ${activeButton === buttonName ? styles.active : ''}`}
+                        onClick={() => handleButtonClick(buttonName)}
+                    >
+                        {buttonName}
+                    </div>
+                ))}
+            </div>
+            <div className={styles.contentArea}>
+                {renderContent()}
+            </div>
         </div>
     );
 };
diff --git a/src/pages/business_emergencyResource/components/EmergencyRescue.less b/src/pages/business_emergencyResource/components/EmergencyRescue.less
index 163500c..f4e6e40 100644
--- a/src/pages/business_emergencyResource/components/EmergencyRescue.less
+++ b/src/pages/business_emergencyResource/components/EmergencyRescue.less
@@ -1,3 +1,44 @@
 .container {
-    padding: 20px;
+    background-color: transparent;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
+
+.buttonRow {
+    display: flex;
+    gap: 16px;
+    flex-wrap: wrap;
+    margin-top: 10px;
+    margin-left: 5px;
+    padding: 10px 20px 10px 30px;
+    background-color: #EBF0FE;
+}
+
+.button {
+    background-color: transparent;
+    color: #333333;
+    font-size: 13px;
+    font-weight: 500;
+    padding: 8px 16px;
+    border-radius: 6px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    border: 1px solid transparent;
+
+    &:hover {
+        background-color: rgba(46, 76, 212, 0.1);
+    }
+
+    &.active {
+        color: #fff;
+        background: linear-gradient(180deg, #556FEB 0%, #8DAAF7 100%);
+    }
+}
+
+.contentArea {
+    flex: 1;
+    background-color: #EBF0FE;
+    margin-left: 5px;
+    // margin-top: 10px;
 }
diff --git a/src/pages/business_emergencyResource/components/secondary_menu/yjxf.js b/src/pages/business_emergencyResource/components/secondary_menu/czjy.js
similarity index 50%
rename from src/pages/business_emergencyResource/components/secondary_menu/yjxf.js
rename to src/pages/business_emergencyResource/components/secondary_menu/czjy.js
index 134ae07..7fae224 100644
--- a/src/pages/business_emergencyResource/components/secondary_menu/yjxf.js
+++ b/src/pages/business_emergencyResource/components/secondary_menu/czjy.js
@@ -1,89 +1,28 @@
-import React, { useState, useEffect } from 'react';
-import { Input, Button, Select, message, Modal } from 'antd';
-import { SearchOutlined, PlusOutlined, DeleteOutlined, EditOutlined } from '@ant-design/icons';
+import React, { useState } from 'react';
+import { Input, Button, Select, message } from 'antd';
+import { SearchOutlined, PlusOutlined } from '@ant-design/icons';
 import StandardTable from '@/components/StandardTable';
-import styles from './yjzbry.less';
+import styles from './czjy.less';
 
 import iconsc from '@/assets/yjzygl/iconsc.svg';
 
 const { Option } = Select;
 
-const Yjxf = () => {
+const Czjy = () => {
     const [loading, setLoading] = useState(false);
     const [selectedRowKeys, setSelectedRowKeys] = useState([]);
     const [searchValue, setSearchValue] = useState('');
     const [pagination, setPagination] = useState({
         current: 1,
         pageSize: 10,
-        total: 48,
+        total: 0,
         showSizeChanger: true,
         showQuickJumper: true,
         showTotal: (total, range) => `共${total}条`,
     });
 
-    // 模拟数据
-    const [dataSource, setDataSource] = useState([
-        {
-            key: '1',
-            number: '01',
-            unitName: '文登市兴文新材料有限公司',
-            name: '国云海',
-            position: '生产班长',
-            mobile: '17898786567',
-            email: '1878967633@qq.com',
-            dutyTime: '夜班',
-        },
-        {
-            key: '2',
-            number: '02',
-            unitName: '文登市兴文新材料有限公司',
-            name: '陈志强',
-            position: '生产班长',
-            mobile: '17898786567',
-            email: '1878967633@qq.com',
-            dutyTime: '白班',
-        },
-        {
-            key: '3',
-            number: '03',
-            unitName: '合湾新材科技有限公司',
-            name: '侯文涛',
-            position: '班长',
-            mobile: '17898786567',
-            email: '1878967633@qq.com',
-            dutyTime: '白班',
-        },
-        {
-            key: '4',
-            number: '04',
-            unitName: '山东万图高分子材料股份有限公司',
-            name: '宋东',
-            position: '班长',
-            mobile: '17898786567',
-            email: '1878967633@qq.com',
-            dutyTime: '夜班',
-        },
-        {
-            key: '5',
-            number: '05',
-            unitName: '合鸿新材科技有限公司',
-            name: '王一声',
-            position: '班长',
-            mobile: '17898786567',
-            email: '1878967633@qq.com',
-            dutyTime: '夜班',
-        },
-        {
-            key: '6',
-            number: '06',
-            unitName: '山东万图高分子材料股份有限公司',
-            name: '赵小敏',
-            position: '班长',
-            mobile: '17898786567',
-            email: '1878987633@qq.com',
-            dutyTime: '夜班',
-        },
-    ]);
+    // 数据源
+    const [dataSource, setDataSource] = useState([]);
 
     // 表格列配置
     const columns = [
@@ -93,42 +32,6 @@ const Yjxf = () => {
             key: 'number',
             width: 80,
         },
-        {
-            title: '单位名称',
-            dataIndex: 'unitName',
-            key: 'unitName',
-            width: 200,
-        },
-        {
-            title: '姓名',
-            dataIndex: 'name',
-            key: 'name',
-            width: 100,
-        },
-        {
-            title: '职务',
-            dataIndex: 'position',
-            key: 'position',
-            width: 120,
-        },
-        {
-            title: '手机号',
-            dataIndex: 'mobile',
-            key: 'mobile',
-            width: 130,
-        },
-        {
-            title: '邮箱',
-            dataIndex: 'email',
-            key: 'email',
-            width: 180,
-        },
-        {
-            title: '值班时间',
-            dataIndex: 'dutyTime',
-            key: 'dutyTime',
-            width: 100,
-        },
         {
             title: '操作',
             key: 'action',
@@ -138,7 +41,6 @@ const Yjxf = () => {
                     <Button 
                         type="link" 
                         size="small" 
-                        // icon={<EditOutlined />}
                         onClick={() => handleEdit(record)}
                     >
                         修改
@@ -147,7 +49,6 @@ const Yjxf = () => {
                         type="link" 
                         size="small" 
                         danger
-                        // icon={<DeleteOutlined />}
                         onClick={() => handleDelete(record)}
                     >
                         删除
@@ -160,7 +61,6 @@ const Yjxf = () => {
     // 搜索处理
     const handleSearch = () => {
         setLoading(true);
-        // 模拟搜索请求
         setTimeout(() => {
             setLoading(false);
             message.success('查询完成');
@@ -169,7 +69,7 @@ const Yjxf = () => {
 
     // 新增处理
     const handleAdd = () => {
-        message.info('新增功能待实现');
+        message.info('新增功能待开发');
     };
 
     // 批量删除处理
@@ -178,32 +78,17 @@ const Yjxf = () => {
             message.warning('请选择要删除的数据');
             return;
         }
-        Modal.confirm({
-            title: '确认删除',
-            content: `确定要删除选中的 ${selectedRowKeys.length} 条数据吗？`,
-            onOk() {
-                setDataSource(dataSource.filter(item => !selectedRowKeys.includes(item.key)));
-                setSelectedRowKeys([]);
-                message.success('删除成功');
-            },
-        });
+        message.info('删除功能待开发');
     };
 
     // 编辑处理
     const handleEdit = (record) => {
-        message.info(`编辑 ${record.name} 的信息`);
+        message.info('编辑功能待开发');
     };
 
     // 删除处理
     const handleDelete = (record) => {
-        Modal.confirm({
-            title: '确认删除',
-            content: `确定要删除 ${record.name} 吗？`,
-            onOk() {
-                setDataSource(dataSource.filter(item => item.key !== record.key));
-                message.success('删除成功');
-            },
-        });
+        message.info('删除功能待开发');
     };
 
     // 分页处理
@@ -216,23 +101,21 @@ const Yjxf = () => {
             {/* 页面标题 */}
             <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}>
                     <Select
-                        placeholder="请选择单位名称"
+                        placeholder="请选择"
                         value={searchValue}
                         onChange={setSearchValue}
                         style={{width: 180, height: 30, borderRadius: 2}}
                         allowClear
                     >
-                        <Option value="文登市兴文新材料有限公司">文登市兴文新材料有限公司</Option>
-                        <Option value="合湾新材科技有限公司">合湾新材科技有限公司</Option>
-                        <Option value="山东万图高分子材料股份有限公司">山东万图高分子材料股份有限公司</Option>
-                        <Option value="合鸿新材科技有限公司">合鸿新材科技有限公司</Option>
+                        <Option value="选项1">选项1</Option>
+                        <Option value="选项2">选项2</Option>
                     </Select>
                     <Button 
                         type="primary" 
@@ -283,4 +166,5 @@ const Yjxf = () => {
     );
 };
 
-export default Yjxf;
+export default Czjy;
+
diff --git a/src/pages/business_emergencyResource/components/secondary_menu/yjxf.less b/src/pages/business_emergencyResource/components/secondary_menu/czjy.less
similarity index 99%
rename from src/pages/business_emergencyResource/components/secondary_menu/yjxf.less
rename to src/pages/business_emergencyResource/components/secondary_menu/czjy.less
index bc8e592..589b8d7 100644
--- a/src/pages/business_emergencyResource/components/secondary_menu/yjxf.less
+++ b/src/pages/business_emergencyResource/components/secondary_menu/czjy.less
@@ -136,3 +136,4 @@
         }
     }
 }
+
diff --git a/src/pages/business_emergencyResource/components/secondary_menu/jjjl.js b/src/pages/business_emergencyResource/components/secondary_menu/jjjl.js
new file mode 100644
index 0000000..0478a80
--- /dev/null
+++ b/src/pages/business_emergencyResource/components/secondary_menu/jjjl.js
@@ -0,0 +1,170 @@
+import React, { useState } from 'react';
+import { Input, Button, Select, message } from 'antd';
+import { SearchOutlined, PlusOutlined } from '@ant-design/icons';
+import StandardTable from '@/components/StandardTable';
+import styles from './jjjl.less';
+
+import iconsc from '@/assets/yjzygl/iconsc.svg';
+
+const { Option } = Select;
+
+const Jjjl = () => {
+    const [loading, setLoading] = useState(false);
+    const [selectedRowKeys, setSelectedRowKeys] = useState([]);
+    const [searchValue, setSearchValue] = useState('');
+    const [pagination, setPagination] = useState({
+        current: 1,
+        pageSize: 10,
+        total: 0,
+        showSizeChanger: true,
+        showQuickJumper: true,
+        showTotal: (total, range) => `共${total}条`,
+    });
+
+    // 数据源
+    const [dataSource, setDataSource] = useState([]);
+
+    // 表格列配置
+    const columns = [
+        {
+            title: '编号',
+            dataIndex: 'number',
+            key: 'number',
+            width: 80,
+        },
+        {
+            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>
+            ),
+        },
+    ];
+
+    // 搜索处理
+    const handleSearch = () => {
+        setLoading(true);
+        setTimeout(() => {
+            setLoading(false);
+            message.success('查询完成');
+        }, 1000);
+    };
+
+    // 新增处理
+    const handleAdd = () => {
+        message.info('新增功能待开发');
+    };
+
+    // 批量删除处理
+    const handleBatchDelete = () => {
+        if (selectedRowKeys.length === 0) {
+            message.warning('请选择要删除的数据');
+            return;
+        }
+        message.info('删除功能待开发');
+    };
+
+    // 编辑处理
+    const handleEdit = (record) => {
+        message.info('编辑功能待开发');
+    };
+
+    // 删除处理
+    const handleDelete = (record) => {
+        message.info('删除功能待开发');
+    };
+
+    // 分页处理
+    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>
+
+            {/* 搜索和操作区域 */}
+            <div className={styles.searchBar}>
+                <div className={styles.searchLeft}>
+                    <Select
+                        placeholder="请选择"
+                        value={searchValue}
+                        onChange={setSearchValue}
+                        style={{width: 180, height: 30, borderRadius: 2}}
+                        allowClear
+                    >
+                        <Option value="选项1">选项1</Option>
+                        <Option value="选项2">选项2</Option>
+                    </Select>
+                    <Button 
+                        type="primary" 
+                        icon={<SearchOutlined />}
+                        onClick={handleSearch}
+                        loading={loading}
+                        className={styles.customButton}
+                    >
+                        查询
+                    </Button>
+                </div>
+                <div className={styles.searchRight}>
+                    <Button 
+                        type="primary" 
+                        icon={<PlusOutlined />}
+                        onClick={handleAdd}
+                        className={styles.customButton}
+                    >
+                        新增
+                    </Button>
+                    <Button 
+                        danger
+                        style={{width: 70, height: 30, borderRadius: 2, display: 'flex', alignItems: 'center', justifyContent: 'center'}}
+                        icon={<img src={iconsc} alt="delete"  style={{width: 14, height: 14, marginTop: -2}}/>}
+                        onClick={handleBatchDelete}
+                    >
+                        删除
+                    </Button>
+                </div>
+            </div>
+
+            {/* 数据表格 */}
+            <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 Jjjl;
+
diff --git a/src/pages/business_emergencyResource/components/secondary_menu/jjjl.less b/src/pages/business_emergencyResource/components/secondary_menu/jjjl.less
new file mode 100644
index 0000000..589b8d7
--- /dev/null
+++ b/src/pages/business_emergencyResource/components/secondary_menu/jjjl.less
@@ -0,0 +1,139 @@
+.container {
+    padding: 20px;
+    background: #fff;
+    height:100vh;
+}
+
+.header {
+    display: flex;
+    align-items: center;
+    // background-color: pink;
+    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 {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 10px;
+    padding: 5px;
+
+    
+    .searchLeft {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+    }
+    
+    .searchRight {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+    }
+}
+
+// 自定义按钮样式
+.customButton {
+    background-color: #2E4CD4 !important;
+    border-color: #2E4CD4 !important;
+    border-radius: 2px !important;
+    height: 30px !important;
+    width: 75px;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    
+    &:hover {
+        background-color: #1e3bb8 !important;
+        border-color: #1e3bb8 !important;
+    }
+    
+    &:focus {
+        background-color: #2E4CD4 !important;
+        border-color: #2E4CD4 !important;
+    }
+}
+
+// // 所有按钮统一样式
+// .ant-btn {
+//     border-radius: 4px !important;
+//     height: 28px !important;
+//     display: flex !important;
+//     align-items: center !important;
+//     justify-content: center !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;
+        }
+    }
+}
+