);
diff --git a/src/pages/business_emergencyResource/components/secondary_menu/yjssd.less b/src/pages/business_emergencyResource/components/secondary_menu/yjssd.less
index 2714b8d..bc8e592 100644
--- a/src/pages/business_emergencyResource/components/secondary_menu/yjssd.less
+++ b/src/pages/business_emergencyResource/components/secondary_menu/yjssd.less
@@ -1,10 +1,138 @@
.container {
padding: 20px;
- background-color: #EBF0FE;
- min-height: 100vh;
+ background: #fff;
+ height:100vh;
}
-.content {
- color: #333333;
- font-size: 14px;
+.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;
+ }
+ }
}
diff --git a/src/pages/business_emergencyResource/components/secondary_menu/yjwz.js b/src/pages/business_emergencyResource/components/secondary_menu/yjwz.js
index a2ca013..6076af3 100644
--- a/src/pages/business_emergencyResource/components/secondary_menu/yjwz.js
+++ b/src/pages/business_emergencyResource/components/secondary_menu/yjwz.js
@@ -1,11 +1,283 @@
-import React from 'react';
-import styles from './yjwz.less';
+import React, { useState, useEffect } from 'react';
+import { Input, Button, Select, message, Modal } from 'antd';
+import { SearchOutlined, PlusOutlined, DeleteOutlined, EditOutlined } from '@ant-design/icons';
+import StandardTable from '@/components/StandardTable';
+import styles from './yjzbry.less';
+
+import iconsc from '@/assets/yjzygl/iconsc.svg';
+
+const { Option } = Select;
const Yjwz = () => {
+ 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',
+ 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 columns = [
+ {
+ title: '编号',
+ dataIndex: 'number',
+ 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',
+ width: 120,
+ render: (text, record) => (
+
+ ),
+ },
+ ];
+
+ // 搜索处理
+ 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 (
-
- 应急物资内容
+ {/* 页面标题 */}
+
+
+ {/* 搜索和操作区域 */}
+
+
+
+ }
+ onClick={handleSearch}
+ loading={loading}
+ className={styles.customButton}
+ >
+ 查询
+
+
+
+ }
+ onClick={handleAdd}
+ className={styles.customButton}
+ >
+ 新增
+
+ }
+ onClick={handleBatchDelete}
+ >
+ 删除
+
+
+
+
+ {/* 数据表格 */}
+
+
);
diff --git a/src/pages/business_emergencyResource/components/secondary_menu/yjwz.less b/src/pages/business_emergencyResource/components/secondary_menu/yjwz.less
index 2714b8d..8fabfea 100644
--- a/src/pages/business_emergencyResource/components/secondary_menu/yjwz.less
+++ b/src/pages/business_emergencyResource/components/secondary_menu/yjwz.less
@@ -1,10 +1,138 @@
-.container {
+.containerwz {
padding: 20px;
- background-color: #EBF0FE;
- min-height: 100vh;
+ background: #fff;
+ height:100vh;
}
-.content {
- color: #333333;
- font-size: 14px;
+.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;
+ }
+ }
}
diff --git a/src/pages/business_emergencyResource/components/secondary_menu/yjxf.js b/src/pages/business_emergencyResource/components/secondary_menu/yjxf.js
index 42ecc10..134ae07 100644
--- a/src/pages/business_emergencyResource/components/secondary_menu/yjxf.js
+++ b/src/pages/business_emergencyResource/components/secondary_menu/yjxf.js
@@ -1,11 +1,283 @@
-import React from 'react';
-import styles from './yjxf.less';
+import React, { useState, useEffect } from 'react';
+import { Input, Button, Select, message, Modal } from 'antd';
+import { SearchOutlined, PlusOutlined, DeleteOutlined, EditOutlined } from '@ant-design/icons';
+import StandardTable from '@/components/StandardTable';
+import styles from './yjzbry.less';
+
+import iconsc from '@/assets/yjzygl/iconsc.svg';
+
+const { Option } = Select;
const Yjxf = () => {
+ 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',
+ 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 columns = [
+ {
+ title: '编号',
+ dataIndex: 'number',
+ 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',
+ width: 120,
+ render: (text, record) => (
+
+ }
+ onClick={() => handleEdit(record)}
+ >
+ 修改
+
+ }
+ onClick={() => handleDelete(record)}
+ >
+ 删除
+
+
+ ),
+ },
+ ];
+
+ // 搜索处理
+ 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 (
-
- 应急消防点内容
+ {/* 页面标题 */}
+
+
+ {/* 搜索和操作区域 */}
+
+
+
+ }
+ onClick={handleSearch}
+ loading={loading}
+ className={styles.customButton}
+ >
+ 查询
+
+
+
+ }
+ onClick={handleAdd}
+ className={styles.customButton}
+ >
+ 新增
+
+ }
+ onClick={handleBatchDelete}
+ >
+ 删除
+
+
+
+
+ {/* 数据表格 */}
+
+
);
diff --git a/src/pages/business_emergencyResource/components/secondary_menu/yjxf.less b/src/pages/business_emergencyResource/components/secondary_menu/yjxf.less
index 2714b8d..bc8e592 100644
--- a/src/pages/business_emergencyResource/components/secondary_menu/yjxf.less
+++ b/src/pages/business_emergencyResource/components/secondary_menu/yjxf.less
@@ -1,10 +1,138 @@
.container {
padding: 20px;
- background-color: #EBF0FE;
- min-height: 100vh;
+ background: #fff;
+ height:100vh;
}
-.content {
- color: #333333;
- font-size: 14px;
+.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;
+ }
+ }
}
diff --git a/src/pages/business_emergencyResource/components/secondary_menu/yjxfd.js b/src/pages/business_emergencyResource/components/secondary_menu/yjxfd.js
new file mode 100644
index 0000000..971b63a
--- /dev/null
+++ b/src/pages/business_emergencyResource/components/secondary_menu/yjxfd.js
@@ -0,0 +1,286 @@
+import React, { useState, useEffect } from 'react';
+import { Input, Button, Select, message, Modal } from 'antd';
+import { SearchOutlined, PlusOutlined, DeleteOutlined, EditOutlined } from '@ant-design/icons';
+import StandardTable from '@/components/StandardTable';
+import styles from './yjxfd.less';
+
+import iconsc from '@/assets/yjzygl/iconsc.svg';
+
+const { Option } = Select;
+
+const Yjxfd = () => {
+ 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',
+ 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 columns = [
+ {
+ title: '编号',
+ dataIndex: 'number',
+ 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',
+ width: 120,
+ render: (text, record) => (
+
+ }
+ onClick={() => handleEdit(record)}
+ >
+ 修改
+
+ }
+ onClick={() => handleDelete(record)}
+ >
+ 删除
+
+
+ ),
+ },
+ ];
+
+ // 搜索处理
+ 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 (
+
+ {/* 页面标题 */}
+
+
+ {/* 搜索和操作区域 */}
+
+
+
+ }
+ onClick={handleSearch}
+ loading={loading}
+ className={styles.customButton}
+ >
+ 查询
+
+
+
+ }
+ onClick={handleAdd}
+ className={styles.customButton}
+ >
+ 新增
+
+ }
+ onClick={handleBatchDelete}
+ >
+ 删除
+
+
+
+
+ {/* 数据表格 */}
+
+
+
+
+ );
+};
+
+export default Yjxfd;
diff --git a/src/pages/business_emergencyResource/components/secondary_menu/yjxfd.less b/src/pages/business_emergencyResource/components/secondary_menu/yjxfd.less
new file mode 100644
index 0000000..641628d
--- /dev/null
+++ b/src/pages/business_emergencyResource/components/secondary_menu/yjxfd.less
@@ -0,0 +1,122 @@
+.container {
+ padding: 20px;
+ background: #f5f5f5;
+ min-height: 100vh;
+}
+
+.header {
+ margin-bottom: 20px;
+ display: flex;
+ align-items: center;
+}
+
+.titleBar {
+ width: 4px;
+ height: 20px;
+ background: #1890ff;
+ margin-right: 10px;
+}
+
+.title {
+ margin: 0;
+ font-size: 18px;
+ font-weight: 500;
+ color: #333;
+}
+
+.searchBar {
+ background: #fff;
+ padding: 20px;
+ border-radius: 6px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.searchLeft {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+}
+
+.searchRight {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+}
+
+.customButton {
+ height: 30px !important;
+ border-radius: 2px !important;
+ display: flex !important;
+ align-items: center !important;
+ justify-content: center !important;
+}
+
+.tableContainer {
+ background: #fff;
+ border-radius: 6px;
+ padding: 20px;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.actionButtons {
+ display: flex;
+ gap: 8px;
+}
+
+.actionButtons .ant-btn-link {
+ padding: 0;
+ height: auto;
+ line-height: 1;
+}
+
+.actionButtons .ant-btn-link:hover {
+ background: transparent;
+}
+
+// 覆盖全局按钮样式
+:global(.ant-btn) {
+ height: 28px !important;
+ border-radius: 2px !important;
+}
+
+:global(.ant-select) {
+ .ant-select-selector {
+ height: 30px !important;
+ border-radius: 2px !important;
+ }
+}
+
+:global(.ant-input) {
+ height: 30px !important;
+ border-radius: 2px !important;
+}
+
+:global(.ant-table) {
+ .ant-table-thead > tr > th {
+ background: #fafafa;
+ font-weight: 500;
+ color: #333;
+ }
+
+ .ant-table-tbody > tr:hover > td {
+ background: #f5f5f5;
+ }
+}
+
+:global(.ant-pagination) {
+ margin-top: 16px;
+ text-align: right;
+}
+
+:global(.ant-pagination-item) {
+ border-radius: 2px;
+}
+
+:global(.ant-pagination-prev),
+:global(.ant-pagination-next) {
+ border-radius: 2px;
+}
diff --git a/src/pages/business_emergencyResource/components/secondary_menu/yjzbry.js b/src/pages/business_emergencyResource/components/secondary_menu/yjzbry.js
index 659d641..4520ca8 100644
--- a/src/pages/business_emergencyResource/components/secondary_menu/yjzbry.js
+++ b/src/pages/business_emergencyResource/components/secondary_menu/yjzbry.js
@@ -4,6 +4,8 @@ import { SearchOutlined, PlusOutlined, DeleteOutlined, EditOutlined } from '@ant
import StandardTable from '@/components/StandardTable';
import styles from './yjzbry.less';
+import iconsc from '@/assets/yjzygl/iconsc.svg';
+
const { Option } = Select;
const Yjzbry = () => {
@@ -222,9 +224,9 @@ const Yjzbry = () => {