65 lines
2.7 KiB
JavaScript
65 lines
2.7 KiB
JavaScript
import React, { useEffect, useState } from 'react';
|
|
import { Descriptions } from 'antd';
|
|
import moment from "moment"
|
|
import {CloseOutlined} from '@ant-design/icons';
|
|
import genDamImage from '../../../../components/DamGraph/DamImage';
|
|
import './TangYanBa.less'
|
|
|
|
|
|
function DianXingZaiHaiShiJian({ id, data, dispatch }) {
|
|
|
|
|
|
const closePop = () => {
|
|
dispatch.runtime.closeFeaturePop(id);
|
|
};
|
|
console.log(data,'-----dxzhsj');
|
|
const width = 780;
|
|
|
|
return (
|
|
<>
|
|
<div className="dp-popup" style={{ position: 'absolute', top: '10px', left: 0, width, lineHeight: 1, background:'#ffffff' ,transform: 'translateX(-50%)' }}>
|
|
<div className="dp-popup-tip" style={{marginTop:'-10px',borderBottomColor:'#f7f7f7'}}></div>
|
|
<div className="dp-popup-content">
|
|
<div className="content-body tyb" id='tyb'>
|
|
<div className="title">
|
|
<div className="name flex flexac">
|
|
<div className='nameBorder'></div>
|
|
{data.address}
|
|
</div>
|
|
<div className="extra">
|
|
<CloseOutlined onClick={closePop} style={{color:"#333"}}/>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="body">
|
|
<Descriptions size="small" column={2} >
|
|
<Descriptions.Item label="灾害发生时间" >{data.otime}</Descriptions.Item>
|
|
<Descriptions.Item label="灾害发生地点" >{data.address}</Descriptions.Item>
|
|
<Descriptions.Item label="过程降雨量(mm)" >{data.pfrain}</Descriptions.Item>
|
|
<Descriptions.Item label="死亡人数(人)" >{data.dpcount}</Descriptions.Item>
|
|
<Descriptions.Item label="失踪人数(人)" >{data.mpcount}</Descriptions.Item>
|
|
<Descriptions.Item label="损毁房屋(间)" >{data.chcount}</Descriptions.Item>
|
|
<Descriptions.Item label="转移人数(人)" >{data.spcount}</Descriptions.Item>
|
|
<Descriptions.Item label="直接经济损失(万元)" >{data.elose}</Descriptions.Item>
|
|
<Descriptions.Item label="灾害描述" span={3}>{data.ddscrib}</Descriptions.Item>
|
|
<Descriptions.Item label="图片资料" span={3}>{data.files.filter((item)=> item.fileType===1).map((item=>{
|
|
return <><img src={''}/>{item.id}</>
|
|
}))}</Descriptions.Item>
|
|
<Descriptions.Item label="影像资料" span={3}>{data.files.filter((item)=> item.fileType===2).map((item=>{
|
|
return <a src={''}>{item.id}</a>
|
|
}))}</Descriptions.Item>
|
|
|
|
</Descriptions>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div className="boxfoot"></div>
|
|
</div>
|
|
</div>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default React.memo(DianXingZaiHaiShiJian);
|