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 ;
+ return ;
case 'whp':
- return ;
+ return ;
case 'sgla':
- return ;
+ return ;
case 'flfg':
- return ;
+ return ;
default:
- return ;
+ return ;
}
};
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) => (
-
- }
- onClick={() => handleEdit(record)}
- >
- 修改
-
- }
- onClick={() => handleDelete(record)}
- >
- 删除
-
-
- ),
- },
+ // {
+ // title: '操作',
+ // key: 'action',
+ // width: 120,
+ // render: (text, record) => (
+ //
+ //
+ //
+ //
+ // ),
+ // },
];
// 搜索处理
@@ -214,31 +200,37 @@ const Swhpqy = () => {
{/* 页面标题 */}
{/* 搜索和操作区域 */}
-
-
+
setSearchValue(e.target.value)}
allowClear
className={styles.searchInput}
/>
+
+
}
- onClick={handleSearch}
+ htmlType="submit"
loading={loading}
className={styles.searchButton}
>
查询
-
-
+
+
{/* 数据表格 */}
@@ -259,4 +251,4 @@ const Swhpqy = () => {
);
};
-export default Swhpqy;
+export default HazardousChemicalsEnterprise;
diff --git a/src/pages/business_emergencyPlan/components/swhpqy.less b/src/pages/business_emergencyPlan/components/HazardousChemicalsEnterprise.less
similarity index 67%
rename from src/pages/business_emergencyPlan/components/swhpqy.less
rename to src/pages/business_emergencyPlan/components/HazardousChemicalsEnterprise.less
index 9e46a34..ac0aafc 100644
--- a/src/pages/business_emergencyPlan/components/swhpqy.less
+++ b/src/pages/business_emergencyPlan/components/HazardousChemicalsEnterprise.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