You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.7 KiB
41 lines
1.7 KiB
import React from 'react'
|
|
import { Box } from '$components';
|
|
|
|
function BasicInfo() {
|
|
|
|
return <Box title={"警情数据分析"} subtitle={true} >
|
|
<div className='alarm_data_analysis'>
|
|
<div className='_item_left'>
|
|
<div className='_img' >65<span style={{ fontSize: 12 }}>%</span></div>
|
|
<div className='_text'>真警占比率</div>
|
|
</div>
|
|
<div className='_item_right'>
|
|
<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>
|
|
</div>
|
|
</Box>
|
|
}
|
|
|
|
export default BasicInfo;
|
|
|
|
|
|
|