import React from 'react'
import { Carousel } from 'antd'
import AutoRollComponent from '../build/AutoRollComponent'
import Module from '../../public/module'
import LeftItem from './LeftItem'
import './style.less'
const Guanli = () => {
    const datas = new Array(35)
    const itemlist = [1,2,3]
    const renderContent = () => {
        datas.fill({
            chepaihao:'苏LD1112121',
            caoxian:'30%',
            chufa:'200元',
            riqi:'2022年5月4日'
        },1,35)
        console.log(datas,'数组')
        return <div style={{height:"100%"}}>
          {datas?.map(({ chepaihao, caoxian, chufa,riqi }, index) => {
            return <div key={index} className='guanli-right-item'>
                <span>{chepaihao}</span>
                <span>{caoxian}</span>
                <span>{chufa}</span>
                <span>{riqi}</span>
            </div>
          })}
        </div>
      }
      renderContent()
    return (
        <div className='guanli'>
        <div className='guanli-left'> 
        <Module style={{height:"100%"}} title="检测点治超处理占比" customize={true}>
            {itemlist.map((item,index)=>
            <LeftItem key={index}></LeftItem>
           )}    
        </Module>  
        </div>
        <div className='guanli-right'>
        <Module style={{height:"100%"}} title="治超详情" customize={true}>
            <div className = "guanli-right-top">
                <img src="/assets/images/quanju/zhicaolog.png"></img>
                <span>已处理</span>
                <span>187</span>
                <span>件</span>
            </div>
            <div className='guanli-right-title'>
                <span>车牌号</span>
                <span>超限</span>
                <span>处罚</span>
                <span>日期</span>
            </div>
            <AutoRollComponent content={renderContent()}
            containerStyle={{ position: "relative", height: "90%", }}
            divHeight={"100%"} divId={"chart-overview-deviceList"} />
        </Module>
        </div>
        </div>
    )
}
export default Guanli