|
|
|
|
@ -26,62 +26,56 @@ const Yjssd = () => {
|
|
|
|
|
{
|
|
|
|
|
key: '1',
|
|
|
|
|
number: '01',
|
|
|
|
|
unitName: '文登市兴文新材料有限公司',
|
|
|
|
|
name: '国云海',
|
|
|
|
|
position: '生产班长',
|
|
|
|
|
mobile: '17898786567',
|
|
|
|
|
email: '1878967633@qq.com',
|
|
|
|
|
dutyTime: '夜班',
|
|
|
|
|
evacuationPointName: '疏散点一',
|
|
|
|
|
evacuationPointAddress: '光明南街18号裕龙花园三区27号楼',
|
|
|
|
|
maxCapacity: 97,
|
|
|
|
|
personInCharge: '冯钰洁',
|
|
|
|
|
remarks: '无',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: '2',
|
|
|
|
|
number: '02',
|
|
|
|
|
unitName: '文登市兴文新材料有限公司',
|
|
|
|
|
name: '陈志强',
|
|
|
|
|
position: '生产班长',
|
|
|
|
|
mobile: '17898786567',
|
|
|
|
|
email: '1878967633@qq.com',
|
|
|
|
|
dutyTime: '白班',
|
|
|
|
|
evacuationPointName: '疏散点二',
|
|
|
|
|
evacuationPointAddress: '怡馨家园达人街赏玩城一层98、99号',
|
|
|
|
|
maxCapacity: 96,
|
|
|
|
|
personInCharge: '周静',
|
|
|
|
|
remarks: '备注二二',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: '3',
|
|
|
|
|
number: '03',
|
|
|
|
|
unitName: '合湾新材科技有限公司',
|
|
|
|
|
name: '侯文涛',
|
|
|
|
|
position: '班长',
|
|
|
|
|
mobile: '17898786567',
|
|
|
|
|
email: '1878967633@qq.com',
|
|
|
|
|
dutyTime: '白班',
|
|
|
|
|
evacuationPointName: '疏散点三',
|
|
|
|
|
evacuationPointAddress: '新顺北大街',
|
|
|
|
|
maxCapacity: 91,
|
|
|
|
|
personInCharge: '何能',
|
|
|
|
|
remarks: '备注三三',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: '4',
|
|
|
|
|
number: '04',
|
|
|
|
|
unitName: '山东万图高分子材料股份有限公司',
|
|
|
|
|
name: '宋东',
|
|
|
|
|
position: '班长',
|
|
|
|
|
mobile: '17898786567',
|
|
|
|
|
email: '1878967633@qq.com',
|
|
|
|
|
dutyTime: '夜班',
|
|
|
|
|
evacuationPointName: '疏散点四',
|
|
|
|
|
evacuationPointAddress: '红杉一品8号院底商',
|
|
|
|
|
maxCapacity: 59,
|
|
|
|
|
personInCharge: '冯新',
|
|
|
|
|
remarks: '备注四四',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: '5',
|
|
|
|
|
number: '05',
|
|
|
|
|
unitName: '合鸿新材科技有限公司',
|
|
|
|
|
name: '王一声',
|
|
|
|
|
position: '班长',
|
|
|
|
|
mobile: '17898786567',
|
|
|
|
|
email: '1878967633@qq.com',
|
|
|
|
|
dutyTime: '夜班',
|
|
|
|
|
evacuationPointName: '疏散点五',
|
|
|
|
|
evacuationPointAddress: '义宾街与站前北街交叉口北150米国泰谊宾商城F1层',
|
|
|
|
|
maxCapacity: 50,
|
|
|
|
|
personInCharge: '赵俊英',
|
|
|
|
|
remarks: '备注五五',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: '6',
|
|
|
|
|
number: '06',
|
|
|
|
|
unitName: '山东万图高分子材料股份有限公司',
|
|
|
|
|
name: '赵小敏',
|
|
|
|
|
position: '班长',
|
|
|
|
|
mobile: '17898786567',
|
|
|
|
|
email: '1878987633@qq.com',
|
|
|
|
|
dutyTime: '夜班',
|
|
|
|
|
evacuationPointName: '疏散点六',
|
|
|
|
|
evacuationPointAddress: '仁和站前北街4号',
|
|
|
|
|
maxCapacity: 48,
|
|
|
|
|
personInCharge: '赵中错',
|
|
|
|
|
remarks: '备注六六',
|
|
|
|
|
},
|
|
|
|
|
]);
|
|
|
|
|
|
|
|
|
|
@ -94,39 +88,33 @@ const Yjssd = () => {
|
|
|
|
|
width: 80,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '单位名称',
|
|
|
|
|
dataIndex: 'unitName',
|
|
|
|
|
key: 'unitName',
|
|
|
|
|
width: 200,
|
|
|
|
|
title: '疏散点名称',
|
|
|
|
|
dataIndex: 'evacuationPointName',
|
|
|
|
|
key: 'evacuationPointName',
|
|
|
|
|
width: 150,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '姓名',
|
|
|
|
|
dataIndex: 'name',
|
|
|
|
|
key: 'name',
|
|
|
|
|
width: 100,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '职务',
|
|
|
|
|
dataIndex: 'position',
|
|
|
|
|
key: 'position',
|
|
|
|
|
width: 120,
|
|
|
|
|
title: '疏散点地址',
|
|
|
|
|
dataIndex: 'evacuationPointAddress',
|
|
|
|
|
key: 'evacuationPointAddress',
|
|
|
|
|
width: 250,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '手机号',
|
|
|
|
|
dataIndex: 'mobile',
|
|
|
|
|
key: 'mobile',
|
|
|
|
|
width: 130,
|
|
|
|
|
title: '最大容纳人数(人)',
|
|
|
|
|
dataIndex: 'maxCapacity',
|
|
|
|
|
key: 'maxCapacity',
|
|
|
|
|
width: 150,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '邮箱',
|
|
|
|
|
dataIndex: 'email',
|
|
|
|
|
key: 'email',
|
|
|
|
|
width: 180,
|
|
|
|
|
title: '负责人',
|
|
|
|
|
dataIndex: 'personInCharge',
|
|
|
|
|
key: 'personInCharge',
|
|
|
|
|
width: 120,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '值班时间',
|
|
|
|
|
dataIndex: 'dutyTime',
|
|
|
|
|
key: 'dutyTime',
|
|
|
|
|
title: '备注',
|
|
|
|
|
dataIndex: 'remarks',
|
|
|
|
|
key: 'remarks',
|
|
|
|
|
width: 100,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
@ -191,14 +179,14 @@ const Yjssd = () => {
|
|
|
|
|
|
|
|
|
|
// 编辑处理
|
|
|
|
|
const handleEdit = (record) => {
|
|
|
|
|
message.info(`编辑 ${record.name} 的信息`);
|
|
|
|
|
message.info(`编辑 ${record.evacuationPointName} 的信息`);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// 删除处理
|
|
|
|
|
const handleDelete = (record) => {
|
|
|
|
|
Modal.confirm({
|
|
|
|
|
title: '确认删除',
|
|
|
|
|
content: `确定要删除 ${record.name} 吗？`,
|
|
|
|
|
content: `确定要删除 ${record.evacuationPointName} 吗？`,
|
|
|
|
|
onOk() {
|
|
|
|
|
setDataSource(dataSource.filter(item => item.key !== record.key));
|
|
|
|
|
message.success('删除成功');
|
|
|
|
|
@ -222,18 +210,13 @@ const Yjssd = () => {
|
|
|
|
|
{/* 搜索和操作区域 */}
|
|
|
|
|
<div className={styles.searchBar}>
|
|
|
|
|
<div className={styles.searchLeft}>
|
|
|
|
|
<Select
|
|
|
|
|
placeholder="请选择单位名称"
|
|
|
|
|
<Input
|
|
|
|
|
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>
|
|
|
|
|
</Select>
|
|
|
|
|
/>
|
|
|
|
|
<Button
|
|
|
|
|
type="primary"
|
|
|
|
|
icon={<SearchOutlined />}
|
|
|
|
|
@ -253,14 +236,6 @@ const Yjssd = () => {
|
|
|
|
|
>
|
|
|
|
|
新增
|
|
|
|
|
</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>
|
|
|
|
|
|
|
|
|
|
|
wangyunfei
5 days ago