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;