mt-fe-group/xuchang-screen
9
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update 生产良品率

Browse Source
This commit is contained in:
lb
2023-07-01 13:50:13 +08:00
parent 45c3edcd48
commit c233d83eee
8 changed files with 115 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
src/components/CenterTopData/RightTable/index.jsx
View File

@@ -1,59 +1,65 @@
import React, { Component } from 'react';
import './righttable.module.less'
import './righttable.module.less';
import { ScrollBoard } from '@jiaminghi/data-view-react'
import { ScrollBoard } from '@jiaminghi/data-view-react';
let data = [
['产线0', '10mm', '10mm', '10mm'],
['产线2', '8mm', '8mm', '8mm'],
['产线3', '15mm', '15mm', '15mm'],
['产线4', '15mm', '15mm', '15mm'],
]
['产线0', '10mm', '10mm', '10mm'],
['产线2', '8mm', '8mm', '8mm'],
['产线3', '15mm', '15mm', '15mm'],
['产线4', '15mm', '15mm', '15mm'],
];
let header = ['产线名', '原板宽度', '净板宽', '玻璃厚度']
let header = ['产线名', '原板宽度', '净板宽', '玻璃厚度'];
let config = {
headerBGC: 'rgba(4, 44, 76, 0.3)',
header: ['<span style="color:#fff">产线名<span/>', '<span style="color:#fff">原板宽度<span/>', '<span style="color:#fff">净板宽<span/>', '<span style="color:#fff">玻璃厚度<span/>'],
oddRowBGC: "#042444",
evenRowBGC: "#042c4c",
columnWidth: [90],
headerHeight: 40,
hoverPause: false,
data: replaceStyle(data, 0.7)
}
headerBGC: 'rgba(4, 44, 76, 0.3)',
header: [
'<span style="color:#fff">产线名<span/>',
'<span style="color:#fff">原板宽度<span/>',
'<span style="color:#fff">净板宽<span/>',
'<span style="color:#fff">玻璃厚度<span/>',
],
oddRowBGC: '#042444',
evenRowBGC: '#042c4c',
columnWidth: [90],
headerHeight: 40,
hoverPause: false,
data: replaceStyle(data, 0.7),
};
function replaceStyle(Arr, opencity) {
let temp = [];
let temp = [];
for (let i = 0; i < Arr.length; i++) {
temp[i] = [];
for (let j = 0; j < Arr[i].length; j++) {
temp[i][j] = ` <span style="color:rgba(255, 255, 255,${opencity})">${Arr[i][j]}<span/>`
}
}
for (let i = 0; i < Arr.length; i++) {
temp[i] = [];
for (let j = 0; j < Arr[i].length; j++) {
temp[i][
j
] = ` <span style="color:rgba(255, 255, 255,${opencity})">${Arr[i][j]}<span/>`;
}
}
return temp;
return temp;
}
class Chart1 extends Component {
render() {
return (
<div className='CenterChart1itemDetailBorder'>
<h2 className='CenterChart1itemTXT'> 当前产线生产规格</h2>
<div className='CenterChart1itemContainer'>
<span className='CenterFormitemDetailBorderLine1'></span>
<span className='CenterFormitemDetailBorderLine2'></span>
<span className='CenterFormitemDetailBorderLine3'></span>
<ScrollBoard config={config} style={{ width: '105%', height: '240%' }} />
</div>
</div >
);
}
render() {
return (
<div className="CenterChart1itemDetailBorder">
<h2 className="CenterChart1itemTXT"> 当前产线生产规格</h2>
<div className="CenterChart1itemContainer">
<span className="CenterFormitemDetailBorderLine1"></span>
<span className="CenterFormitemDetailBorderLine2"></span>
<span className="CenterFormitemDetailBorderLine3"></span>
<ScrollBoard
config={config}
style={{ width: '105%', height: '240%' }}
/>
</div>
</div>
);
}
}
export default Chart1;