Skip to content

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

cpsm

parent c76483de
Hide whitespace changes
Inline Side-by-side
Showing with 639 additions and 122 deletions
src/container/SummaryTriputra/TableSummaryTriputra.js
View file @ 8a0ab049
......@@ -23,14 +23,6 @@ const style2 = {
export default class TableSummaryTriputra extends Component {
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
const columnMTD = [
......@@ -169,7 +161,7 @@ export default class TableSummaryTriputra extends Component {
type="text"
placeholder=""
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 {
type="text"
placeholder=""
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
decimalScale={1}
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 {
placeholder=""
disabled={true}
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 {
name: `EBITDA`,
options: {
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 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' }}>
......@@ -4630,30 +4623,97 @@ export default class TableSummaryTriputra extends Component {
</div>
</div>
<div className="col-2">
<div style={{ textAlign: 'center', width: 90 }}>
{val.b}
<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=""
disabled={true}
value={Number(tableMeta.rowData[11]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-3">
<div style={{ textAlign: 'center', width: 90 }}>
{val.c}
<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=""
disabled={true}
value={Number(tableMeta.rowData[12]).toFixed(2)}
/>
}
/>
</div>
</div>
</div>
<div className="grid grid-3x content-center">
<div className="col-1">
<div style={{ textAlign: 'center', width: 90 }}>
{val.d}
<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=""
disabled={true}
suffix={'%'}
// value={tableMeta.rowData[13]}
value={Number(tableMeta.rowData[13]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-2">
<div style={{ textAlign: 'center', width: 90 }}>
{val.e}
<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=""
disabled={true}
value={Number(tableMeta.rowData[14]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-3">
<div style={{ textAlign: 'center', width: 90 }}>
{val.f}
<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=""
disabled={true}
value={Number(tableMeta.rowData[15]).toFixed(2)}
/>
}
/>
</div>
</div>
</div>
......@@ -4696,7 +4756,7 @@ export default class TableSummaryTriputra extends Component {
name: `TPAT`,
options: {
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 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' }}>
......@@ -4731,35 +4791,115 @@ export default class TableSummaryTriputra extends Component {
<div className="grid grid-2x content-center">
<div className="grid grid-3x content-center">
<div className="col-1">
<div style={{ textAlign: 'center', width: 90 }}>
{val.a}
<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=""
disabled={true}
value={Number(tableMeta.rowData[16]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-2">
<div style={{ textAlign: 'center', width: 90 }}>
{val.b}
<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=""
disabled={true}
value={Number(tableMeta.rowData[17]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-3">
<div style={{ textAlign: 'center', width: 90 }}>
{val.c}
<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=""
disabled={true}
value={Number(tableMeta.rowData[18]).toFixed(2)}
/>
}
/>
</div>
</div>
</div>
<div className="grid grid-3x content-center">
<div className="col-1">
<div style={{ textAlign: 'center', width: 90 }}>
{val.d}
<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=""
disabled={true}
suffix={'%'}
// value={tableMeta.rowData[19]}
value={Number(tableMeta.rowData[19]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-2">
<div style={{ textAlign: 'center', width: 90 }}>
{val.e}
<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=""
disabled={true}
value={Number(tableMeta.rowData[20]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-3">
<div style={{ textAlign: 'center', width: 90 }}>
{val.f}
<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=""
disabled={true}
value={Number(tableMeta.rowData[21]).toFixed(2)}
/>
}
/>
</div>
</div>
</div>
......@@ -4837,35 +4977,115 @@ export default class TableSummaryTriputra extends Component {
<div className="grid grid-2x content-center">
<div className="grid grid-3x content-center">
<div className="col-1">
<div style={{ textAlign: 'center', width: 90 }}>
{val.a}
<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=""
disabled={true}
value={Number(tableMeta.rowData[22]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-2">
<div style={{ textAlign: 'center', width: 90 }}>
{val.b}
<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=""
disabled={true}
value={Number(tableMeta.rowData[23]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-3">
<div style={{ textAlign: 'center', width: 90 }}>
{val.c}
<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=""
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={{ textAlign: 'center', width: 90 }}>
{val.d}
</div>
</div>
<div className="col-2">
<div style={{ textAlign: 'center', width: 90 }}>
{val.e}
</div>
</div>
<div className="col-3">
<div style={{ textAlign: 'center', width: 90 }}>
{val.f}
<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 className="col-2">
<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=""
disabled={true}
value={Number(tableMeta.rowData[26]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-3">
<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=""
disabled={true}
value={Number(tableMeta.rowData[27]).toFixed(2)}
/>
}
/>
</div>
</div>
</div>
......@@ -4929,18 +5149,57 @@ export default class TableSummaryTriputra extends Component {
<div>
<div className="grid grid-3x content-center">
<div className="col-1">
<div style={{ textAlign: 'right', width: 90 }}>
{val.a}
<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=""
disabled={true}
value={Number(tableMeta.rowData[28]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-2">
<div style={{ textAlign: 'right', width: 90 }}>
{val.b}
<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=""
disabled={true}
value={Number(tableMeta.rowData[29]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-3">
<div style={{ textAlign: 'right', width: 90 }}>
{val.c}
<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=""
disabled={true}
value={Number(tableMeta.rowData[30]).toFixed(2)}
/>
}
/>
</div>
</div>
</div>
......@@ -4988,18 +5247,57 @@ export default class TableSummaryTriputra extends Component {
<div>
<div className="grid grid-3x content-center">
<div className="col-1">
<div style={{ textAlign: 'right', width: 90 }}>
{val.a}
<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=""
disabled={true}
value={Number(tableMeta.rowData[31]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-2">
<div style={{ textAlign: 'right', width: 90 }}>
{val.b}
<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=""
disabled={true}
value={Number(tableMeta.rowData[32]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-3">
<div style={{ textAlign: 'right', width: 90 }}>
{val.c}
<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=""
disabled={true}
value={Number(tableMeta.rowData[33]).toFixed(2)}
/>
}
/>
</div>
</div>
</div>
......@@ -5047,18 +5345,57 @@ export default class TableSummaryTriputra extends Component {
<div>
<div className="grid grid-3x content-center">
<div className="col-1">
<div style={{ textAlign: 'right', width: 90 }}>
{val.a}
<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=""
disabled={true}
value={Number(tableMeta.rowData[34]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-2">
<div style={{ textAlign: 'right', width: 90 }}>
{val.b}
<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=""
disabled={true}
value={Number(tableMeta.rowData[35]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-3">
<div style={{ textAlign: 'right', width: 90 }}>
{val.c}
<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=""
disabled={true}
value={Number(tableMeta.rowData[36]).toFixed(2)}
/>
}
/>
</div>
</div>
</div>
......@@ -5106,18 +5443,63 @@ export default class TableSummaryTriputra extends Component {
<div>
<div className="grid grid-3x content-center">
<div className="col-1">
<div style={{ textAlign: 'right', width: 90 }}>
{val.a}
<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=""
disabled={true}
suffix={'%'}
// value={tableMeta.rowData[37]}
value={Number(tableMeta.rowData[37]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-2">
<div style={{ textAlign: 'right', width: 90 }}>
{val.b}
<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[38]}
value={Number(tableMeta.rowData[38]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-3">
<div style={{ textAlign: 'right', width: 90 }}>
{val.c}
<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"
suffix={'%'}
placeholder=""
disabled={true}
// value={tableMeta.rowData[39]}
value={Number(tableMeta.rowData[39]).toFixed(2)}
/>
}
/>
</div>
</div>
</div>
......@@ -5165,18 +5547,63 @@ export default class TableSummaryTriputra extends Component {
<div>
<div className="grid grid-3x content-center">
<div className="col-1">
<div style={{ textAlign: 'right', width: 90 }}>
{val.a}
<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[40]}
value={Number(tableMeta.rowData[40]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-2">
<div style={{ textAlign: 'right', width: 90 }}>
{val.b}
<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[41]}
value={Number(tableMeta.rowData[41]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-3">
<div style={{ textAlign: 'right', width: 90 }}>
{val.c}
<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[42]}
value={Number(tableMeta.rowData[42]).toFixed(2)}
/>
}
/>
</div>
</div>
</div>
......@@ -5224,18 +5651,63 @@ export default class TableSummaryTriputra extends Component {
<div>
<div className="grid grid-3x content-center">
<div className="col-1">
<div style={{ textAlign: 'right', width: 90 }}>
{val.a}
<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[43]}
value={Number(tableMeta.rowData[43]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-2">
<div style={{ textAlign: 'right', width: 90 }}>
{val.b}
<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[44]}
value={Number(tableMeta.rowData[44]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-3">
<div style={{ textAlign: 'right', width: 90 }}>
{val.c}
<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[45]}
value={Number(tableMeta.rowData[45]).toFixed(2)}
/>
}
/>
</div>
</div>
</div>
......@@ -5283,18 +5755,63 @@ export default class TableSummaryTriputra extends Component {
<div>
<div className="grid grid-3x content-center">
<div className="col-1">
<div style={{ textAlign: 'right', width: 90 }}>
{val.a}
<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[46]}
value={Number(tableMeta.rowData[46]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-2">
<div style={{ textAlign: 'right', width: 90 }}>
{val.b}
<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[47]}
value={Number(tableMeta.rowData[47]).toFixed(2)}
/>
}
/>
</div>
</div>
<div className="col-3">
<div style={{ textAlign: 'right', width: 90 }}>
{val.c}
<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[48]}
value={Number(tableMeta.rowData[48]).toFixed(2)}
/>
}
/>
</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