mt-fe-group/xuchang-new
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update table style

Browse Source
This commit is contained in:
lb 2023-12-19 16:36:53 +08:00
parent 94a713a803
commit 373f990517
2 changed files with 39 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/Common/TodayGood/components/TodayTableData/index.jsx
View File

@ -8,20 +8,35 @@ function getRate(decimal) {
} }
const TodayTableData = (props) => { const TodayTableData = (props) => {
const cutting = useSelector((state) => state.cutting); // const cutting = useSelector((state) => state.cutting);
let cutting = {
table: [
{
lineName: "Y61",
first: 0.37,
second: 0.03,
product: 0.99,
waste: 0.01,
},
],
chart: {},
};
const config = { const config = {
// headerBGC: 'rgba(4, 44, 76, 0.3)', // headerBGC: 'rgba(4, 44, 76, 0.3)',
headerBGC: "rgba(4, 44, 76, .8)", // headerBGC: "rgba(4, 44, 76, .8)",
headerBGC: "#044A8460",
header: [ header: [
'<span style="color:#fff">产线<span/>', '<span style="color:#fff; padding-left: 12px;">产线<span/>',
'<span style="color:#fff">一等率<span/>', '<span style="color:#fff; padding-left: 12px;">一等率<span/>',
'<span style="color:#fff">二等率<span/>', '<span style="color:#fff; padding-left: 12px;">二等率<span/>',
'<span style="color:#fff">成品率<span/>', '<span style="color:#fff; padding-left: 12px;">成品率<span/>',
'<span style="color:#fff">废品率<span/>', '<span style="color:#fff; padding-left: 12px;">废品率<span/>',
], ],
oddRowBGC: "#042444", // oddRowBGC: "#042444",
evenRowBGC: "#042c4c", // evenRowBGC: "#042c4c",
oddRowBGC: "#044A8460",
evenRowBGC: "#0b549970",
columnWidth: [90], columnWidth: [90],
headerHeight: 40, headerHeight: 40,
hoverPause: false, hoverPause: false,
@ -42,7 +57,7 @@ const TodayTableData = (props) => {
}; };
return ( return (
<div className={cls.todayTableData}> <div className={cls.todayTableData}>
<ScrollBoard config={config} style={{ width: "100%" }} /> <ScrollBoard className={cls.paddingCeil} config={config} style={{ width: "100%", color: '#fffc' }} />
</div> </div>
); );
}; };

14
src/index.css
View File

@ -125,3 +125,17 @@ body {
.xc-chart-tooltip * { .xc-chart-tooltip * {
color: #fff !important; color: #fff !important;
} }
/* 重写 数据表格ceil样式 */
.dv-scroll-board .rows .ceil {
color: #fffc;
padding-left: 20px !important;
}
.dv-scroll-board .rows .ceil:not(:first-child) {
border-left: 1px solid #0004;
}
.dv-scroll-board .header .header-item:not(:first-child) {
border-left: 1px solid #0004;
}