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.
61 lines
2.1 KiB
61 lines
2.1 KiB
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
|