jiangxucong
/
dq-emgms
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

周边医院

Browse Source
main
wangyunfei 17 hours ago
parent 50daab4c6d
commit 192a367fd3
2 changed files with 161 additions and 94 deletions
Show Stats Download Patch File Download Diff File

226
src/pages/business_emergencyResource/components/secondary_menu/zbhy.js
Unescape Escape View File

@ -2,7 +2,7 @@ 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 styles from './zbhy.less';
import iconsc from '@/assets/yjzygl/iconsc.svg';
@ -11,7 +11,7 @@ const { Option } = Select;
const Zbhy = () => {
const [loading, setLoading] = useState(false);
const [selectedRowKeys, setSelectedRowKeys] = useState([]);
const [searchValue, setSearchValue] = useState('');
const [searchValue, setSearchValue] = useState(undefined);
const [pagination, setPagination] = useState({
current: 1,
pageSize: 10,
@ -25,114 +25,162 @@ const Zbhy = () => {
const [dataSource, setDataSource] = useState([
{
key: '1',
number: '01',
unitName: '文登市兴文新材料有限公司',
name: '国云海',
position: '生产班长',
mobile: '17898786567',
email: '1878967633@qq.com',
dutyTime: '夜班',
hospitalName: '广播器材厂职工医院',
hospitalLevel: '特级',
equipmentType: '监测设备',
simultaneousPatients: 97,
specializedIn: '疑难杂症',
medicalStaff: 81,
bedCount: 97,
ambulanceCount: 44,
hospitalLocation: '西幸福区66号(且龙井品东南角)',
phone: '18084188242',
remarks: '无',
},
{
key: '2',
number: '02',
unitName: '文登市兴文新材料有限公司',
name: '陈志强',
position: '生产班长',
mobile: '17898786567',
email: '1878967633@qq.com',
dutyTime: '白班',
hospitalName: '塑阳区嘉隆店医院',
hospitalLevel: '二级甲等',
equipmentType: '消毒设备',
simultaneousPatients: 96,
specializedIn: '烧伤烫伤',
medicalStaff: 74,
bedCount: 82,
ambulanceCount: 25,
hospitalLocation: '栴花一区路与栴花一街交叉口东50米',
phone: '15135188171',
remarks: '备注二二',
},
{
key: '3',
number: '03',
unitName: '合湾新材科技有限公司',
name: '侯文涛',
position: '班长',
mobile: '17898786567',
email: '1878967633@qq.com',
dutyTime: '白班',
hospitalName: '中国中医科学院眼科医院',
hospitalLevel: '二级乙等',
equipmentType: '仿真鉴定',
simultaneousPatients: 91,
specializedIn: '烧伤',
medicalStaff: 48,
bedCount: 65,
ambulanceCount: 24,
hospitalLocation: '双兴东区21号楼双兴大卖场一层',
phone: '18057125277',
remarks: '备注三三',
},
{
key: '4',
number: '04',
unitName: '山东万图高分子材料股份有限公司',
name: '宋东',
position: '班长',
mobile: '17898786567',
email: '1878967633@qq.com',
dutyTime: '夜班',
hospitalName: '矿务局治病疗昨矿工...',
hospitalLevel: '特等',
equipmentType: '医疗设备',
simultaneousPatients: 59,
specializedIn: '疑难杂症',
medicalStaff: 46,
bedCount: 59,
ambulanceCount: 20,
hospitalLocation: '红杉一品8号楼底商',
phone: '18562861165',
remarks: '备注四四',
},
{
key: '5',
number: '05',
unitName: '合鸿新材科技有限公司',
name: '王一声',
position: '班长',
mobile: '17898786567',
email: '1878967633@qq.com',
dutyTime: '夜班',
hospitalName: '公安医院',
hospitalLevel: '二级甲等',
equipmentType: '检测设备',
simultaneousPatients: 50,
specializedIn: '骨折',
medicalStaff: 6,
bedCount: 51,
ambulanceCount: 19,
hospitalLocation: '光明街道幸福东区9号楼5单元101栋...',
phone: '17675250412',
remarks: '备注五五',
},
{
key: '6',
number: '06',
unitName: '山东万图高分子材料股份有限公司',
name: '赵小敏',
position: '班长',
mobile: '17898786567',
email: '1878987633@qq.com',
dutyTime: '夜班',
hospitalName: '武警总队医院',
hospitalLevel: '二级乙等',
equipmentType: '检测设备',
simultaneousPatients: 48,
specializedIn: '烧伤',
medicalStaff: 4,
bedCount: 19,
ambulanceCount: 5,
hospitalLocation: '金汉绿港家园一区9号楼京汉生牛生产厂...',
phone: '13489273919',
remarks: '备注六六',
},
]);
// 表格列配置
const columns = [
{
title: '编号',
dataIndex: 'number',
key: 'number',
width: 80,
title: '医院名称',
dataIndex: 'hospitalName',
key: 'hospitalName',
width: 120,
},
{
title: '单位名称',
dataIndex: 'unitName',
key: 'unitName',
width: 200,
title: '医院级别',
dataIndex: 'hospitalLevel',
key: 'hospitalLevel',
width: 100,
},
{
title: '姓名',
dataIndex: 'name',
key: 'name',
title: '医疗设备',
dataIndex: 'equipmentType',
key: 'equipmentType',
width: 100,
},
{
title: '职务',
dataIndex: 'position',
key: 'position',
width: 120,
title: '同时接待伤员数',
dataIndex: 'simultaneousPatients',
key: 'simultaneousPatients',
width: 150,
},
{
title: '擅长处理症状',
dataIndex: 'specializedIn',
key: 'specializedIn',
width: 150,
},
{
title: '手机号',
dataIndex: 'mobile',
key: 'mobile',
width: 130,
title: '医护人员数量',
dataIndex: 'medicalStaff',
key: 'medicalStaff',
width: 150,
},
{
title: '邮箱',
dataIndex: 'email',
key: 'email',
title: '医院床位数量',
dataIndex: 'bedCount',
key: 'bedCount',
width: 150,
},
{
title: '救护车数量',
dataIndex: 'ambulanceCount',
key: 'ambulanceCount',
width: 150,
},
{
title: '医院位置',
dataIndex: 'hospitalLocation',
key: 'hospitalLocation',
width: 180,
},
{
title: '值班时间',
dataIndex: 'dutyTime',
key: 'dutyTime',
title: '值班电话',
dataIndex: 'phone',
key: 'phone',
width: 100,
},
{
title: '备注',
dataIndex: 'remarks',
key: 'remarks',
width: 80,
},
{
title: '操作',
key: 'action',
width: 120,
width: 100,
render: (text, record) => (
<div className={styles.actionButtons}>
<Button
@ -191,14 +239,14 @@ const Zbhy = () => {
// 编辑处理
const handleEdit = (record) => {
message.info(`编辑 ${record.name} 的信息`);
message.info(`编辑 ${record.hospitalName} 的信息`);
};
// 删除处理
const handleDelete = (record) => {
Modal.confirm({
title: '确认删除',
content: `确定要删除 ${record.name} 吗？`,
content: `确定要删除 ${record.hospitalName} 吗？`,
onOk() {
setDataSource(dataSource.filter(item => item.key !== record.key));
message.success('删除成功');
@ -212,28 +260,28 @@ const Zbhy = () => {
};
return (
<div className={styles.container}>
<div className={styles.containerYJXFD}>
{/* 页面标题 */}
<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="请选择单位名称"
value={searchValue}
onChange={setSearchValue}
style={{width: 180, height: 30, borderRadius: 2}}
<Input
placeholder="请输入医院名称"
style={{width: 180}}
className={styles.customInput}
allowClear
>
<Option value="文登市兴文新材料有限公司">文登市兴文新材料有限公司</Option>
<Option value="合湾新材科技有限公司">合湾新材科技有限公司</Option>
<Option value="山东万图高分子材料股份有限公司">山东万图高分子材料股份有限公司</Option>
<Option value="合鸿新材科技有限公司">合鸿新材科技有限公司</Option>
</Select>
/>
<Input
placeholder="请输入擅长处理症状"
style={{width: 180}}
className={styles.customInput}
allowClear
/>
<Button
type="primary"
icon={<SearchOutlined />}
@ -253,14 +301,6 @@ const Zbhy = () => {
>
新增
</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>

29
src/pages/business_emergencyResource/components/secondary_menu/zbhy.less
Unescape Escape View File

@ -1,4 +1,4 @@
.container {
.containerYJXFD {
padding: 20px;
background: #fff;
height:100vh;
@ -46,6 +46,33 @@
}
}
// 自定义 Select 样式
.customSelect {
:global {
.ant-select-selector {
height: 30px !important;
border-radius: 2px !important;
display: flex !important;
align-items: center !important;
}
.ant-select-selection-search-input {
height: 30px !important;
}
.ant-select-selection-item,
.ant-select-selection-placeholder {
line-height: 30px !important;
}
}
}
// 自定义 Input 样式
.customInput {
height: 30px !important;
border-radius: 2px !important;
}
// 自定义按钮样式
.customButton {
background-color: #2E4CD4 !important;

Write Preview
Loading…
Cancel
Save