import React, { Component } from 'react'
import { Avatar, Card, Col, Row, Tooltip } from 'antd'

const data = [
    {
        title: '市区雷公巷地块项目选择评估机构及上传相关材料(软件开发人员)',
        avatar: 'https://tb1.bdstatic.com/tb/steam.jpeg',
    },
    {
        title: '宁海县山河岭6号地块备案(胡靖)',
        avatar:
            'https://gss0.bdstatic.com/6LZ1dD3d1sgCo2Kml5_Y_D3/sys/portrait/item/tb.1.ac342cde.2vNGrtpPcIUN6lJpSnty3g?t=1615176031',
    },
    { title: '宁海县盛宁线力洋至胡陈段公路工程田交朱村 地块备案(胡靖)' },
    {
        title: '慈溪市慈溪市危旧房改造一期（西门小区A1区块）项目备案(陆承)',
        avatar:
            'https://gss0.bdstatic.com/6LZ1dD3d1sgCo2Kml5_Y_D3/sys/portrait/item/tb.1.54e2faca.uBtqRshdnVUXL9XFfQMTwg?t=1604074726',
    },
    { title: '江北区孔浦成片危旧住宅区改造项目（六号区块）备案(成薇)' },
    { title: '镇海区宁镇路改扩建工程（庄市段）备案(董力)' },
    { title: '鄞州区茶桃公路（同谷路—金峨路延伸段）项目备案(软件开发人员)' },
    { title: '鄞州区咸祥大嵩湖工程备案(软件开发人员)' },
    { title: '江北区三官堂大桥及接线工程项目备案(成薇)' },
]

export default class list extends Component {
    render() {
        return (
            <Card bordered={false} title="待办" extra={<a>更多</a>}>
                {
                    data.map((item, i) => {
                        return (
                            <Card.Grid key={i}>
                                <Card.Meta
                                    title={
                                        <Tooltip placement="top" title={item.title}>
                                            {item.title}
                                        </Tooltip>
                                    }
                                    description={
                                        <Row align="middle">
                                            {
                                                item.avatar &&
                                                <Col flex="32px">
                                                    <Avatar size={24} src={item.avatar} shape="square" />
                                                </Col>
                                            }
                                            <Col flex="auto">
                                                <Row justify="space-between" type="flex">
                                                    <Col>软件开发人员</Col>
                                                    <Col>2020-01-01</Col>
                                                </Row>
                                            </Col>
                                        </Row>
                                    }
                                />
                            </Card.Grid>
                        )
                    })
                }
            </Card>
        )
    }
}
