import React, { useEffect, useState } from 'react'
import TableCard from './public/table-card';
import CarouselList from './public/carousel-list';

function AlarmList(props) {
    const { cardHeight } = props;
    const renderBody = () => {
        return <CarouselList
            header={['任务名称', '采集时间', '耗时', '异常日志']}
            data={[['任务名称', '采集时间', '耗时', '异常日志'], ['任务名称', '采集时间', '耗时', '异常日志'], ['任务名称', '采集时间', '耗时', '异常日志'], ['任务名称', '采集时间', '耗时', '异常日志'], ['任务名称', '采集时间', '耗时', '异常日志'], ['任务名称', '采集时间', '耗时', '异常日志'], ['任务名称', '采集时间', '耗时', '异常日志'], ['任务名称', '采集时间', '耗时', '异常日志']]}
            rowNum={6}
            height={cardHeight - 42 - 13}
            multiellipsis
        // columnWidth={[200, 170, 120, 120]}
        />
    }

    return <TableCard
        renderBody={renderBody()}
        height={'100%'}
        title={"预警列表"}
        bodyPaddingTop={1} />
}

export default AlarmList;