|
|
@ -1,38 +1,30 @@ |
|
|
import React from 'react' |
|
|
import React from 'react' |
|
|
import { Box } from '$components'; |
|
|
import { Box, AutoRollComponent, NoData } from '$components'; |
|
|
|
|
|
|
|
|
function BasicInfo() { |
|
|
function BasicInfo(props) { |
|
|
|
|
|
const { emergencyList } = props; |
|
|
|
|
|
|
|
|
return <Box title={"警情数据分析"} subtitle={true} > |
|
|
const getContent = () => { |
|
|
<div className='alarm_data_analysis'> |
|
|
return <div className='xfjy_data'> |
|
|
<div className='_item_left'> |
|
|
{emergencyList.xfjy?.map(item => <div className='xfjy_item'> |
|
|
<div className='_img' >65<span style={{ fontSize: 12 }}>%</span></div> |
|
|
<div className='_text'> |
|
|
<div className='_text'>真警占比率</div> |
|
|
<div className='_row1'> |
|
|
</div> |
|
|
<span>救援队伍</span> |
|
|
<div className='_item_right'> |
|
|
<span>负责人及电话</span> |
|
|
<div className='flex-row flex-item-center'> |
|
|
|
|
|
<div className='_iconphone' /> |
|
|
|
|
|
<div className='right_item_right'> |
|
|
|
|
|
<div className='alarm_title'>电话联系数量</div> |
|
|
|
|
|
<div><span className='alarm_number'>479</span><span className='alarm_unit'>个</span></div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div className='flex-row flex-item-center'> |
|
|
|
|
|
<div className='_iconreal' /> |
|
|
|
|
|
<div className='right_item_right'> |
|
|
|
|
|
<div className='alarm_title'>真警数量</div> |
|
|
|
|
|
<div><span className='alarm_number'>273</span><span className='alarm_unit'>个</span></div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div className='flex-row flex-item-center'> |
|
|
|
|
|
<div className='_iconmistake' /> |
|
|
|
|
|
<div className='right_item_right'> |
|
|
|
|
|
<div className='alarm_title'>误报数量</div> |
|
|
|
|
|
<div><span className='alarm_number'>276</span><span className='alarm_unit'>个</span></div> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div className='_row2'> |
|
|
|
|
|
<span>{item.teamName}</span> |
|
|
|
|
|
<span>{item.leaderContactPhone}</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
</div>)} |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
} |
|
|
|
|
|
return <Box title={"消防救援队伍"}> |
|
|
|
|
|
{emergencyList?.xfjy?.length |
|
|
|
|
|
? <AutoRollComponent canScroll={true} content={getContent()} divHeight={250} divId={`fire-left-top`} /> |
|
|
|
|
|
: <NoData height={250} /> |
|
|
|
|
|
} |
|
|
</Box> |
|
|
</Box> |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
