Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
T
Tia-dev
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Dida Adams Arizona
Tia-dev
Commits
60724db5
Commit
60724db5
authored
Feb 23, 2021
by
rifkaki
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
MR TP, historical
parent
22cad9d6
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
119 additions
and
304 deletions
+119
-304
TaxPlanningMR.js
src/container/MonthlyReport/TaxPlanningMR.js
+15
-9
SummaryOfTriputra.js
src/container/SummaryTriputra/SummaryOfTriputra.js
+12
-6
TableSummaryTriputra.js
src/container/SummaryTriputra/TableSummaryTriputra.js
+92
-289
No files found.
src/container/MonthlyReport/TaxPlanningMR.js
View file @
60724db5
...
...
@@ -116,6 +116,7 @@ export default class TaxPlanningMR extends Component {
}
api
.
create
().
getAllSettingByType
(
body
).
then
(
response
=>
{
console
.
log
(
response
)
if
(
response
.
data
)
{
if
(
response
.
data
.
status
===
'success'
)
{
this
.
setState
({
...
...
@@ -468,12 +469,13 @@ export default class TaxPlanningMR extends Component {
})
}
handleValidate
()
{
handleValidate
(
dataTable2
)
{
let
data
=
[]
let
errorContrl
=
this
.
state
.
buttonError
let
editAble
=
this
.
state
.
editAble
// console.log(this.state.dataTable)
this
.
state
.
dataTable
.
map
(
i
=>
{
console
.
log
(
this
.
state
.
dataTable
)
console
.
log
(
dataTable2
)
dataTable2
.
map
(
i
=>
{
data
.
push
({
item_report_id
:
i
[
4
],
trial_balance_commercial
:
String
(
Number
(
i
[
9
].
tbc
).
toFixed
(
1
)),
...
...
@@ -484,7 +486,11 @@ export default class TaxPlanningMR extends Component {
})
if
(
String
(
i
[
8
])
==
"Control (should be nil)"
)
{
if
(
i
[
9
].
tbf
<
this
.
state
.
minValue
||
i
[
9
].
tbf
>
this
.
state
.
maxValue
)
{
this
.
setState
({
loading
:
true
})
console
.
log
(
i
[
9
].
tbf
)
console
.
log
(
this
.
state
.
minValue
)
console
.
log
(
this
.
state
.
maxValue
)
if
(
Number
(
i
[
9
].
tbf
)
<
Number
(
this
.
state
.
minValue
)
||
Number
(
i
[
9
].
tbf
)
>
Number
(
this
.
state
.
maxValue
))
{
errorContrl
=
true
editAble
=
true
}
else
{
...
...
@@ -494,7 +500,7 @@ export default class TaxPlanningMR extends Component {
}
})
// this.setState({ loading: false, buttonError: errorContrl, editable: editAble, saveDraft: false })
console
.
log
(
errorContrl
)
let
i
=
this
.
state
.
dataTable
let
payload
=
{
"monthly_report_id"
:
this
.
props
.
monthlyReportId
,
...
...
@@ -780,7 +786,6 @@ export default class TaxPlanningMR extends Component {
}
const
handleChange
=
(
value
,
tableMeta
,
indexChilds
)
=>
{
console
.
log
(
dataTable2
)
let
val
=
String
(
value
).
split
(
","
).
join
(
""
)
// let data = this.state.dataTable2
let
indexParent
=
dataTable2
.
findIndex
((
val
)
=>
val
[
4
]
===
dataTable2
[
tableMeta
.
rowIndex
][
5
])
...
...
@@ -802,6 +807,7 @@ export default class TaxPlanningMR extends Component {
dataTable2
[
tableMeta
.
rowIndex
][
tableMeta
.
columnIndex
].
tbf
=
Number
(
val
)
}
}
console
.
log
(
dataTable2
)
}
const
handleTotal
=
(
value
,
tableMeta
,
dex
)
=>
{
// console.log(tableMeta)
...
...
@@ -1556,13 +1562,13 @@ export default class TaxPlanningMR extends Component {
<
div
style
=
{{
marginTop
:
20
,
width
:
this
.
props
.
width
-
(
this
.
props
.
open
===
true
?
400
:
150
)
}}
>
{
this
.
state
.
loading
&&
loadingComponent
}
{
!
this
.
state
.
loading
&&
<
MuiThemeProvider
theme
=
{
getMuiTheme
()}
>
<
MuiThemeProvider
theme
=
{
getMuiTheme
()}
>
<
MUIDataTable
data
=
{
dataTable2
}
columns
=
{
columns
}
options
=
{
options
}
/
>
<
/MuiThemeProvider>
}
<
/MuiThemeProvider
>
{
/* )} */
}
<
/div
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
,
marginTop
:
20
,
marginLeft
:
20
}}
>
Last
Updated
by
:
{
this
.
state
.
updateBy
}
<
/Typography
>
...
...
@@ -1630,7 +1636,7 @@ export default class TaxPlanningMR extends Component {
this
.
setState
({
loading
:
true
,
buttonDraft
:
false
},
()
=>
{
setTimeout
(()
=>
{
// this.setState({ loading: false, buttonError: false, editable: true })
this
.
handleValidate
()
this
.
handleValidate
(
dataTable2
)
},
100
);
})
}
...
...
src/container/SummaryTriputra/SummaryOfTriputra.js
View file @
60724db5
...
...
@@ -619,7 +619,8 @@ export default class SummaryOfTriputra extends Component {
item
.
revenue_last_three_year
,
item
.
revenue_last_two_year
,
item
.
revenue_last_year
,
item
.
revenue
,
// item.revenue,
0
,
item
.
ebitda_last_ten_year
,
item
.
ebitda_last_nine_year
,
item
.
ebitda_last_eight_year
,
...
...
@@ -630,7 +631,8 @@ export default class SummaryOfTriputra extends Component {
item
.
ebitda_last_three_year
,
item
.
ebitda_last_two_year
,
item
.
ebitda_last_year
,
item
.
ebitda
,
// item.ebitda,
0
,
item
.
tpat_last_ten_year
,
item
.
tpat_last_nine_year
,
item
.
tpat_last_eight_year
,
...
...
@@ -641,7 +643,8 @@ export default class SummaryOfTriputra extends Component {
item
.
tpat_last_three_year
,
item
.
tpat_last_two_year
,
item
.
tpat_last_year
,
item
.
tpat
,
// item.tpat,
0
,
item
.
npat_last_ten_year
,
item
.
npat_last_nine_year
,
item
.
npat_last_eight_year
,
...
...
@@ -652,7 +655,8 @@ export default class SummaryOfTriputra extends Component {
item
.
npat_last_three_year
,
item
.
npat_last_two_year
,
item
.
npat_last_year
,
item
.
npat
,
// item.npat,
0
,
item
.
total_asset_last_ten_year
,
item
.
total_asset_last_nine_year
,
item
.
total_asset_last_eight_year
,
...
...
@@ -663,7 +667,8 @@ export default class SummaryOfTriputra extends Component {
item
.
total_asset_last_three_year
,
item
.
total_asset_last_two_year
,
item
.
total_asset_last_year
,
item
.
total_asset
,
// item.total_asset,
0
,
item
.
total_equity_last_ten_year
,
item
.
total_equity_last_nine_year
,
item
.
total_equity_last_eight_year
,
...
...
@@ -674,7 +679,8 @@ export default class SummaryOfTriputra extends Component {
item
.
total_equity_last_three_year
,
item
.
total_equity_last_two_year
,
item
.
total_equity_last_year
,
item
.
total_equity
,
// item.total_equity,
0
,
item
.
order
,
])
}
...
...
src/container/SummaryTriputra/TableSummaryTriputra.js
View file @
60724db5
...
...
@@ -1106,6 +1106,7 @@ export default class TableSummaryTriputra extends Component {
),
setCellProps
:
()
=>
({
style2
}),
customBodyRender
:
(
val
,
tableMeta
,
updateValue
)
=>
{
console
.
log
(
tableMeta
)
return
(
<
div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'space-between'
}}
>
...
...
@@ -1117,7 +1118,7 @@ export default class TableSummaryTriputra extends Component {
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
color
:
tableMeta
.
rowData
[
2
]
===
2
&&
tableMeta
.
rowData
[
45
]
===
'true'
?
'black'
:
tableMeta
.
rowData
[
2
]
===
2
?
'#5198ea'
:
'black'
,
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
style
=
{{
color
:
tableMeta
.
rowData
[
45
]
===
undefined
?
tableMeta
.
rowData
[
45
]
===
true
:
(
tableMeta
.
rowData
[
2
]
===
2
&&
tableMeta
.
rowData
[
45
]
===
'true'
)
||
(
tableMeta
.
rowData
[
2
]
===
3
&&
tableMeta
.
rowData
[
45
]
===
'true'
)
?
'black'
:
tableMeta
.
rowData
[
2
]
===
2
||
tableMeta
.
rowData
[
2
]
===
3
?
'#5198ea'
:
'black'
,
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
disabled
=
{
true
}
...
...
@@ -2253,6 +2254,12 @@ export default class TableSummaryTriputra extends Component {
display
:
false
}
},
{
name
:
""
,
options
:
{
display
:
false
}
},
]
const
columnHistorical
=
[
...
...
@@ -2304,8 +2311,8 @@ export default class TableSummaryTriputra extends Component {
customHeadRender
:
(
columnMeta
)
=>
(
<
th
style
=
{{
...
style2
,
top
:
0
,
backgroundColor
:
'#1c71b8'
,
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-
3
x"
style
=
{{
...
style2
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1 grid grid-
4
x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"grid grid-
2
x"
style
=
{{
...
style2
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1 grid grid-
5
x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
10
}
<
/span
>
<
/div
>
...
...
@@ -2318,35 +2325,26 @@ export default class TableSummaryTriputra extends Component {
<
div
className
=
"column-4"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
7
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
"column-2 grid grid-4x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-5"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
6
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
/div
>
<
div
className
=
"column-2 grid grid-5x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
5
}
<
/span
>
<
/div
>
<
div
className
=
"column-
3
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-
2
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
4
}
<
/span
>
<
/div
>
<
div
className
=
"column-
4
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-
3
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
3
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
"column-3 grid grid-3x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-4"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
2
}
<
/span
>
<
/div
>
<
div
className
=
"column-
2
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-
5
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
1
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
}
<
/span
>
<
/div
>
{
/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2021"}</span>
</div> */
}
<
/div
>
<
/div
>
<
/th
>
...
...
@@ -2429,10 +2427,8 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/div
>
{
/* </div> */
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
}}
>
{
/* <div className="col-1"> */
}
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
...
...
@@ -2449,6 +2445,8 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/div
>
{
/* </div> */
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
}}
>
{
/* <div className="col-2"> */
}
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
...
...
@@ -2503,10 +2501,8 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/div
>
{
/* </div> */
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
,
textAlign
:
'center'
}}
>
{
/* <div className="col-1"> */
}
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
...
...
@@ -2541,29 +2537,6 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/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
[
14
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
{
/* </div> */
}
{
/* <div className="col-4">
<div style={{ textAlign: 'center', width: 90 }}>
{val.d}
</div>
</div> */
}
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -2636,8 +2609,8 @@ export default class TableSummaryTriputra extends Component {
customHeadRender
:
(
columnMeta
)
=>
(
<
th
style
=
{{
...
style2
,
top
:
0
,
backgroundColor
:
'#1c71b8'
,
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-
3
x"
style
=
{{
...
style2
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1 grid grid-
4
x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"grid grid-
2
x"
style
=
{{
...
style2
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1 grid grid-
5
x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
10
}
<
/span
>
<
/div
>
...
...
@@ -2650,35 +2623,26 @@ export default class TableSummaryTriputra extends Component {
<
div
className
=
"column-4"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
7
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
"column-2 grid grid-4x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-5"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
6
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
/div
>
<
div
className
=
"column-2 grid grid-5x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
5
}
<
/span
>
<
/div
>
<
div
className
=
"column-
3
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-
2
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
4
}
<
/span
>
<
/div
>
<
div
className
=
"column-
4
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-
3
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
3
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
"column-3 grid grid-3x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-4"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
2
}
<
/span
>
<
/div
>
<
div
className
=
"column-
2
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-
5
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
1
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
}
<
/span
>
<
/div
>
{
/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2021"}</span>
</div> */
}
<
/div
>
<
/div
>
<
/th
>
...
...
@@ -2761,10 +2725,8 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/div
>
{
/* </div> */
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
}}
>
{
/* <div className="col-1"> */
}
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
...
...
@@ -2781,6 +2743,8 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/div
>
{
/* </div> */
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
}}
>
{
/* <div className="col-2"> */
}
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
...
...
@@ -2835,10 +2799,8 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/div
>
{
/* </div> */
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
,
textAlign
:
'center'
}}
>
{
/* <div className="col-1"> */
}
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
...
...
@@ -2873,29 +2835,6 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/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
[
25
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
{
/* </div> */
}
{
/* <div className="col-4">
<div style={{ textAlign: 'center', width: 90 }}>
{val.d}
</div>
</div> */
}
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -2968,8 +2907,8 @@ export default class TableSummaryTriputra extends Component {
customHeadRender
:
(
columnMeta
)
=>
(
<
th
style
=
{{
...
style2
,
top
:
0
,
backgroundColor
:
'#1c71b8'
,
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-
3
x"
style
=
{{
...
style2
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1 grid grid-
4
x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"grid grid-
2
x"
style
=
{{
...
style2
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1 grid grid-
5
x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
10
}
<
/span
>
<
/div
>
...
...
@@ -2982,35 +2921,26 @@ export default class TableSummaryTriputra extends Component {
<
div
className
=
"column-4"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
7
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
"column-2 grid grid-4x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-5"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
6
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
/div
>
<
div
className
=
"column-2 grid grid-5x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
5
}
<
/span
>
<
/div
>
<
div
className
=
"column-
3
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-
2
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
4
}
<
/span
>
<
/div
>
<
div
className
=
"column-
4
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-
3
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
3
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
"column-3 grid grid-3x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-4"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
2
}
<
/span
>
<
/div
>
<
div
className
=
"column-
2
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-
5
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
1
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
}
<
/span
>
<
/div
>
{
/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2021"}</span>
</div> */
}
<
/div
>
<
/div
>
<
/th
>
...
...
@@ -3093,10 +3023,8 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/div
>
{
/* </div> */
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
}}
>
{
/* <div className="col-1"> */
}
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
...
...
@@ -3113,6 +3041,8 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/div
>
{
/* </div> */
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
}}
>
{
/* <div className="col-2"> */
}
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
...
...
@@ -3167,10 +3097,8 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/div
>
{
/* </div> */
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
,
textAlign
:
'center'
}}
>
{
/* <div className="col-1"> */
}
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
...
...
@@ -3205,29 +3133,6 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/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
[
36
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
{
/* </div> */
}
{
/* <div className="col-4">
<div style={{ textAlign: 'center', width: 90 }}>
{val.d}
</div>
</div> */
}
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -3300,8 +3205,8 @@ export default class TableSummaryTriputra extends Component {
customHeadRender
:
(
columnMeta
)
=>
(
<
th
style
=
{{
...
style2
,
top
:
0
,
backgroundColor
:
'#1c71b8'
,
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-
3
x"
style
=
{{
...
style2
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1 grid grid-
4
x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"grid grid-
2
x"
style
=
{{
...
style2
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1 grid grid-
5
x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
10
}
<
/span
>
<
/div
>
...
...
@@ -3314,35 +3219,26 @@ export default class TableSummaryTriputra extends Component {
<
div
className
=
"column-4"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
7
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
"column-2 grid grid-4x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-5"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
6
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
/div
>
<
div
className
=
"column-2 grid grid-5x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
5
}
<
/span
>
<
/div
>
<
div
className
=
"column-
3
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-
2
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
4
}
<
/span
>
<
/div
>
<
div
className
=
"column-
4
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-
3
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
3
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
"column-3 grid grid-3x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-4"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
2
}
<
/span
>
<
/div
>
<
div
className
=
"column-
2
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-
5
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
1
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
}
<
/span
>
<
/div
>
{
/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2021"}</span>
</div> */
}
<
/div
>
<
/div
>
<
/th
>
...
...
@@ -3425,10 +3321,8 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/div
>
{
/* </div> */
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
}}
>
{
/* <div className="col-1"> */
}
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
...
...
@@ -3445,6 +3339,8 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/div
>
{
/* </div> */
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
}}
>
{
/* <div className="col-2"> */
}
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
...
...
@@ -3499,10 +3395,8 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/div
>
{
/* </div> */
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
,
textAlign
:
'center'
}}
>
{
/* <div className="col-1"> */
}
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
...
...
@@ -3537,29 +3431,6 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/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
[
47
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
{
/* </div> */
}
{
/* <div className="col-4">
<div style={{ textAlign: 'center', width: 90 }}>
{val.d}
</div>
</div> */
}
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -3632,8 +3503,8 @@ export default class TableSummaryTriputra extends Component {
customHeadRender
:
(
columnMeta
)
=>
(
<
th
style
=
{{
...
style2
,
top
:
0
,
backgroundColor
:
'#1c71b8'
,
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-
3
x"
style
=
{{
...
style2
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1 grid grid-
4
x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"grid grid-
2
x"
style
=
{{
...
style2
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1 grid grid-
5
x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
10
}
<
/span
>
<
/div
>
...
...
@@ -3646,35 +3517,26 @@ export default class TableSummaryTriputra extends Component {
<
div
className
=
"column-4"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
7
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
"column-2 grid grid-4x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-5"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
6
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
/div
>
<
div
className
=
"column-2 grid grid-5x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
5
}
<
/span
>
<
/div
>
<
div
className
=
"column-
3
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-
2
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
4
}
<
/span
>
<
/div
>
<
div
className
=
"column-
4
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-
3
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
3
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
"column-3 grid grid-3x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-4"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
2
}
<
/span
>
<
/div
>
<
div
className
=
"column-
2
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-
5
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
1
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
}
<
/span
>
<
/div
>
{
/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2021"}</span>
</div> */
}
<
/div
>
<
/div
>
<
/th
>
...
...
@@ -3757,10 +3619,8 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/div
>
{
/* </div> */
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
}}
>
{
/* <div className="col-1"> */
}
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
...
...
@@ -3777,6 +3637,8 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/div
>
{
/* </div> */
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
}}
>
{
/* <div className="col-2"> */
}
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
...
...
@@ -3831,10 +3693,8 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/div
>
{
/* </div> */
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
,
textAlign
:
'center'
}}
>
{
/* <div className="col-1"> */
}
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
...
...
@@ -3869,29 +3729,6 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/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
[
58
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
{
/* </div> */
}
{
/* <div className="col-4">
<div style={{ textAlign: 'center', width: 90 }}>
{val.d}
</div>
</div> */
}
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -3964,8 +3801,8 @@ export default class TableSummaryTriputra extends Component {
customHeadRender
:
(
columnMeta
)
=>
(
<
th
style
=
{{
...
style2
,
top
:
0
,
backgroundColor
:
'#1c71b8'
,
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-
3
x"
style
=
{{
...
style2
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1 grid grid-
4
x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"grid grid-
2
x"
style
=
{{
...
style2
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1 grid grid-
5
x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
10
}
<
/span
>
<
/div
>
...
...
@@ -3978,35 +3815,26 @@ export default class TableSummaryTriputra extends Component {
<
div
className
=
"column-4"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
7
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
"column-2 grid grid-4x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-5"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
6
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
/div
>
<
div
className
=
"column-2 grid grid-5x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
5
}
<
/span
>
<
/div
>
<
div
className
=
"column-
3
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-
2
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
4
}
<
/span
>
<
/div
>
<
div
className
=
"column-
4
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-
3
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
3
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
"column-3 grid grid-3x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-4"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
2
}
<
/span
>
<
/div
>
<
div
className
=
"column-
2
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
div
className
=
"column-
5
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
-
1
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
}}
>
<
span
>
{
Number
(
this
.
props
.
periode
)
}
<
/span
>
<
/div
>
{
/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2021"}</span>
</div> */
}
<
/div
>
<
/div
>
<
/th
>
...
...
@@ -4089,10 +3917,8 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/div
>
{
/* </div> */
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
}}
>
{
/* <div className="col-1"> */
}
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
...
...
@@ -4109,6 +3935,8 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/div
>
{
/* </div> */
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
}}
>
{
/* <div className="col-2"> */
}
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
...
...
@@ -4163,10 +3991,8 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/div
>
{
/* </div> */
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
,
textAlign
:
'center'
}}
>
{
/* <div className="col-1"> */
}
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
...
...
@@ -4201,29 +4027,6 @@ export default class TableSummaryTriputra extends Component {
/
>
<
/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
[
69
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
{
/* </div> */
}
{
/* <div className="col-4">
<div style={{ textAlign: 'center', width: 90 }}>
{val.d}
</div>
</div> */
}
<
/div
>
<
/div
>
<
/div
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment