import React, { Component } from 'react';

import { ScrollBoard } from '@jiaminghi/data-view-react'


import './Form1.less'

let config = {
    headerBGC: 'rgba(4, 36, 68,0.5)',
    header: ['<span style="color:rgba(255, 255,255,1)">设备名称 <span/>', '<span style="color:rgba(255, 255, 255,1)">运行时间 <span/>'],
    index: true,
    align: ['center'],
    oddRowBGC: "#042444",
    evenRowBGC: "#042c4c",
    indexHeader: '<span style="color:rgba(255, 255, 255,1)">序号 <span/>',
    rowNum: 5,
    columnWidth: [300, 350, 300],
    headerHeight: 35,
    rowNum:7,
    data: [
        ['#1空压', '2039'],
        ['#2空压', '23212'],
        ['#3空压', '2532'],
        ['#4空压', '1252'],
        ['#5空压', '1231'],
        ['#6空压', '1231'],
        ['#7空压', '3532'],
        ['#8空压', '3567'],
        ['#9空压', '3054'],
        ['#10空压', '3564'],
    ]
}

// function (STR) {

//     if (STR) {
//         return ` <span style="color:rgba(201, 196, 191,0.5)">${STR}<span/>`
//     }

// }




class Form extends Component {



    render() {
        return (
            <>
                <div className='ButtonForm1itemDetailBorder'>
                    <span className='RightFormitemDetailBorderLine1'></span>
                    <span className='RightFormitemDetailBorderLine2'></span>
                    <ScrollBoard config={config} style={{ width: '100%', height: '95%' }} />
                </div>
            </>
        );
    }
}

export default Form;