import {Col, Row} from "antd";
import './hiddenDangerInspection.less'
import MyCard, {PieChart} from "@/pages/hrefficiency_hiddentrouble/component/MyCard";
const dataList=[
    {
        title:'隐患总数',
        num:'169',
        data:'12',
        flag:1,
        grow:1,
        backgroundColor:'#E5EEFE',
        color:'#1269FF',
    },
    {
        title:'已整改隐患',
        num:'169',
        data:'12',
        flag:1,
        grow:1,
        backgroundColor:'#D9F8E8',
        color:'#1DCE74',
    },
    {
        title:'整改中隐患',
        num:'169',
        data:'8',
        flag:2,
        grow:0,
        backgroundColor:'#FFF3E9',
        color:'orange',
    },
    {
        title:'超期未整改',
        num:'169',
        data:'2',
        flag:3,
        grow:0,
        backgroundColor:'#FFE6E8',
        color:'#FF3E48',
    }
]


const HiddenDangerInspection=()=>{
    return(
        < >
            <header style={{overflow: 'hidden',marginBottom:'10px'}}>
                <Row gutter={10}>
                    {dataList.map((item) => {
                        return <Col span={6}><MyCard {...item}> </MyCard></Col>
                    })}
                </Row>
            </header>
            <section style={{overflow: 'hidden',}}>
                <Row >
                    <Col span={8}>
                        <PieChart></PieChart>
                    </Col>
                    <Col span={14}></Col>
                </Row>
            </section>


        </>
    )
}
export default HiddenDangerInspection
