Skip to content

T
Tia-dev
Commit ef8400b0 authored by Riri Novita's avatar Riri Novita
Browse files
Options

Merge branch 'riri' into 'master' 

cpsm

See merge request !1135
parents 92723262 2cbf39a3
Show whitespace changes
Inline Side-by-side
Showing with 639 additions and 122 deletions
src/container/SummaryTriputra/TableSummaryTriputra.js
View file @ ef8400b0
...@@ -23,14 +23,6 @@ const style2 = { ...@@ -23,14 +23,6 @@ const style2 = {
export default class TableSummaryTriputra extends Component { export default class TableSummaryTriputra extends Component {
render() { render() {
let datas = [
["ABCD", { a: "1", b: "2", c: "3", d: "4", e: "5", f: "6" }, { a: "1", b: "2", c: "3", d: "4", e: "5", f: "6" }, { a: "1", b: "2", c: "3", d: "4", e: "5", f: "6" }, { a: "1", b: "2", c: "3", d: "4", e: "5", f: "6" }, { a: "1", b: "2", c: "3" }, { a: "1", b: "2", c: "3" }, { a: "1", b: "2", c: "3" }, { a: "1", b: "2", c: "3" }, { a: "1", b: "2", c: "3" }, { a: "1", b: "2", c: "3" }, { a: "1", b: "2", c: "3" } ],
["Total Assets", { a: "7", b: "8", c: "9", d: "10", e: "11", f: "12" }, { a: "7", b: "8", c: "9", d: "10", e: "11", f: "12" }, { a: "7", b: "8", c: "9", d: "10", e: "11", f: "12" }, { a: "7", b: "8", c: "9", d: "10", e: "11", f: "12" }, { a: "6", b: "7", c: "8" }, { a: "6", b: "7", c: "8" }, { a: "6", b: "7", c: "8" }, { a: "6", b: "7", c: "8" }, { a: "6", b: "7", c: "8" }, { a: "6", b: "7", c: "8" }, { a: "6", b: "7", c: "8" }]
]
let datasHistorical = [
["ABCD", { a: "2", b: "3", c: "4", d: "5", e: "6", f: "1", g: "3", h: "4", i: "5", j: "6", k: "6" }, { a: "2", b: "3", c: "4", d: "5", e: "6" }, { a: "3", b: "3", c: "4", d: "5", e: "6" }, { a: "4", b: "3", c: "4", d: "5", e: "6" }, { a: "5", b: "3", c: "4", d: "5", e: "6" }, { a: "6", b: "3", c: "4", d: "5", e: "6" }],
["Total Assets", { a: "6", b: "7", c: "8", d: "9", e: "10", f: "1", g: "3", h: "4", i: "5", j: "6", k: "6" }, { a: "6", b: "7", c: "8", d: "9", e: "10" }, { a: "6", b: "7", c: "8", d: "9", e: "10" }, { a: "6", b: "3", c: "4", d: "5", e: "6" }, { a: "6", b: "3", c: "4", d: "5", e: "6" }, { a: "6", b: "3", c: "4", d: "5", e: "6" }]
]
let dataTable2 = this.props.dataTable let dataTable2 = this.props.dataTable
const columnMTD = [ const columnMTD = [
...@@ -169,7 +161,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -169,7 +161,7 @@ export default class TableSummaryTriputra extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
value={Number(tableMeta.rowData[4]).toFixed(1)} value={Number(tableMeta.rowData[4]).toFixed(2)}
/> />
} }
/> />
...@@ -187,7 +179,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -187,7 +179,7 @@ export default class TableSummaryTriputra extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
value={Number(tableMeta.rowData[5]).toFixed(1)} value={Number(tableMeta.rowData[5]).toFixed(2)}
/> />
} }
/> />
...@@ -229,7 +221,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -229,7 +221,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[7]).toFixed(1)} value={Number(tableMeta.rowData[7]).toFixed(2)}
/> />
} }
/> />
...@@ -248,7 +240,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -248,7 +240,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[8]).toFixed(1)} value={Number(tableMeta.rowData[8]).toFixed(2)}
/> />
} }
/> />
...@@ -290,7 +282,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -290,7 +282,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[10]).toFixed(1)} value={Number(tableMeta.rowData[10]).toFixed(2)}
/> />
} }
/> />
...@@ -309,7 +301,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -309,7 +301,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[11]).toFixed(1)} value={Number(tableMeta.rowData[11]).toFixed(2)}
/> />
} }
/> />
...@@ -351,7 +343,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -351,7 +343,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[13]).toFixed(1)} value={Number(tableMeta.rowData[13]).toFixed(2)}
/> />
} }
/> />
...@@ -370,7 +362,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -370,7 +362,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[14]).toFixed(1)} value={Number(tableMeta.rowData[14]).toFixed(2)}
/> />
} }
/> />
...@@ -585,7 +577,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -585,7 +577,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[16]).toFixed(1)} value={Number(tableMeta.rowData[16]).toFixed(2)}
/> />
} }
/> />
...@@ -602,7 +594,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -602,7 +594,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[17]).toFixed(1)} value={Number(tableMeta.rowData[17]).toFixed(2)}
/> />
} }
/> />
...@@ -619,7 +611,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -619,7 +611,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[18]).toFixed(1)} value={Number(tableMeta.rowData[18]).toFixed(2)}
/> />
} }
/> />
...@@ -636,7 +628,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -636,7 +628,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[19]).toFixed(1)} value={Number(tableMeta.rowData[19]).toFixed(2)}
/> />
} }
/> />
...@@ -655,7 +647,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -655,7 +647,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[20]).toFixed(1)} value={Number(tableMeta.rowData[20]).toFixed(2)}
/> />
} }
/> />
...@@ -672,7 +664,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -672,7 +664,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[21]).toFixed(1)} value={Number(tableMeta.rowData[21]).toFixed(2)}
/> />
} }
/> />
...@@ -689,7 +681,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -689,7 +681,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[22]).toFixed(1)} value={Number(tableMeta.rowData[22]).toFixed(2)}
/> />
} }
/> />
...@@ -706,7 +698,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -706,7 +698,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[24]).toFixed(1)} value={Number(tableMeta.rowData[24]).toFixed(2)}
/> />
} }
/> />
...@@ -725,7 +717,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -725,7 +717,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[24]).toFixed(1)} value={Number(tableMeta.rowData[24]).toFixed(2)}
/> />
} }
/> />
...@@ -744,7 +736,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -744,7 +736,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[25]).toFixed(1)} value={Number(tableMeta.rowData[25]).toFixed(2)}
/> />
} }
/> />
...@@ -761,7 +753,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -761,7 +753,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[26]).toFixed(1)} value={Number(tableMeta.rowData[26]).toFixed(2)}
/> />
} }
/> />
...@@ -778,7 +770,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -778,7 +770,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[27]).toFixed(1)} value={Number(tableMeta.rowData[27]).toFixed(2)}
/> />
} }
/> />
...@@ -795,7 +787,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -795,7 +787,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[28]).toFixed(1)} value={Number(tableMeta.rowData[28]).toFixed(2)}
/> />
} }
/> />
...@@ -814,7 +806,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -814,7 +806,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[29]).toFixed(1)} value={Number(tableMeta.rowData[29]).toFixed(2)}
/> />
} }
/> />
...@@ -831,7 +823,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -831,7 +823,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[30]).toFixed(1)} value={Number(tableMeta.rowData[30]).toFixed(2)}
/> />
} }
/> />
...@@ -848,7 +840,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -848,7 +840,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[31]).toFixed(1)} value={Number(tableMeta.rowData[31]).toFixed(2)}
/> />
} }
/> />
...@@ -865,7 +857,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -865,7 +857,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[32]).toFixed(1)} value={Number(tableMeta.rowData[32]).toFixed(2)}
/> />
} }
/> />
...@@ -882,7 +874,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -882,7 +874,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[33]).toFixed(1)} value={Number(tableMeta.rowData[33]).toFixed(2)}
/> />
} }
/> />
...@@ -899,7 +891,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -899,7 +891,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[34]).toFixed(1)} value={Number(tableMeta.rowData[34]).toFixed(2)}
/> />
} }
/> />
...@@ -916,7 +908,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -916,7 +908,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[35]).toFixed(1)} value={Number(tableMeta.rowData[35]).toFixed(2)}
/> />
} }
/> />
...@@ -933,7 +925,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -933,7 +925,7 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
decimalScale={1} decimalScale={1}
disabled={true} disabled={true}
value={Number(tableMeta.rowData[36]).toFixed(1)} value={Number(tableMeta.rowData[36]).toFixed(2)}
/> />
} }
/> />
...@@ -4495,7 +4487,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -4495,7 +4487,8 @@ export default class TableSummaryTriputra extends Component {
placeholder="" placeholder=""
disabled={true} disabled={true}
suffix={'%'} suffix={'%'}
value={tableMeta.rowData[7]} // value={tableMeta.rowData[7]}
value={Number(tableMeta.rowData[7]).toFixed(2)}
/> />
} }
/> />
...@@ -4577,7 +4570,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -4577,7 +4570,7 @@ export default class TableSummaryTriputra extends Component {
name: `EBITDA`, name: `EBITDA`,
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<th style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} > <th style={{ ...style2, backgroundColor: '#1c71b8', top: 0, color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
<div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div> <div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div>
<div className="grid grid-2x" style={{ ...style2, backgroundColor: '#37b5e6', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}> <div className="grid grid-2x" style={{ ...style2, backgroundColor: '#37b5e6', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-1 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
...@@ -4630,30 +4623,97 @@ export default class TableSummaryTriputra extends Component { ...@@ -4630,30 +4623,97 @@ export default class TableSummaryTriputra extends Component {
</div> </div>
</div> </div>
<div className="col-2"> <div className="col-2">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ flex: 1 }}>
{val.b} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[11]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-3"> <div className="col-3">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ flex: 1 }}>
{val.c} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[12]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
</div> </div>
<div className="grid grid-3x content-center"> <div className="grid grid-3x content-center">
<div className="col-1"> <div className="col-1">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ flex: 1 }}>
{val.d} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
suffix={'%'}
// value={tableMeta.rowData[13]}
value={Number(tableMeta.rowData[13]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-2"> <div className="col-2">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ flex: 1 }}>
{val.e} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[14]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-3"> <div className="col-3">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ flex: 1 }}>
{val.f} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[15]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
</div> </div>
...@@ -4696,7 +4756,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -4696,7 +4756,7 @@ export default class TableSummaryTriputra extends Component {
name: `TPAT`, name: `TPAT`,
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<th style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} > <th style={{ ...style2, backgroundColor: '#1c71b8', top: 0 , color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
<div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div> <div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div>
<div className="grid grid-2x" style={{ ...style2, backgroundColor: '#37b5e6', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}> <div className="grid grid-2x" style={{ ...style2, backgroundColor: '#37b5e6', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-1 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
...@@ -4731,35 +4791,115 @@ export default class TableSummaryTriputra extends Component { ...@@ -4731,35 +4791,115 @@ export default class TableSummaryTriputra extends Component {
<div className="grid grid-2x content-center"> <div className="grid grid-2x content-center">
<div className="grid grid-3x content-center"> <div className="grid grid-3x content-center">
<div className="col-1"> <div className="col-1">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ flex: 1 }}>
{val.a} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[16]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-2"> <div className="col-2">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ flex: 1 }}>
{val.b} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[17]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-3"> <div className="col-3">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ flex: 1 }}>
{val.c} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[18]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
</div> </div>
<div className="grid grid-3x content-center"> <div className="grid grid-3x content-center">
<div className="col-1"> <div className="col-1">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ flex: 1 }}>
{val.d} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
suffix={'%'}
// value={tableMeta.rowData[19]}
value={Number(tableMeta.rowData[19]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-2"> <div className="col-2">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ flex: 1 }}>
{val.e} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[20]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-3"> <div className="col-3">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ flex: 1 }}>
{val.f} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[21]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
</div> </div>
...@@ -4837,35 +4977,115 @@ export default class TableSummaryTriputra extends Component { ...@@ -4837,35 +4977,115 @@ export default class TableSummaryTriputra extends Component {
<div className="grid grid-2x content-center"> <div className="grid grid-2x content-center">
<div className="grid grid-3x content-center"> <div className="grid grid-3x content-center">
<div className="col-1"> <div className="col-1">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ flex: 1 }}>
{val.a} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[22]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-2"> <div className="col-2">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ flex: 1 }}>
{val.b} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[23]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-3"> <div className="col-3">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ flex: 1 }}>
{val.c} <FormControlLabel
</div> style={{ margin: 0 }}
</div> value={val}
</div> control={
<div className="grid grid-3x content-center"> <NumberFormat
<div className="col-1"> thousandSeparator={true}
<div style={{ textAlign: 'center', width: 90 }}> style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
{val.d} type="text"
</div> placeholder=""
disabled={true}
value={Number(tableMeta.rowData[24]).toFixed(2)}
/>
}
/>
</div>
</div>
</div>
<div className="grid grid-3x content-center">
<div className="col-1">
<div style={{ flex: 1 }}>
<FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
suffix={'%'}
disabled={true}
// value={tableMeta.rowData[25]}
value={Number(tableMeta.rowData[25]).toFixed(2)}
/>
}
/>
</div>
</div> </div>
<div className="col-2"> <div className="col-2">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ flex: 1 }}>
{val.e} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[26]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-3"> <div className="col-3">
<div style={{ textAlign: 'center', width: 90 }}> <div style={{ flex: 1 }}>
{val.f} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[27]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
</div> </div>
...@@ -4929,18 +5149,57 @@ export default class TableSummaryTriputra extends Component { ...@@ -4929,18 +5149,57 @@ export default class TableSummaryTriputra extends Component {
<div> <div>
<div className="grid grid-3x content-center"> <div className="grid grid-3x content-center">
<div className="col-1"> <div className="col-1">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.a} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[28]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-2"> <div className="col-2">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.b} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[29]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-3"> <div className="col-3">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.c} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[30]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
</div> </div>
...@@ -4988,18 +5247,57 @@ export default class TableSummaryTriputra extends Component { ...@@ -4988,18 +5247,57 @@ export default class TableSummaryTriputra extends Component {
<div> <div>
<div className="grid grid-3x content-center"> <div className="grid grid-3x content-center">
<div className="col-1"> <div className="col-1">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.a} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[31]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-2"> <div className="col-2">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.b} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[32]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-3"> <div className="col-3">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.c} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[33]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
</div> </div>
...@@ -5047,18 +5345,57 @@ export default class TableSummaryTriputra extends Component { ...@@ -5047,18 +5345,57 @@ export default class TableSummaryTriputra extends Component {
<div> <div>
<div className="grid grid-3x content-center"> <div className="grid grid-3x content-center">
<div className="col-1"> <div className="col-1">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.a} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[34]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-2"> <div className="col-2">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.b} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[35]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-3"> <div className="col-3">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.c} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[36]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
</div> </div>
...@@ -5106,18 +5443,63 @@ export default class TableSummaryTriputra extends Component { ...@@ -5106,18 +5443,63 @@ export default class TableSummaryTriputra extends Component {
<div> <div>
<div className="grid grid-3x content-center"> <div className="grid grid-3x content-center">
<div className="col-1"> <div className="col-1">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.a} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
suffix={'%'}
// value={tableMeta.rowData[37]}
value={Number(tableMeta.rowData[37]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-2"> <div className="col-2">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.b} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
suffix={'%'}
disabled={true}
// value={tableMeta.rowData[38]}
value={Number(tableMeta.rowData[38]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-3"> <div className="col-3">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.c} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
suffix={'%'}
placeholder=""
disabled={true}
// value={tableMeta.rowData[39]}
value={Number(tableMeta.rowData[39]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
</div> </div>
...@@ -5165,18 +5547,63 @@ export default class TableSummaryTriputra extends Component { ...@@ -5165,18 +5547,63 @@ export default class TableSummaryTriputra extends Component {
<div> <div>
<div className="grid grid-3x content-center"> <div className="grid grid-3x content-center">
<div className="col-1"> <div className="col-1">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.a} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
suffix={'%'}
disabled={true}
// value={tableMeta.rowData[40]}
value={Number(tableMeta.rowData[40]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-2"> <div className="col-2">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.b} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
suffix={'%'}
disabled={true}
// value={tableMeta.rowData[41]}
value={Number(tableMeta.rowData[41]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-3"> <div className="col-3">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.c} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
suffix={'%'}
disabled={true}
// value={tableMeta.rowData[42]}
value={Number(tableMeta.rowData[42]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
</div> </div>
...@@ -5224,18 +5651,63 @@ export default class TableSummaryTriputra extends Component { ...@@ -5224,18 +5651,63 @@ export default class TableSummaryTriputra extends Component {
<div> <div>
<div className="grid grid-3x content-center"> <div className="grid grid-3x content-center">
<div className="col-1"> <div className="col-1">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.a} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
suffix={'%'}
disabled={true}
// value={tableMeta.rowData[43]}
value={Number(tableMeta.rowData[43]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-2"> <div className="col-2">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.b} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
suffix={'%'}
disabled={true}
// value={tableMeta.rowData[44]}
value={Number(tableMeta.rowData[44]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-3"> <div className="col-3">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.c} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
suffix={'%'}
disabled={true}
// value={tableMeta.rowData[45]}
value={Number(tableMeta.rowData[45]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
</div> </div>
...@@ -5283,18 +5755,63 @@ export default class TableSummaryTriputra extends Component { ...@@ -5283,18 +5755,63 @@ export default class TableSummaryTriputra extends Component {
<div> <div>
<div className="grid grid-3x content-center"> <div className="grid grid-3x content-center">
<div className="col-1"> <div className="col-1">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.a} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
suffix={'%'}
disabled={true}
// value={tableMeta.rowData[46]}
value={Number(tableMeta.rowData[46]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-2"> <div className="col-2">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.b} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
suffix={'%'}
disabled={true}
// value={tableMeta.rowData[47]}
value={Number(tableMeta.rowData[47]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
<div className="col-3"> <div className="col-3">
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ flex: 1 }}>
{val.c} <FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
suffix={'%'}
disabled={true}
// value={tableMeta.rowData[48]}
value={Number(tableMeta.rowData[48]).toFixed(2)}
/>
}
/>
</div> </div>
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment