xuchang-screen/src/components/BottomBar/Form/Form1.jsx
2023-06-30 11:08:43 +08:00

63 lines
1.5 KiB
JavaScript

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;