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
f9ca39fb
Commit
f9ca39fb
authored
Dec 04, 2020
by
Riri Novita
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'master' of
http://103.44.149.204/d.arizona/tia-dev
into riri
parents
0e6848c6
f19e40c0
Changes
4
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
838 additions
and
343 deletions
+838
-343
MonthlyReport.js
src/container/MonthlyReport.js
+40
-4
CashFlowMR.js
src/container/MonthlyReport/CashFlowMR.js
+322
-0
FixedAssetsMovementMR.js
src/container/MonthlyReport/FixedAssetsMovementMR.js
+384
-265
TaxPlanningMR.js
src/container/MonthlyReport/TaxPlanningMR.js
+92
-74
No files found.
src/container/MonthlyReport.js
View file @
f9ca39fb
...
@@ -18,6 +18,7 @@ import MuiAlert from '@material-ui/lab/Alert';
...
@@ -18,6 +18,7 @@ import MuiAlert from '@material-ui/lab/Alert';
import
Constant
from
'../library/Constant'
;
import
Constant
from
'../library/Constant'
;
import
OperatingIndicatorMR
from
'./MonthlyReport/OperatingIndicatorMR'
;
import
OperatingIndicatorMR
from
'./MonthlyReport/OperatingIndicatorMR'
;
import
CorporateAnnualTargetMR
from
'./MonthlyReport/CorporateAnnualTargetMR'
;
import
CorporateAnnualTargetMR
from
'./MonthlyReport/CorporateAnnualTargetMR'
;
import
CashFlowMR
from
'./MonthlyReport/CashFlowMR'
;
var
ct
=
require
(
"../library/CustomTable"
);
var
ct
=
require
(
"../library/CustomTable"
);
const
getMuiTheme
=
()
=>
createMuiTheme
(
ct
.
customTable
());
const
getMuiTheme
=
()
=>
createMuiTheme
(
ct
.
customTable
());
...
@@ -45,6 +46,7 @@ export default class MonthlyReport extends Component {
...
@@ -45,6 +46,7 @@ export default class MonthlyReport extends Component {
visibleFAM
:
false
,
visibleFAM
:
false
,
visibleCAT
:
false
,
visibleCAT
:
false
,
visibleOI
:
false
,
visibleOI
:
false
,
visibleCF
:
false
,
listAttachment
:
[],
listAttachment
:
[],
visibleUpload
:
false
,
visibleUpload
:
false
,
lastRevision
:
0
,
lastRevision
:
0
,
...
@@ -471,7 +473,7 @@ export default class MonthlyReport extends Component {
...
@@ -471,7 +473,7 @@ export default class MonthlyReport extends Component {
})
})
}
}
saveToMonthlyReport
(){
saveToMonthlyReport
()
{
this
.
setState
({
this
.
setState
({
visibleMonthlyReport
:
true
,
visibleMonthlyReport
:
true
,
visibleBS
:
false
,
visibleBS
:
false
,
...
@@ -481,7 +483,7 @@ export default class MonthlyReport extends Component {
...
@@ -481,7 +483,7 @@ export default class MonthlyReport extends Component {
visibleTP
:
false
,
visibleTP
:
false
,
visibleLOCF
:
false
,
visibleLOCF
:
false
,
visibleOI
:
false
,
visibleOI
:
false
,
},
()
=>
{
},
()
=>
{
this
.
getMonthlyReportID
()
this
.
getMonthlyReportID
()
})
})
}
}
...
@@ -503,6 +505,7 @@ export default class MonthlyReport extends Component {
...
@@ -503,6 +505,7 @@ export default class MonthlyReport extends Component {
visibleTP
:
false
,
visibleTP
:
false
,
visibleLOCF
:
false
,
visibleLOCF
:
false
,
visibleOI
:
false
,
visibleOI
:
false
,
visibleCF
:
false
,
})
})
}
else
if
(
item
===
'Profit Loss'
)
{
}
else
if
(
item
===
'Profit Loss'
)
{
this
.
setState
({
this
.
setState
({
...
@@ -514,6 +517,7 @@ export default class MonthlyReport extends Component {
...
@@ -514,6 +517,7 @@ export default class MonthlyReport extends Component {
visibleTP
:
false
,
visibleTP
:
false
,
visibleLOCF
:
false
,
visibleLOCF
:
false
,
visibleOI
:
false
,
visibleOI
:
false
,
visibleCF
:
false
,
})
})
}
else
if
(
item
===
'Tax Planning'
)
{
}
else
if
(
item
===
'Tax Planning'
)
{
this
.
setState
({
this
.
setState
({
...
@@ -525,6 +529,7 @@ export default class MonthlyReport extends Component {
...
@@ -525,6 +529,7 @@ export default class MonthlyReport extends Component {
visibleTP
:
true
,
visibleTP
:
true
,
visibleLOCF
:
false
,
visibleLOCF
:
false
,
visibleOI
:
false
,
visibleOI
:
false
,
visibleCF
:
false
,
})
})
}
else
if
(
item
===
'Fixed Assets Movement'
)
{
}
else
if
(
item
===
'Fixed Assets Movement'
)
{
this
.
setState
({
this
.
setState
({
...
@@ -547,6 +552,7 @@ export default class MonthlyReport extends Component {
...
@@ -547,6 +552,7 @@ export default class MonthlyReport extends Component {
visibleTP
:
false
,
visibleTP
:
false
,
visibleLOCF
:
false
,
visibleLOCF
:
false
,
visibleOI
:
false
,
visibleOI
:
false
,
visibleCF
:
false
,
})
})
}
else
if
(
item
===
'List of Credit Facilities'
)
{
}
else
if
(
item
===
'List of Credit Facilities'
)
{
this
.
setState
({
this
.
setState
({
...
@@ -558,6 +564,7 @@ export default class MonthlyReport extends Component {
...
@@ -558,6 +564,7 @@ export default class MonthlyReport extends Component {
visibleTP
:
false
,
visibleTP
:
false
,
visibleLOCF
:
true
,
visibleLOCF
:
true
,
visibleOI
:
false
,
visibleOI
:
false
,
visibleCF
:
false
,
})
})
}
else
if
(
item
===
'Operating Indicator'
)
{
}
else
if
(
item
===
'Operating Indicator'
)
{
this
.
setState
({
this
.
setState
({
...
@@ -569,6 +576,19 @@ export default class MonthlyReport extends Component {
...
@@ -569,6 +576,19 @@ export default class MonthlyReport extends Component {
visibleTP
:
false
,
visibleTP
:
false
,
visibleLOCF
:
false
,
visibleLOCF
:
false
,
visibleOI
:
true
,
visibleOI
:
true
,
visibleCF
:
false
,
})
}
else
if
(
item
===
'Cash Flow'
)
{
this
.
setState
({
visibleMonthlyReport
:
false
,
visibleBS
:
false
,
visiblePL
:
false
,
visibleCAT
:
false
,
visibleFAM
:
false
,
visibleTP
:
false
,
visibleLOCF
:
false
,
visibleOI
:
false
,
visibleCF
:
true
,
})
})
}
}
})
})
...
@@ -645,7 +665,7 @@ export default class MonthlyReport extends Component {
...
@@ -645,7 +665,7 @@ export default class MonthlyReport extends Component {
`https://tia.eksad.com/tia-reporting-dev/public/transaction/monthly_report/download_attachment?fileName=
${
fileurl
}
&&fileType=
${
fileType
}
`
`https://tia.eksad.com/tia-reporting-dev/public/transaction/monthly_report/download_attachment?fileName=
${
fileurl
}
&&fileType=
${
fileType
}
`
)
)
res
=
await
res
.
blob
()
res
=
await
res
.
blob
()
this
.
setState
({
loading
:
false
},
()
=>
{
this
.
setState
({
loading
:
false
},
()
=>
{
document
.
body
.
style
.
overflow
=
'unset'
;
document
.
body
.
style
.
overflow
=
'unset'
;
})
})
if
(
res
.
size
>
0
)
{
if
(
res
.
size
>
0
)
{
...
@@ -1102,6 +1122,7 @@ export default class MonthlyReport extends Component {
...
@@ -1102,6 +1122,7 @@ export default class MonthlyReport extends Component {
periode
=
{
this
.
state
.
periode
.
periode
}
periode
=
{
this
.
state
.
periode
.
periode
}
monthlyReportId
=
{
this
.
state
.
monthlyReportId
}
monthlyReportId
=
{
this
.
state
.
monthlyReportId
}
month
=
{
this
.
state
.
month
}
month
=
{
this
.
state
.
month
}
saveToMonthlyReport
=
{
this
.
saveToMonthlyReport
.
bind
(
this
)}
onClickClose
=
{()
=>
this
.
setState
({
visibleFAM
:
false
,
visibleMonthlyReport
:
true
})}
onClickClose
=
{()
=>
this
.
setState
({
visibleFAM
:
false
,
visibleMonthlyReport
:
true
})}
/
>
/
>
)}
)}
...
@@ -1151,6 +1172,21 @@ export default class MonthlyReport extends Component {
...
@@ -1151,6 +1172,21 @@ export default class MonthlyReport extends Component {
onClickClose
=
{()
=>
this
.
setState
({
visibleOI
:
false
,
visibleMonthlyReport
:
true
})}
onClickClose
=
{()
=>
this
.
setState
({
visibleOI
:
false
,
visibleMonthlyReport
:
true
})}
/
>
/
>
)}
)}
{
this
.
state
.
visibleCF
&&
(
<
CashFlowMR
open
=
{
this
.
props
.
open
}
report_id
=
{
this
.
state
.
report_id
}
height
=
{
this
.
props
.
height
}
width
=
{
this
.
props
.
width
}
company
=
{
this
.
state
.
company
}
revision
=
{
this
.
state
.
revisionTable
}
periode
=
{
this
.
state
.
periode
.
periode
}
monthlyReportId
=
{
this
.
state
.
monthlyReportId
}
month
=
{
this
.
state
.
month
}
onClickClose
=
{()
=>
this
.
setState
({
visibleCF
:
false
,
visibleMonthlyReport
:
true
})}
/
>
)}
<
/div
>
<
/div
>
);
);
}
}
...
...
src/container/MonthlyReport/CashFlowMR.js
0 → 100644
View file @
f9ca39fb
import
{
createMuiTheme
,
FormControlLabel
,
Input
,
MuiThemeProvider
,
Paper
,
TableCell
,
Tooltip
,
Typography
,
withStyles
}
from
'@material-ui/core'
import
MUIDataTable
from
'mui-datatables'
;
import
React
,
{
Component
}
from
'react'
import
ReactTooltip
from
'react-tooltip'
;
import
Images
from
'../../assets/Images'
;
import
api
from
'../../api'
;
import
NumberFormat
from
'react-number-format'
;
import
*
as
R
from
'ramda'
;
import
{
PropagateLoader
}
from
'react-spinners'
;
import
{
ExcelRenderer
}
from
'react-excel-renderer'
;
import
Constant
from
'../../library/Constant'
;
import
UploadFile
from
"../../library/Upload"
;
const
LightTooltip
=
withStyles
((
theme
)
=>
({
tooltip
:
{
backgroundColor
:
theme
.
palette
.
common
.
white
,
color
:
'rgba(0, 0, 0, 0.87)'
,
boxShadow
:
theme
.
shadows
[
1
],
fontSize
:
11
,
},
}))(
Tooltip
);
var
ct
=
require
(
"../../library/CustomTable"
);
const
getMuiTheme
=
()
=>
createMuiTheme
(
ct
.
customTable3
());
const
options
=
ct
.
customOptionsFixedColumn
();
const
style
=
{
position
:
"sticky"
,
left
:
0
,
zIndex
:
101
,
background
:
"white"
,
};
const
style2
=
{
position
:
"sticky"
,
background
:
"white"
,
zIndex
:
100
,
top
:
0
};
export
default
class
CashFlowMR
extends
Component
{
constructor
(
props
)
{
super
(
props
)
this
.
state
=
{
dataTable
:
[],
loading
:
false
,
visibleCFMR
:
true
,
// valueThreshold: 0,
minValue
:
0
,
maxValue
:
0
}
}
render
()
{
let
dataTable
=
[
[
"1"
,
"2"
,
"2"
,
"2"
,
"2"
,
"2"
,
"3"
],
[
"1"
,
"2"
,
"2"
,
"2"
,
"2"
,
"2"
,
"3"
],
]
let
columns
=
[
{
name
:
""
,
options
:
{
display
:
false
}
},
{
name
:
""
,
options
:
{
display
:
false
}
},
{
name
:
""
,
options
:
{
display
:
false
}
},
{
name
:
""
,
options
:
{
display
:
false
}
},
{
name
:
""
,
options
:
{
display
:
false
}
},
{
name
:
"Account"
,
options
:
{
customHeadRender
:
(
columnMeta
)
=>
(
<
TableCell
key
=
{
columnMeta
.
index
}
style
=
{{
...
style
,
top
:
0
,
zIndex
:
102
,
backgroundColor
:
'#1c71b8'
,
width
:
300
}}
>
<
Typography
style
=
{{
color
:
'white'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
textAlign
:
'left'
}}
>
{
columnMeta
.
name
}
<
/Typography
>
<
/TableCell
>
),
setCellProps
:
()
=>
({
style
}),
customBodyRender
:
(
val
,
tableMeta
)
=>
{
return
(
<
div
style
=
{{
width
:
300
}}
>
{
tableMeta
.
rowData
[
0
]
===
null
?
tableMeta
.
rowData
[
4
]
==
0
?
<
LightTooltip
title
=
{
"Report Items Not Registered"
}
arrow
>
<
span
style
=
{{
fontSize
:
12
,
fontWeight
:
'bold'
,
color
:
'red'
}}
>
{
String
(
val
).
toUpperCase
()}
<
/span
>
<
/LightTooltip>
:
<
div
style
=
{{
paddingLeft
:
20
*
Number
(
tableMeta
.
rowData
[
4
])
}}
>
<
LightTooltip
title
=
{
"Report Items Not Registered"
}
arrow
>
<
span
style
=
{{
fontSize
:
12
,
color
:
'red'
}}
>
{
tableMeta
.
rowData
[
0
]
===
4
?
""
:
val
}
<
/span
>
<
/LightTooltip
>
<
/div
>
:
tableMeta
.
rowData
[
4
]
==
0
?
<
span
style
=
{{
fontSize
:
12
,
fontWeight
:
'bold'
}}
>
{
String
(
tableMeta
.
rowData
[
0
]
===
4
?
""
:
val
).
toUpperCase
()}
<
/span
>
:
<
div
style
=
{{
paddingLeft
:
20
*
Number
(
tableMeta
.
rowData
[
4
])
}}
>
<
span
style
=
{{
fontSize
:
12
}}
>
{
tableMeta
.
rowData
[
0
]
===
4
?
""
:
val
}
<
/span
>
<
/div
>
}
<
/div
>
)
}
}
},
{
name
:
"Actual"
,
options
:
{
customHeadRender
:
(
columnMeta
)
=>
(
// dataTable2.length > 0 ?
// <TableCell style={{ ...style2, top: 0, zIndex: 102, backgroundColor: '#1c71b8', width: 96 }}>
// <Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
// </TableCell> :
<
TableCell
style
=
{{
...
style2
,
top
:
0
,
zIndex
:
102
,
backgroundColor
:
'#1c71b8'
,
width
:
96
}}
>
<
Typography
style
=
{{
color
:
'white'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
textAlign
:
'center'
}}
>
{
columnMeta
.
name
}
<
/Typography
>
<
/TableCell
>
),
setCellProps
:
()
=>
({
style
:
{
position
:
"sticky"
,
background
:
"white"
,
zIndex
:
101
,
left
:
350
}
}),
customBodyRender
:
(
value
,
tableMeta
,
updateValue
)
=>
{
return
(
<
div
style
=
{{
textAlign
:
'right'
}}
>
{
value
}
<
/div
>
)
}
}
}
]
const
loadingComponent
=
(
<
div
style
=
{{
position
:
'fixed'
,
zIndex
:
110
,
top
:
0
,
left
:
0
,
width
:
'100%'
,
height
:
'100%'
,
display
:
'flex'
,
justifyContent
:
'center'
,
alignItems
:
'center'
,
background
:
'rgba(255,255,255,0.8)'
}}
>
<
PropagateLoader
// css={override}
size
=
{
20
}
color
=
{
"#274B80"
}
loading
=
{
this
.
state
.
loading
}
/
>
<
/div
>
);
return
(
<
div
style
=
{{
height
:
this
.
props
.
height
,
backgroundColor
:
'#f8f8f8'
,
marginBottom
:
100
,
minHeight
:
1000
}}
>
{
this
.
state
.
loading
&&
loadingComponent
}
<
div
className
=
{
"main-color"
}
style
=
{{
height
:
78
,
flex
:
1
,
display
:
'flex'
,
alignItems
:
'center'
,
paddingLeft
:
20
}}
>
<
Typography
style
=
{{
fontSize
:
'16px'
,
color
:
'white'
}}
>
Monthly
Report
<
/Typography
>
<
/div
>
<
div
style
=
{{
flex
:
1
,
padding
:
20
,
width
:
'100%'
}}
>
<
Paper
style
=
{{
paddingTop
:
10
}}
>
<
div
style
=
{{
borderBottom
:
'solid 1px #c4c4c4'
}}
>
<
Typography
style
=
{{
fontSize
:
'12px'
,
color
:
'#4b4b4b'
,
margin
:
10
}}
>
Monthly
Report
-
Cash
Flow
<
/Typography
>
<
/div
>
<
div
style
=
{{
padding
:
20
}}
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'space-between'
}}
>
<
div
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
}}
>
{
this
.
props
.
company
.
company_name
}
<
/Typography
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
}}
>
Period
:
{
this
.
props
.
periode
}
(
rev
.{
this
.
props
.
revision
})
<
/Typography
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
}}
>
in
IDR
mn
<
/Typography
>
<
/div
>
<
div
style
=
{{
width
:
'50%'
}}
>
<
div
style
=
{{
justifyContent
:
'flex-end'
,
display
:
'flex'
,
flexFlow
:
'wrap'
}}
>
<
a
data
-
tip
=
{
'Download'
}
data
-
for
=
"download"
>
<
button
style
=
{{
backgroundColor
:
'transparent'
,
cursor
:
'pointer'
,
borderColor
:
'transparent'
,
margin
:
5
}}
onClick
=
{()
=>
this
.
setState
({
loading
:
true
},
()
=>
{
setTimeout
(()
=>
{
// this.downloadAllData()
},
100
);
})}
>
<
img
src
=
{
Images
.
download
}
/
>
<
/button
>
<
/a
>
<
ReactTooltip
border
=
{
true
}
id
=
"download"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
<
/div
>
<
/div
>
<
div
style
=
{{
marginTop
:
20
,
width
:
this
.
props
.
width
-
(
this
.
props
.
open
===
true
?
400
:
150
)
}}
>
{
!
this
.
state
.
loading
&&
(
<
MuiThemeProvider
theme
=
{
getMuiTheme
()}
>
<
MUIDataTable
data
=
{
dataTable
}
columns
=
{
columns
}
options
=
{
options
}
/
>
<
/MuiThemeProvider
>
)}
<
/div
>
{
/* {this.props.isApprover === true || this.state.dataTable.length == 0 ? null :
(this.props.lastStatus === 'SUBMIT' || this.props.lastStatus === 'REVISION') && this.props.prevRevision === false && (this.props.status === 'revision' || this.props.status === 'not-yet' || this.props.status === 'draft' || this.props.status === 'submitted') ? */
}
<
div
className
=
"grid grid-2x"
style
=
{{
marginTop
:
20
}}
>
<
div
className
=
"col-1"
>
<
button
type
=
"button"
onClick
=
{()
=>
this
.
setState
({
loading
:
true
},
()
=>
{
setTimeout
(()
=>
{
this
.
props
.
onClickClose
()
},
100
);
})}
style
=
{{
backgroundColor
:
'transparent'
,
cursor
:
'pointer'
,
borderColor
:
'transparent'
,
outline
:
'none'
}}
>
<
div
style
=
{{
backgroundColor
:
'#019ce5'
,
width
:
105
,
height
:
25
,
borderRadius
:
3
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
}}
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#fff'
,
textAlign
:
'center'
}}
>
Back
<
/Typography
>
<
/div
>
<
/button
>
<
/div
>
{
/* <div className="col-2" style={{ display: 'flex', justifyContent: 'flex-end', maxWidth: '100%' }}>
<button
className="button"
type="button"
style={{
backgroundColor: 'transparent',
cursor: 'pointer',
borderColor: 'transparent',
outline: 'none',
marginRight: 20
}}
onClick={() => {
this.setState({ loading: true }, () => {
setTimeout(() => {
this.setState({ loading: false })
// this.handleValidate()
}, 100);
})
}}
>
<div style={{ backgroundColor: '#fff', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center', border: 'solid 1px #354960' }}>
<Typography style={{ fontSize: '11px', color: '#354960', textAlign: 'center' }}>Calculate</Typography>
</div>
</button>
<button
className="button"
type="button"
style={{
backgroundColor: 'transparent',
cursor: this.state.saveDraft !== true ? 'pointer' : 'default',
borderColor: 'transparent',
outline: 'none',
marginRight: 20
}}
onClick={() =>
this.state.saveDraft === true ?
null :
this.state.handleTekTekTek == 1 ? null :
this.setState({ handleTekTekTek: 1 }, () => {
this.backToMonthlyReport('draft')
})
}
>
<div style={{ backgroundColor: '#354960', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
<Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Save as Draft</Typography>
</div>
</button>
<button
type="button"
// disabled={this.state.buttonError}
onClick={() =>
this.state.buttonError ?
this.setState({ alert: true, messageAlert: 'Data is not complete !', tipeAlert: 'warning' })
:
this.state.handleTekTekTek == 1 ? null :
this.setState({ handleTekTekTek: 1 }, () => {
this.backToMonthlyReport('submitted')
})}
style={{
backgroundColor: 'transparent',
cursor: this.state.buttonError === true ? 'default' : 'pointer',
borderColor: 'transparent',
outline: 'none',
}}
>
<div style={{ backgroundColor: '#354960', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
<Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Save & Complete</Typography>
</div>
</button>
</div> */
}
<
/div
>
{
/* : null
} */
}
<
/div
>
<
/Paper
>
<
/div
>
<
/div
>
);
}
}
src/container/MonthlyReport/FixedAssetsMovementMR.js
View file @
f9ca39fb
...
@@ -90,6 +90,7 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -90,6 +90,7 @@ export default class FixedAssetsMovementMR extends Component {
item
.
fixed_asset_movement
.
act_vs_mb_percent
===
""
?
"0.0"
:
item
.
fixed_asset_movement
.
act_vs_mb_percent
,
item
.
fixed_asset_movement
.
act_vs_mb_percent
===
""
?
"0.0"
:
item
.
fixed_asset_movement
.
act_vs_mb_percent
,
item
.
fixed_asset_movement
.
act_vs_rb_amount
===
""
?
"0.0"
:
item
.
fixed_asset_movement
.
act_vs_rb_amount
,
item
.
fixed_asset_movement
.
act_vs_rb_amount
===
""
?
"0.0"
:
item
.
fixed_asset_movement
.
act_vs_rb_amount
,
item
.
fixed_asset_movement
.
act_vs_rb_percent
===
""
?
"0.0"
:
item
.
fixed_asset_movement
.
act_vs_rb_percent
,
item
.
fixed_asset_movement
.
act_vs_rb_percent
===
""
?
"0.0"
:
item
.
fixed_asset_movement
.
act_vs_rb_percent
,
item
.
fixed_asset_movement
.
actual_formula
,
item
.
order
item
.
order
])
])
}
}
...
@@ -119,6 +120,7 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -119,6 +120,7 @@ export default class FixedAssetsMovementMR extends Component {
item
.
fixed_asset_movement
.
act_vs_mb_percent
===
""
?
"0.0"
:
item
.
fixed_asset_movement
.
act_vs_mb_percent
,
item
.
fixed_asset_movement
.
act_vs_mb_percent
===
""
?
"0.0"
:
item
.
fixed_asset_movement
.
act_vs_mb_percent
,
item
.
fixed_asset_movement
.
act_vs_rb_amount
===
""
?
"0.0"
:
item
.
fixed_asset_movement
.
act_vs_rb_amount
,
item
.
fixed_asset_movement
.
act_vs_rb_amount
===
""
?
"0.0"
:
item
.
fixed_asset_movement
.
act_vs_rb_amount
,
item
.
fixed_asset_movement
.
act_vs_rb_percent
===
""
?
"0.0"
:
item
.
fixed_asset_movement
.
act_vs_rb_percent
,
item
.
fixed_asset_movement
.
act_vs_rb_percent
===
""
?
"0.0"
:
item
.
fixed_asset_movement
.
act_vs_rb_percent
,
item
.
fixed_asset_movement
.
actual_formula
,
item
.
order
item
.
order
])
])
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
!==
null
)
{
...
@@ -162,13 +164,14 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -162,13 +164,14 @@ export default class FixedAssetsMovementMR extends Component {
}
}
}
}
// url donlot data minta ama arfin
async
downloadAllData
()
{
async
downloadAllData
()
{
let
url
=
`https://tia.eksad.com/tia-reporting-dev/public/transaction/monthly_report/fam/export_monthly_report?monthly_report_id=
${
this
.
props
.
monthlyReportId
}
&&report_id=
${
this
.
props
.
report_id
}
&&company_id=
${
this
.
props
.
company
.
company_id
}
&&year=
${
this
.
props
.
periode
}
&&revision=
${
this
.
props
.
revision
}
&&months=
${
this
.
props
.
month
.
month_id
}
`
let
url
=
`https://tia.eksad.com/tia-reporting-dev/public/transaction/monthly_report/fam/export_monthly_report?monthly_report_id=
${
this
.
props
.
monthlyReportId
}
&&report_id=
${
this
.
props
.
report_id
}
&&company_id=
${
this
.
props
.
company
.
company_id
}
&&year=
${
this
.
props
.
periode
}
&&revision=
${
this
.
props
.
revision
}
&&months=
${
this
.
props
.
month
.
month_id
}
`
console
.
log
(
url
);
console
.
log
(
url
);
let
res
=
await
fetch
(
let
res
=
await
fetch
(
`https://tia.eksad.com/tia-reporting-dev/public/transaction/monthly_report/fam/export_monthly_report?monthly_report_id=
${
this
.
props
.
monthlyReportId
===
null
?
""
:
this
.
props
.
monthlyReportId
}
&&report_id=
${
this
.
props
.
report_id
}
&&company_id=
${
this
.
props
.
company
.
company_id
}
&&year=
${
this
.
props
.
periode
}
&&revision=
${
this
.
props
.
revision
}
&&months=
${
this
.
props
.
month
.
month_id
}
`
`https://tia.eksad.com/tia-reporting-dev/public/transaction/monthly_report/fam/export_monthly_report?monthly_report_id=
${
this
.
props
.
monthlyReportId
===
null
?
""
:
this
.
props
.
monthlyReportId
}
&&report_id=
${
this
.
props
.
report_id
}
&&company_id=
${
this
.
props
.
company
.
company_id
}
&&year=
${
this
.
props
.
periode
}
&&revision=
${
this
.
props
.
revision
}
&&months=
${
this
.
props
.
month
.
month_id
}
`
)
)
res
=
await
res
.
blob
()
this
.
setState
({
loading
:
false
})
if
(
res
.
size
>
0
)
{
if
(
res
.
size
>
0
)
{
let
url
=
window
.
URL
.
createObjectURL
(
res
);
let
url
=
window
.
URL
.
createObjectURL
(
res
);
let
a
=
document
.
createElement
(
'a'
);
let
a
=
document
.
createElement
(
'a'
);
...
@@ -181,13 +184,11 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -181,13 +184,11 @@ export default class FixedAssetsMovementMR extends Component {
fileHandler
=
(
event
)
=>
{
fileHandler
=
(
event
)
=>
{
let
fileObj
=
event
let
fileObj
=
event
ExcelRenderer
(
fileObj
,
(
err
,
resp
)
=>
{
ExcelRenderer
(
fileObj
,
(
err
,
resp
)
=>
{
// console.log(resp)
if
(
err
)
{
if
(
err
)
{
console
.
log
(
err
);
console
.
log
(
err
);
}
}
else
{
else
{
let
isi
=
resp
.
rows
.
slice
(
3
)
let
isi
=
resp
.
rows
.
slice
(
3
)
// console.log(resp.rows[2]);
let
payload
=
[]
let
payload
=
[]
let
reg
=
/^
[
-+
]?(?:[
0-9
]
+,
)
*
[
0-9
]
+
(?:\.[
0-9
]
+
)?
$/
;
let
reg
=
/^
[
-+
]?(?:[
0-9
]
+,
)
*
[
0-9
]
+
(?:\.[
0-9
]
+
)?
$/
;
isi
.
map
((
i
,
index
)
=>
{
isi
.
map
((
i
,
index
)
=>
{
...
@@ -196,16 +197,7 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -196,16 +197,7 @@ export default class FixedAssetsMovementMR extends Component {
orders
:
i
[
0
]
===
undefined
?
""
:
String
(
i
[
0
]).
trim
(),
orders
:
i
[
0
]
===
undefined
?
""
:
String
(
i
[
0
]).
trim
(),
item_report_id
:
i
[
1
]
===
undefined
?
""
:
String
(
i
[
1
]).
trim
(),
item_report_id
:
i
[
1
]
===
undefined
?
""
:
String
(
i
[
1
]).
trim
(),
item_report
:
i
[
2
]
===
undefined
?
""
:
String
(
i
[
2
]).
trim
(),
item_report
:
i
[
2
]
===
undefined
?
""
:
String
(
i
[
2
]).
trim
(),
mtd_actual
:
i
[
3
]
===
undefined
?
"0"
:
reg
.
test
(
String
(
i
[
2
]))
===
false
?
"0"
:
String
(
i
[
3
]).
trim
(),
mtd_actual
:
i
[
3
]
===
undefined
?
"0"
:
reg
.
test
(
String
(
i
[
3
]))
===
false
?
"0"
:
String
(
i
[
3
]).
trim
(),
mtd_mb
:
""
,
mtd_rb
:
""
,
act_previous_month
:
""
,
act_vs_prev_month_amount
:
""
,
act_vs_prev_month_percent
:
""
,
act_vs_mb_amount
:
""
,
act_vs_mb_percent
:
""
,
act_vs_rb_amount
:
""
,
act_vs_rb_percent
:
""
})
})
}
}
})
})
...
@@ -216,18 +208,17 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -216,18 +208,17 @@ export default class FixedAssetsMovementMR extends Component {
months
:
this
.
props
.
month
.
month_id
,
months
:
this
.
props
.
month
.
month_id
,
fixed_asset_movement
:
payload
fixed_asset_movement
:
payload
}
}
console
.
log
(
body
)
//
console.log(body)
this
.
setState
({
payload
:
body
,
judul
:
resp
.
rows
[
1
][
0
],
judulColumn
:
resp
.
rows
[
2
]
})
this
.
setState
({
payload
:
body
,
judul
:
resp
.
rows
[
1
][
0
],
judulColumn
:
resp
.
rows
[
2
]
})
}
}
});
});
}
}
// cek upload error network mulu..
checkUpload
()
{
checkUpload
()
{
api
.
create
().
checkUploadMonthlyReportFAM
(
this
.
state
.
payload
).
then
(
response
=>
{
api
.
create
().
checkUploadMonthlyReportFAM
(
this
.
state
.
payload
).
then
(
response
=>
{
// console.log(JSON.stringify(this.state.payload));
// console.log(JSON.stringify(this.state.payload));
console
.
log
(
this
.
state
.
payload
)
//
console.log(this.state.payload)
console
.
log
(
response
)
//
console.log(response)
if
(
response
.
data
)
{
if
(
response
.
data
)
{
if
(
response
.
data
.
status
===
'success'
)
{
if
(
response
.
data
.
status
===
'success'
)
{
this
.
setState
({
visibleUpload
:
false
,
loading
:
true
,
visibleFAMMR
:
false
})
this
.
setState
({
visibleUpload
:
false
,
loading
:
true
,
visibleFAMMR
:
false
})
...
@@ -242,26 +233,27 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -242,26 +233,27 @@ export default class FixedAssetsMovementMR extends Component {
item
.
mtd_mb
,
item
.
mtd_mb
,
item
.
mtd_rb
,
item
.
mtd_rb
,
item
.
mtd_actual
,
item
.
mtd_actual
,
""
,
item
.
act_previous_month
,
""
,
item
.
act_vs_prev_month_amount
,
""
,
item
.
act_vs_prev_month_percent
,
""
,
item
.
act_vs_mb_amount
,
""
,
item
.
act_vs_mb_percent
,
""
,
item
.
act_vs_rb_amount
,
""
,
item
.
act_vs_rb_percent
,
item
.
actual_formula
,
item
.
order
,
item
.
order
,
item
.
error
item
.
error
]
]
})
})
console
.
log
(
dataTable
)
//
console.log(dataTable)
this
.
setState
({
dataTable
,
dataLoaded
:
true
,
loading
:
false
,
buttonError
:
false
,
editable
:
true
,
saveDraft
:
true
},
()
=>
{
this
.
setState
({
dataTable
,
dataLoaded
:
true
,
loading
:
false
,
buttonError
:
false
,
editable
:
true
},
()
=>
{
this
.
state
.
dataTable
.
map
(
item
=>
{
this
.
state
.
dataTable
.
map
(
item
=>
{
if
(
item
[
1
7
].
length
>
0
)
{
if
(
item
[
1
8
].
length
>
0
)
{
console
.
log
(
'masuk'
)
console
.
log
(
'masuk'
)
this
.
setState
({
buttonError
:
true
,
errorPreview
:
true
,
editable
:
true
,
saveDraft
:
true
})
this
.
setState
({
buttonError
:
true
,
errorPreview
:
true
,
editable
:
true
})
}
}
})
})
console
.
log
(
this
.
state
.
dataTable
);
//
console.log(this.state.dataTable);
})
})
}
}
}
}
...
@@ -274,16 +266,16 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -274,16 +266,16 @@ export default class FixedAssetsMovementMR extends Component {
data
.
push
({
data
.
push
({
item_report_id
:
i
[
1
],
item_report_id
:
i
[
1
],
item_report
:
String
(
i
[
5
]).
trim
(),
item_report
:
String
(
i
[
5
]).
trim
(),
m
aster_budget
:
String
(
Number
(
i
[
6
]).
toFixed
(
1
)),
m
td_mb
:
i
[
0
]
===
5
||
i
[
0
]
===
6
?
String
(
Number
(
i
[
6
]).
toFixed
(
1
))
:
i
[
0
]
===
3
&&
i
[
6
]
===
""
?
"0.0"
:
String
(
Number
(
i
[
6
]).
toFixed
(
1
)),
rolling_budget
:
String
(
Number
(
i
[
7
]).
toFixed
(
1
)),
mtd_rb
:
i
[
0
]
===
5
||
i
[
0
]
===
6
?
String
(
Number
(
i
[
7
]).
toFixed
(
1
))
:
i
[
0
]
===
3
&&
i
[
7
]
===
""
?
"0.0"
:
String
(
Number
(
i
[
7
]).
toFixed
(
1
)),
actual
:
String
(
Number
(
i
[
8
]).
toFixed
(
1
)),
mtd_actual
:
i
[
0
]
===
5
||
i
[
0
]
===
6
?
String
(
Number
(
i
[
8
]).
toFixed
(
1
))
:
i
[
0
]
===
3
&&
i
[
8
]
===
""
?
"0.0"
:
String
(
Number
(
i
[
8
]).
toFixed
(
1
)),
act
ual_previous_month
:
String
(
Number
(
i
[
9
]).
toFixed
(
1
)),
act
_previous_month
:
i
[
0
]
===
5
||
i
[
0
]
===
6
?
String
(
Number
(
i
[
9
]).
toFixed
(
1
))
:
i
[
0
]
===
3
&&
i
[
9
]
===
""
?
"0.0"
:
String
(
Number
(
i
[
9
]).
toFixed
(
1
)),
a
mount_act_vs_previous_month
:
String
(
Number
(
i
[
10
]).
toFixed
(
1
)),
a
ct_vs_prev_month_amount
:
i
[
0
]
===
5
||
i
[
0
]
===
6
?
String
(
Number
(
i
[
10
]).
toFixed
(
1
))
:
i
[
0
]
===
3
&&
i
[
10
]
===
""
?
"0.0"
:
String
(
Number
(
i
[
10
]).
toFixed
(
1
)),
percent_act_vs_previous_month
:
String
(
Number
(
i
[
11
]).
toFixed
(
1
)),
act_vs_prev_month_percent
:
i
[
0
]
===
5
||
i
[
0
]
===
6
?
String
(
Number
(
i
[
11
]).
toFixed
(
1
))
:
i
[
0
]
===
3
&&
i
[
11
]
===
""
?
"0.0"
:
String
(
Number
(
i
[
11
]).
toFixed
(
1
)),
a
mount_act_vs_mb
:
String
(
Number
(
i
[
12
]).
toFixed
(
1
)),
a
ct_vs_mb_amount
:
i
[
0
]
===
5
||
i
[
0
]
===
6
?
String
(
Number
(
i
[
12
]).
toFixed
(
1
))
:
i
[
0
]
===
3
&&
i
[
12
]
===
""
?
"0.0"
:
String
(
Number
(
i
[
12
]).
toFixed
(
1
)),
percent_act_vs_mb
:
String
(
Number
(
i
[
13
]).
toFixed
(
1
)),
act_vs_mb_percent
:
i
[
0
]
===
5
||
i
[
0
]
===
6
?
String
(
Number
(
i
[
13
]).
toFixed
(
1
))
:
i
[
0
]
===
3
&&
i
[
13
]
===
""
?
"0.0"
:
String
(
Number
(
i
[
13
]).
toFixed
(
1
)),
a
mount_act_vs_rb
:
String
(
Number
(
i
[
14
]).
toFixed
(
1
)),
a
ct_vs_rb_amount
:
i
[
0
]
===
5
||
i
[
0
]
===
6
?
String
(
Number
(
i
[
14
]).
toFixed
(
1
))
:
i
[
0
]
===
3
&&
i
[
14
]
===
""
?
"0.0"
:
String
(
Number
(
i
[
14
]).
toFixed
(
1
)),
percent_act_vs_rb
:
String
(
Number
(
i
[
15
]).
toFixed
(
1
)),
act_vs_rb_percent
:
i
[
0
]
===
5
||
i
[
0
]
===
6
?
String
(
Number
(
i
[
15
]).
toFixed
(
1
))
:
i
[
0
]
===
3
&&
i
[
15
]
===
""
?
"0.0"
:
String
(
Number
(
i
[
15
]).
toFixed
(
1
)),
})
})
})
})
let
body
=
{
let
body
=
{
...
@@ -299,10 +291,9 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -299,10 +291,9 @@ export default class FixedAssetsMovementMR extends Component {
api
.
create
(
'UPLOAD'
).
uploadMonthlyReportFAM
(
body
).
then
(
response
=>
{
api
.
create
(
'UPLOAD'
).
uploadMonthlyReportFAM
(
body
).
then
(
response
=>
{
console
.
log
(
response
);
console
.
log
(
response
);
if
(
response
.
data
)
{
if
(
response
.
data
)
{
if
(
response
.
ok
)
{
if
(
response
.
data
.
status
===
"success"
)
{
if
(
response
.
data
.
status
===
"success"
)
{
this
.
props
.
onClickClose
()
this
.
props
.
onClickClose
()
this
.
props
.
getReport
()
//
this.props.getReport()
}
else
{
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'warning'
,
loading
:
false
},
()
=>
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'warning'
,
loading
:
false
},
()
=>
{
if
(
response
.
data
.
message
.
includes
(
"Someone Logged In"
))
{
if
(
response
.
data
.
message
.
includes
(
"Someone Logged In"
))
{
...
@@ -312,10 +303,6 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -312,10 +303,6 @@ export default class FixedAssetsMovementMR extends Component {
},
1000
);
},
1000
);
}
}
})
})
// alert(response.data.status)
}
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'error'
,
loading
:
false
})
}
}
}
else
{
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
problem
,
tipeAlert
:
'error'
,
loading
:
false
})
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
problem
,
tipeAlert
:
'error'
,
loading
:
false
})
...
@@ -351,6 +338,8 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -351,6 +338,8 @@ export default class FixedAssetsMovementMR extends Component {
"months"
:
this
.
props
.
month
.
month_id
,
"months"
:
this
.
props
.
month
.
month_id
,
"fixed_asset_movement"
:
data
"fixed_asset_movement"
:
data
}
}
// console.log(JSON.stringify(payload));
api
.
create
(
'UPLOAD'
).
createMonthlyReportFAM
(
payload
).
then
(
response
=>
{
api
.
create
(
'UPLOAD'
).
createMonthlyReportFAM
(
payload
).
then
(
response
=>
{
console
.
log
(
response
);
console
.
log
(
response
);
if
(
response
.
data
)
{
if
(
response
.
data
)
{
...
@@ -376,90 +365,183 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -376,90 +365,183 @@ export default class FixedAssetsMovementMR extends Component {
render
()
{
render
()
{
let
dataTable2
=
this
.
state
.
dataTable
let
dataTable2
=
this
.
state
.
dataTable
const
handleChange
=
(
value
,
tableMeta
,
type
)
=>
{
console
.
log
(
dataTable2
);
const
handleValueFormula
=
(
tableMeta
,
colIdx
)
=>
{
console
.
log
(
tableMeta
);
// loading = true
let
val
=
String
(
value
).
split
(
","
).
join
(
""
)
// console.log(tableMeta);
if
(
type
===
"actual"
)
{
// "@44[M-1]#BS"
dataTable2
[
tableMeta
.
rowIndex
][
8
]
=
Number
(
val
).
toFixed
(
1
)
let
splitFormula
=
String
(
tableMeta
.
rowData
[
3
]).
split
(
/
([
()@
])
/
)
}
else
{
let
baru
=
[]
console
.
log
(
val
);
let
anjay
=
[]
let
indexParent
=
dataTable2
.
findIndex
((
val
)
=>
val
[
1
]
===
dataTable2
[
tableMeta
.
rowIndex
][
2
])
// console.log(splitFormula);
console
.
log
(
indexParent
);
splitFormula
.
map
((
item
,
index
)
=>
{
if
(
indexParent
>
0
)
{
let
items
=
String
(
item
).
substr
(
Number
(
String
(
item
).
length
)
-
1
,
1
)
// console.log(indexParent)
let
subForm
=
String
(
item
).
substr
(
0
,
Number
(
String
(
item
).
length
)
-
1
)
dataTable2
[
tableMeta
.
rowIndex
][
9
]
=
Number
(
val
).
toFixed
(
1
)
// console.log(item);
let
jagain
=
Number
(
dataTable2
[
indexParent
][
8
]).
toFixed
(
1
)
// console.log(items);
dataTable2
[
indexParent
][
9
]
=
jagain
===
undefined
?
(
0
+
Number
(
val
)).
toFixed
(
1
)
:
Number
(
Number
(
jagain
)
+
Number
(
val
)).
toFixed
(
1
)
// console.log(subForm);
// if (tableMeta.rowData[5] === 'Cash & Bank Balance') {
// console.log(value);
let
re
=
/^
[
a-zA-Z0-9_
]
+$/
;
// console.log(a);
if
(
item
!==
""
)
{
// console.log(jagain);
if
(
items
==
']'
)
{
// console.log(dataTable2[indexParent]);
baru
.
push
(
String
(
item
))
// }
}
else
if
(
!
re
.
test
(
items
))
{
baru
.
push
(
subForm
)
baru
.
push
(
items
)
}
else
{
}
else
{
dataTable2
[
tableMeta
.
rowIndex
][
8
]
=
Number
(
val
).
toFixed
(
1
)
baru
.
push
(
String
(
item
))
}
}
}
}
}
// handleValue(tableMeta, 2)
const
handleValue
=
(
data
,
type
)
=>
{
// console.log(data, type);
let
total
=
0
dataTable2
.
map
((
item
,
index
)
=>
{
if
(
data
.
rowData
[
1
]
===
item
[
2
])
{
let
itemVal
=
item
[
data
.
columnIndex
+
type
].
value
!==
undefined
?
Number
(
item
[
data
.
columnIndex
+
type
].
value
)
:
Number
(
item
[
data
.
columnIndex
+
type
])
total
=
item
[
data
.
columnIndex
+
type
]
===
undefined
?
Number
(
total
)
+
0
:
Number
(
total
)
+
itemVal
}
})
})
let
indexParent
=
dataTable2
.
findIndex
((
val
)
=>
val
[
1
]
===
dataTable2
[
data
.
rowIndex
][
2
])
let
a
=
dataTable2
[
data
.
rowIndex
][
data
.
columnIndex
+
type
]
=
Number
(
total
).
toFixed
(
1
)
// console.log(indexParent);
return
a
}
const
handleFormula
=
(
data
,
tableMeta
,
type
)
=>
{
// console.log(baru);
let
arrayFormula
=
tableMeta
.
rowData
[
3
].
match
(
/
[
a-zA-Z
]
+|
[
0-9
]
+|
[
-!$%^&*()_+|~=`{}
\[\]
:";'<>?,.
\/]
+
(?:\.[
0-9
]
+@|
)
/g
)
let
arrayJumlah
=
[]
baru
.
map
((
item
,
index
)
=>
{
let
tambahan
=
false
if
(
item
==
'-'
||
item
==
'+'
||
item
==
'/'
||
item
==
'*'
||
item
==
'('
||
item
==
')'
)
{
let
opet
=
""
anjay
.
push
(
item
)
}
else
{
if
(
String
(
item
).
includes
(
'#'
))
{
if
(
String
(
item
).
includes
(
'[M-1]'
))
{
let
tst
=
String
(
item
).
replace
(
'[M-1]'
,
''
)
let
indexID
=
dataTable2
.
findIndex
((
val
)
=>
val
[
17
]
==
tst
)
// console.log(indexID);
arrayFormula
.
map
((
item
,
indexs
)
=>
{
if
(
indexID
!==
-
1
)
{
if
(
item
==
'X'
)
{
let
valuezz
=
dataTable2
[
indexID
][
8
]
tambahan
=
true
anjay
.
push
(
valuezz
==
""
?
0
:
valuezz
)
}
else
if
(
item
==
'-'
||
item
==
'+'
||
item
==
'/'
||
item
==
'*'
)
{
}
arrayJumlah
.
push
(
item
)
}
else
{
}
else
{
let
index
=
dataTable2
.
findIndex
((
val
)
=>
val
[
22
]
==
item
)
let
data
=
tableMeta
.
rowData
[
16
]
if
(
tambahan
)
{
let
indexID
=
data
.
findIndex
((
val
)
=>
val
.
item_formula
==
String
(
`@
${
item
}
`
))
if
(
item
==
'-'
||
item
==
'+'
||
item
==
'/'
||
item
==
'*'
)
{
if
(
indexID
!==
-
1
)
{
opet
=
item
let
valuezz
=
data
[
indexID
].
value
anjay
.
push
(
valuezz
==
""
?
0
:
valuezz
)
}
}
}
else
{
}
else
{
arrayJumlah
.
push
(
opet
==
''
?
Number
(
item
)
:
Number
(
String
(
opet
+
String
(
item
))))
if
(
String
(
item
).
includes
(
'[M-1]'
))
{
tambahan
=
false
let
tst
=
String
(
item
).
replace
(
'[M-1]'
,
''
)
opet
=
""
let
indexID
=
dataTable2
.
findIndex
((
val
)
=>
val
[
17
]
==
tst
)
if
(
indexID
!==
-
1
)
{
let
valuezz
=
dataTable2
[
indexID
][
8
]
anjay
.
push
(
valuezz
==
""
?
0
:
valuezz
)
}
}
}
else
{
}
else
{
if
(
index
!=
-
1
)
{
let
indexID
=
dataTable2
.
findIndex
((
val
)
=>
val
[
17
]
==
item
)
arrayJumlah
.
push
(
dataTable2
[
index
][
tableMeta
.
columnIndex
+
type
])
if
(
indexID
!==
-
1
)
{
let
valuezz
=
dataTable2
[
indexID
][
colIdx
]
if
(
item
==
dataTable2
[
tableMeta
.
rowIndex
][
28
])
{
anjay
.
push
(
0
)
}
else
{
anjay
.
push
(
valuezz
==
""
?
0
:
valuezz
)
}
}
else
{
if
(
item
===
'(-1)'
)
{
anjay
.
push
(
-
1
)
}
}
}
}
}
}
}
}
})
})
let
array
=
arrayJumlah
let
anjay2
=
[]
let
kurung
=
false
let
item1
=
[]
anjay
.
map
((
item
,
index
)
=>
{
if
(
item
==
"("
)
{
kurung
=
true
}
else
if
(
item
==
")"
)
{
kurung
=
false
anjay2
.
push
(
item1
)
item1
=
[]
}
else
{
if
(
kurung
)
{
item1
.
push
(
item
)
}
else
{
anjay2
.
push
(
item
)
}
}
})
let
total
=
0
let
total
=
0
let
opt
=
""
let
opt
=
""
let
totalPrio
=
0
let
optPrio
=
""
let
prio
=
false
anjay2
.
map
((
item
,
index
)
=>
{
if
(
Array
.
isArray
(
item
))
{
prio
=
true
item
.
map
((
items
,
indexs
)
=>
{
if
(
items
==
"+"
)
{
optPrio
=
"tambah"
}
else
if
(
items
==
"-"
)
{
optPrio
=
"kurang"
}
else
if
(
items
==
"*"
)
{
optPrio
=
"kali"
}
else
if
(
items
==
"/"
)
{
optPrio
=
"bagi"
}
else
{
if
(
optPrio
==
"tambah"
)
{
totalPrio
=
Number
(
totalPrio
)
+
Number
(
items
)
}
else
if
(
optPrio
==
"kurang"
)
{
totalPrio
=
Number
(
totalPrio
)
-
Number
(
items
)
}
else
if
(
optPrio
==
"kali"
)
{
totalPrio
=
Number
(
totalPrio
)
*
Number
(
items
)
}
else
if
(
optPrio
==
"bagi"
)
{
totalPrio
=
Number
(
totalPrio
)
/
Number
(
items
)
==
NaN
?
0
:
Number
(
totalPrio
)
/
Number
(
items
)
}
else
{
totalPrio
+=
Number
(
items
)
}
}
})
array
.
map
((
item
,
index
)
=>
{
if
(
index
==
anjay2
.
length
-
1
)
{
if
(
opt
==
"tambah"
)
{
total
=
Number
(
total
)
+
Number
(
totalPrio
)
}
else
if
(
opt
==
"kurang"
)
{
total
=
Number
(
total
)
-
Number
(
totalPrio
)
}
else
if
(
opt
==
"kali"
)
{
total
=
Number
(
total
)
*
Number
(
totalPrio
)
}
else
if
(
opt
==
"bagi"
)
{
total
=
Number
(
total
)
/
Number
(
totalPrio
)
==
NaN
?
0
:
Number
(
total
)
/
Number
(
totalPrio
)
}
else
{
total
+=
Number
(
totalPrio
)
}
}
}
else
{
if
(
item
==
"+"
)
{
if
(
item
==
"+"
)
{
opt
=
"tambah"
opt
=
"tambah"
if
(
prio
)
{
total
=
Number
(
Number
(
totalPrio
)
+
Number
(
total
))
prio
=
false
totalPrio
=
0
optPrio
=
""
}
}
else
if
(
item
==
"-"
)
{
}
else
if
(
item
==
"-"
)
{
opt
=
"kurang"
opt
=
"kurang"
if
(
prio
)
{
total
=
Number
(
Number
(
totalPrio
)
+
Number
(
total
))
prio
=
false
totalPrio
=
0
optPrio
=
""
}
}
else
if
(
item
==
"*"
)
{
}
else
if
(
item
==
"*"
)
{
opt
=
"kali"
opt
=
"kali"
if
(
prio
)
{
total
=
Number
(
Number
(
totalPrio
)
+
Number
(
total
))
prio
=
false
totalPrio
=
0
optPrio
=
""
}
}
else
if
(
item
==
"/"
)
{
}
else
if
(
item
==
"/"
)
{
opt
=
"bagi"
opt
=
"bagi"
if
(
prio
)
{
total
=
Number
(
Number
(
totalPrio
)
+
Number
(
total
))
prio
=
false
totalPrio
=
0
optPrio
=
""
}
}
else
{
}
else
{
if
(
opt
==
"tambah"
)
{
if
(
opt
==
"tambah"
)
{
total
=
Number
(
total
)
+
Number
(
item
)
total
=
Number
(
total
)
+
Number
(
item
)
...
@@ -467,27 +549,62 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -467,27 +549,62 @@ export default class FixedAssetsMovementMR extends Component {
total
=
Number
(
total
)
-
Number
(
item
)
total
=
Number
(
total
)
-
Number
(
item
)
}
else
if
(
opt
==
"kali"
)
{
}
else
if
(
opt
==
"kali"
)
{
total
=
Number
(
total
)
*
Number
(
item
)
total
=
Number
(
total
)
*
Number
(
item
)
// if (tableMeta.rowData[22] === 3) {
// console.log(dataTable2[tableMeta.rowIndex]);
// console.log(total);
// console.log(item);
// console.log(arrayJumlah);
// }
}
else
if
(
opt
==
"bagi"
)
{
}
else
if
(
opt
==
"bagi"
)
{
total
=
R
.
equals
((
Number
(
total
)
/
Number
(
item
)),
NaN
)
?
'0'
:
Number
(
total
)
/
Number
(
item
)
total
=
Number
(
total
)
/
Number
(
item
)
==
NaN
?
0
:
Number
(
total
)
/
Number
(
item
)
}
else
{
}
else
{
total
+=
Number
(
item
)
total
+=
Number
(
item
)
}
}
}
}
}
})
})
total
=
R
.
equals
(
total
,
NaN
)
?
"0.0"
:
total
// // // total = R.equals(total, NaN) ? "0.0" : total
// // // console.log(dataTable2[tableMeta.rowIndex][22])
// // // console.log(tableMeta.rowData[5])
// // if (tableMeta.rowData[5] == "1.5 Other non-current assets") {
// // if (forecast !== undefined) {
// // if (String(tableMeta.rowData[5]) == "Depreciation & amortisation") {
// console.log(splitFormula)
// console.log(baru)
// console.log(anjay)
// console.log(anjay2)
// console.log(total)
// // console.log(dataTable2[tableMeta.rowIndex])
// // }
// // }
// if (dataTable2[tableMeta.rowIndex][colIdx].value == undefined) {
dataTable2
[
tableMeta
.
rowIndex
][
colIdx
]
=
total
// } else {
// dataTable2[tableMeta.rowIndex][column].value = total
// }
// loading = false
return
total
}
let
a
=
dataTable2
[
tableMeta
.
rowIndex
][
tableMeta
.
columnIndex
+
type
]
=
Number
(
total
)
const
handleChange
=
(
value
,
tableMeta
,
type
)
=>
{
dataTable2
[
tableMeta
.
rowIndex
][
type
]
=
value
// console.log(dataTable2[tableMeta.rowIndex][type]);
// console.log(value);
return
a
}
const
handleValue
=
(
data
,
type
)
=>
{
// console.log(data, type);
let
total
=
0
dataTable2
.
map
((
item
,
index
)
=>
{
if
(
data
.
rowData
[
1
]
===
item
[
2
])
{
let
itemVal
=
item
[
data
.
columnIndex
+
type
].
value
!==
undefined
?
Number
(
item
[
data
.
columnIndex
+
type
].
value
)
:
Number
(
item
[
data
.
columnIndex
+
type
])
total
=
item
[
data
.
columnIndex
+
type
]
===
undefined
?
Number
(
total
)
+
0
:
Number
(
total
)
+
itemVal
}
}
})
let
indexParent
=
dataTable2
.
findIndex
((
val
)
=>
val
[
1
]
===
dataTable2
[
data
.
rowIndex
][
2
])
let
a
=
dataTable2
[
data
.
rowIndex
][
data
.
columnIndex
+
type
]
=
Number
(
total
).
toFixed
(
1
)
// console.log(indexParent);
return
a
}
const
handleVariance
=
(
tableMeta
,
dex
,
type
)
=>
{
const
handleVariance
=
(
tableMeta
,
dex
,
type
)
=>
{
let
total
=
0
let
total
=
0
if
(
dex
===
1
)
{
if
(
dex
===
1
)
{
...
@@ -505,18 +622,27 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -505,18 +622,27 @@ export default class FixedAssetsMovementMR extends Component {
const
handleVariancePercent
=
(
tableMeta
,
dex
,
type
)
=>
{
const
handleVariancePercent
=
(
tableMeta
,
dex
,
type
)
=>
{
let
total
=
0
let
total
=
0
// if (tableMeta.rowData[5] === "Disposal (negative value)") {
// console.log(dataTable2);
// console.log(tableMeta);
// }
// value={Number(handleVariancePercent(tableMeta, 1, 3)).toFixed(1)}
// dataTable2[5][11]
if
(
dex
===
1
)
{
if
(
dex
===
1
)
{
// total = Number(dataTable2[tableMeta.rowIndex][13]) / Number(dataTable2[tableMeta.rowIndex][12])
total
=
R
.
equals
((
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
10
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
9
])),
NaN
)
?
'0'
:
R
.
equals
((
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
10
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
9
])),
Infinity
)
?
"0"
:
R
.
equals
((
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
10
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
9
])),
-
Infinity
)
?
"0"
:
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
10
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
9
])
total
=
R
.
equals
((
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
13
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
12
])),
NaN
)
?
'0'
:
R
.
equals
((
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
13
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
12
])),
Infinity
)
?
'0'
:
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
13
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
12
])
dataTable2
[
tableMeta
.
rowIndex
][
tableMeta
.
columnIndex
+
type
]
=
Number
(
total
).
toFixed
(
1
)
dataTable2
[
tableMeta
.
rowIndex
][
tableMeta
.
columnIndex
+
type
]
=
Number
(
total
).
toFixed
(
1
)
// if (tableMeta.rowData[5] === "Cash and cash equivalent") {
// console.log(total);
// console.log(Number(dataTable2[tableMeta.rowIndex][11]) / Number(dataTable2[tableMeta.rowIndex][10]));
// console.log(dataTable2[tableMeta.rowIndex]);
// }
}
else
if
(
dex
===
2
)
{
}
else
if
(
dex
===
2
)
{
// total = Number(dataTable2[tableMeta.rowIndex][15]) / Number(dataTable2[tableMeta.rowIndex][8])
total
=
R
.
equals
((
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
12
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
6
])),
NaN
)
?
'0'
:
R
.
equals
((
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
12
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
6
])),
Infinity
)
?
"0"
:
R
.
equals
((
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
12
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
6
])),
-
Infinity
)
?
"0"
:
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
12
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
6
])
total
=
R
.
equals
((
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
15
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
8
])),
NaN
)
?
'0'
:
R
.
equals
((
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
15
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
8
])),
Infinity
)
?
'0'
:
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
15
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
8
])
dataTable2
[
tableMeta
.
rowIndex
][
tableMeta
.
columnIndex
+
type
]
=
Number
(
total
).
toFixed
(
1
)
dataTable2
[
tableMeta
.
rowIndex
][
tableMeta
.
columnIndex
+
type
]
=
Number
(
total
).
toFixed
(
1
)
}
else
if
(
dex
===
3
)
{
}
else
if
(
dex
===
3
)
{
// total = Number(dataTable2[tableMeta.rowIndex][17]) / Number(dataTable2[tableMeta.rowIndex][9])
total
=
R
.
equals
((
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
14
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
7
])),
NaN
)
?
'0'
:
R
.
equals
((
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
14
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
7
])),
Infinity
)
?
"0"
:
R
.
equals
((
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
14
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
7
])),
-
Infinity
)
?
"0"
:
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
14
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
7
])
total
=
R
.
equals
((
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
17
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
9
])),
NaN
)
?
'0'
:
R
.
equals
((
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
17
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
9
])),
Infinity
)
?
'0'
:
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
17
])
/
Number
(
dataTable2
[
tableMeta
.
rowIndex
][
9
])
dataTable2
[
tableMeta
.
rowIndex
][
tableMeta
.
columnIndex
+
type
]
=
Number
(
total
).
toFixed
(
1
)
dataTable2
[
tableMeta
.
rowIndex
][
tableMeta
.
columnIndex
+
type
]
=
Number
(
total
).
toFixed
(
1
)
// console.log(total);
}
}
return
total
return
total
}
}
...
@@ -622,24 +748,7 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -622,24 +748,7 @@ export default class FixedAssetsMovementMR extends Component {
{
{
tableMeta
.
rowData
[
0
]
===
1
||
tableMeta
.
rowData
[
0
]
===
4
?
tableMeta
.
rowData
[
0
]
===
1
||
tableMeta
.
rowData
[
0
]
===
4
?
null
:
null
:
tableMeta
.
rowData
[
0
]
===
3
?
tableMeta
.
rowData
[
0
]
===
5
||
tableMeta
.
rowData
[
0
]
===
6
?
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
value
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
90
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
6
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div>
:
tableMeta
.
rowData
[
0
]
===
5
?
<
span
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
}}
>
<
span
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
}}
>
<
NumberFormat
<
NumberFormat
thousandSeparator
=
{
true
}
thousandSeparator
=
{
true
}
...
@@ -647,21 +756,25 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -647,21 +756,25 @@ export default class FixedAssetsMovementMR extends Component {
type
=
"text"
type
=
"text"
placeholder
=
""
placeholder
=
""
disabled
=
{
true
}
disabled
=
{
true
}
value
=
{
Number
(
handleFormula
(
value
,
tableMeta
,
0
)).
toFixed
(
1
)}
value
=
{
Number
(
handleValueFormula
(
tableMeta
,
6
)).
toFixed
(
1
)}
/
>
/
>
<
/span>
:
<
/span>
:
tableMeta
.
rowData
[
0
]
===
6
?
<
div
style
=
{{
flex
:
1
}}
>
<
span
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
value
}
control
=
{
<
NumberFormat
<
NumberFormat
thousandSeparator
=
{
true
}
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
90
,
backgroundColor
:
'transparent'
}}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
90
,
backgroundColor
:
'transparent'
}}
type
=
"text"
type
=
"text"
placeholder
=
""
placeholder
=
""
disabled
=
{
true
}
disabled
=
{
true
}
value
=
{
Number
(
handleFormula
(
value
,
tableMeta
,
0
)
).
toFixed
(
1
)}
value
=
{
Number
(
value
).
toFixed
(
1
)}
/
>
/
>
<
/span>
:
}
null
/
>
<
/div
>
}
}
<
/div
>
<
/div
>
<
/div
>
<
/div
>
...
@@ -678,10 +791,9 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -678,10 +791,9 @@ export default class FixedAssetsMovementMR extends Component {
type
=
"text"
type
=
"text"
placeholder
=
""
placeholder
=
""
disabled
=
{
true
}
disabled
=
{
true
}
value
=
{
Number
(
handle
Formula
(
value
,
tableMeta
,
1
)).
toFixed
(
1
)}
value
=
{
Number
(
handle
ValueFormula
(
tableMeta
,
7
)).
toFixed
(
1
)}
/
>
/
>
<
/span>
:
<
/span>
:
tableMeta
.
rowData
[
0
]
===
3
?
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
<
FormControlLabel
style
=
{{
margin
:
0
}}
style
=
{{
margin
:
0
}}
...
@@ -693,12 +805,11 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -693,12 +805,11 @@ export default class FixedAssetsMovementMR extends Component {
type
=
"text"
type
=
"text"
placeholder
=
""
placeholder
=
""
disabled
=
{
true
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
7
]
).
toFixed
(
1
)}
value
=
{
Number
(
value
).
toFixed
(
1
)}
/
>
/
>
}
}
/
>
/
>
<
/div>
:
<
/div
>
null
}
}
<
/div
>
<
/div
>
<
/div
>
<
/div
>
...
@@ -721,13 +832,13 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -721,13 +832,13 @@ export default class FixedAssetsMovementMR extends Component {
disabled
=
{
false
}
disabled
=
{
false
}
value
=
{
Number
(
tableMeta
.
rowData
[
8
]).
toFixed
(
1
)}
value
=
{
Number
(
tableMeta
.
rowData
[
8
]).
toFixed
(
1
)}
onBlur
=
{(
event
)
=>
{
onBlur
=
{(
event
)
=>
{
handleChange
(
event
.
target
.
value
,
tableMeta
)
handleChange
(
event
.
target
.
value
,
tableMeta
,
8
)
}}
}}
/
>
/
>
}
}
/
>
/
>
<
/div>
:
<
/div>
:
tableMeta
.
rowData
[
0
]
===
5
?
tableMeta
.
rowData
[
0
]
===
5
||
tableMeta
.
rowData
[
0
]
===
6
?
<
span
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
}}
>
<
span
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
}}
>
<
NumberFormat
<
NumberFormat
thousandSeparator
=
{
true
}
thousandSeparator
=
{
true
}
...
@@ -735,22 +846,25 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -735,22 +846,25 @@ export default class FixedAssetsMovementMR extends Component {
type
=
"text"
type
=
"text"
placeholder
=
""
placeholder
=
""
disabled
=
{
true
}
disabled
=
{
true
}
// value={Number(handleValue(tableMeta, 2)).toFixed(1)}
value
=
{
Number
(
handleValueFormula
(
tableMeta
,
8
)).
toFixed
(
1
)}
value
=
{
Number
(
handleFormula
(
value
,
tableMeta
,
2
)).
toFixed
(
1
)}
/
>
/
>
<
/span>
:
<
/span>
:
tableMeta
.
rowData
[
0
]
===
6
?
<
div
style
=
{{
flex
:
1
}}
>
<
span
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
value
}
control
=
{
<
NumberFormat
<
NumberFormat
thousandSeparator
=
{
true
}
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
type
=
"text"
placeholder
=
""
placeholder
=
""
disabled
=
{
true
}
disabled
=
{
true
}
value
=
{
Number
(
handleFormula
(
value
,
tableMeta
,
2
)
).
toFixed
(
1
)}
value
=
{
Number
(
value
).
toFixed
(
1
)}
/
>
/
>
<
/span>
:
}
null
/
>
<
/div>
}
}
<
/div
>
<
/div
>
<
/div
>
<
/div
>
...
@@ -778,14 +892,13 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -778,14 +892,13 @@ export default class FixedAssetsMovementMR extends Component {
<
span
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
}}
>
<
span
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
}}
>
<
NumberFormat
<
NumberFormat
thousandSeparator
=
{
true
}
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
90
,
backgroundColor
:
'transparent'
}}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
type
=
"text"
placeholder
=
""
placeholder
=
""
disabled
=
{
true
}
disabled
=
{
true
}
value
=
{
Number
(
handleValue
(
tableMeta
,
0
)).
toFixed
(
1
)}
value
=
{
Number
(
handleValueFormula
(
tableMeta
,
9
)).
toFixed
(
1
)}
/
>
/
>
<
/span>
:
<
/span>
:
tableMeta
.
rowData
[
0
]
===
3
?
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
<
FormControlLabel
style
=
{{
margin
:
0
}}
style
=
{{
margin
:
0
}}
...
@@ -793,7 +906,7 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -793,7 +906,7 @@ export default class FixedAssetsMovementMR extends Component {
control
=
{
control
=
{
<
NumberFormat
<
NumberFormat
thousandSeparator
=
{
true
}
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
9
0
,
backgroundColor
:
'transparent'
}}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
9
6
,
backgroundColor
:
'transparent'
}}
type
=
"text"
type
=
"text"
placeholder
=
""
placeholder
=
""
disabled
=
{
true
}
disabled
=
{
true
}
...
@@ -801,8 +914,7 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -801,8 +914,7 @@ export default class FixedAssetsMovementMR extends Component {
/
>
/
>
}
}
/
>
/
>
<
/div>
:
<
/div
>
null
}
}
<
/div
>
<
/div
>
)
)
...
@@ -857,18 +969,22 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -857,18 +969,22 @@ export default class FixedAssetsMovementMR extends Component {
<
/div
>
<
/div
>
<
/th
>
<
/th
>
),
),
setCellProps
:
()
=>
({
style2
}),
setCellProps
:
()
=>
({
style
:
{
paddingLeft
:
0
,
paddingRight
:
10
}
}),
customBodyRender
:
(
val
,
tableMeta
,
updateValue
)
=>
{
customBodyRender
:
(
val
,
tableMeta
,
updateValue
)
=>
{
// console.log(tableMeta);
// console.log(tableMeta);
return
(
return
(
<
div
>
<
div
>
<
div
className
=
"grid grid-3x content-center"
>
<
div
className
=
"grid grid-3x content-center"
>
<
div
className
=
"col-1"
>
<
div
className
=
"col
umn
-1"
>
<
div
className
=
"grid grid-2x content-center"
>
<
div
className
=
"grid grid-2x content-center"
>
<
div
className
=
"col-1"
>
<
div
className
=
"column-1"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
120
}}
>
{
{
tableMeta
.
rowData
[
0
]
===
4
||
tableMeta
.
rowData
[
0
]
===
1
?
tableMeta
.
rowData
[
0
]
===
1
||
tableMeta
.
rowData
[
0
]
===
4
?
null
:
null
:
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
<
FormControlLabel
...
@@ -889,10 +1005,9 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -889,10 +1005,9 @@ export default class FixedAssetsMovementMR extends Component {
}
}
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"col-2"
>
<
div
className
=
"column-2"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
120
}}
>
{
{
tableMeta
.
rowData
[
0
]
===
4
||
tableMeta
.
rowData
[
0
]
===
1
?
tableMeta
.
rowData
[
0
]
===
1
||
tableMeta
.
rowData
[
0
]
===
4
?
null
:
null
:
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
<
FormControlLabel
...
@@ -904,8 +1019,9 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -904,8 +1019,9 @@ export default class FixedAssetsMovementMR extends Component {
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
type
=
"text"
placeholder
=
""
placeholder
=
""
suffix
=
{
'%'
}
disabled
=
{
true
}
disabled
=
{
true
}
value
=
{
Number
(
handleVariance
(
tableMeta
,
1
,
2
)).
toFixed
(
1
)}
value
=
{
Number
(
handleVariance
Percent
(
tableMeta
,
1
,
3
)).
toFixed
(
1
)}
/
>
/
>
}
}
/
>
/
>
...
@@ -915,12 +1031,11 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -915,12 +1031,11 @@ export default class FixedAssetsMovementMR extends Component {
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"col-2"
>
<
div
className
=
"col
umn
-2"
>
<
div
className
=
"grid grid-2x content-center"
>
<
div
className
=
"grid grid-2x content-center"
>
<
div
className
=
"col-1"
>
<
div
className
=
"column-1"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
120
}}
>
{
{
tableMeta
.
rowData
[
0
]
===
4
||
tableMeta
.
rowData
[
0
]
===
1
?
tableMeta
.
rowData
[
0
]
===
1
||
tableMeta
.
rowData
[
0
]
===
4
?
null
:
null
:
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
<
FormControlLabel
...
@@ -933,7 +1048,7 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -933,7 +1048,7 @@ export default class FixedAssetsMovementMR extends Component {
type
=
"text"
type
=
"text"
placeholder
=
""
placeholder
=
""
disabled
=
{
true
}
disabled
=
{
true
}
value
=
{
Number
(
handleVariance
(
tableMeta
,
1
,
2
)).
toFixed
(
1
)}
value
=
{
Number
(
handleVariance
(
tableMeta
,
2
,
4
)).
toFixed
(
1
)}
/
>
/
>
}
}
/
>
/
>
...
@@ -941,10 +1056,9 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -941,10 +1056,9 @@ export default class FixedAssetsMovementMR extends Component {
}
}
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"col-2"
>
<
div
className
=
"column-2"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
120
}}
>
{
{
tableMeta
.
rowData
[
0
]
===
4
||
tableMeta
.
rowData
[
0
]
===
1
?
tableMeta
.
rowData
[
0
]
===
1
||
tableMeta
.
rowData
[
0
]
===
4
?
null
:
null
:
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
<
FormControlLabel
...
@@ -957,7 +1071,8 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -957,7 +1071,8 @@ export default class FixedAssetsMovementMR extends Component {
type
=
"text"
type
=
"text"
placeholder
=
""
placeholder
=
""
disabled
=
{
true
}
disabled
=
{
true
}
value
=
{
Number
(
handleVariance
(
tableMeta
,
1
,
2
)).
toFixed
(
1
)}
suffix
=
{
'%'
}
value
=
{
Number
(
handleVariancePercent
(
tableMeta
,
2
,
5
)).
toFixed
(
1
)}
/
>
/
>
}
}
/
>
/
>
...
@@ -967,12 +1082,11 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -967,12 +1082,11 @@ export default class FixedAssetsMovementMR extends Component {
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"col-3"
>
<
div
className
=
"col
umn
-3"
>
<
div
className
=
"grid grid-2x content-center"
>
<
div
className
=
"grid grid-2x content-center"
>
<
div
className
=
"col-1"
>
<
div
className
=
"column-1"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
120
}}
>
{
{
tableMeta
.
rowData
[
0
]
===
4
||
tableMeta
.
rowData
[
0
]
===
1
?
tableMeta
.
rowData
[
0
]
===
1
||
tableMeta
.
rowData
[
0
]
===
4
?
null
:
null
:
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
<
FormControlLabel
...
@@ -985,7 +1099,7 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -985,7 +1099,7 @@ export default class FixedAssetsMovementMR extends Component {
type
=
"text"
type
=
"text"
placeholder
=
""
placeholder
=
""
disabled
=
{
true
}
disabled
=
{
true
}
value
=
{
Number
(
handleVariance
(
tableMeta
,
1
,
2
)).
toFixed
(
1
)}
value
=
{
Number
(
handleVariance
(
tableMeta
,
3
,
6
)).
toFixed
(
1
)}
/
>
/
>
}
}
/
>
/
>
...
@@ -993,10 +1107,9 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -993,10 +1107,9 @@ export default class FixedAssetsMovementMR extends Component {
}
}
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"col-2"
>
<
div
className
=
"column-2"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
120
}}
>
{
{
tableMeta
.
rowData
[
0
]
===
4
||
tableMeta
.
rowData
[
0
]
===
1
?
tableMeta
.
rowData
[
0
]
===
1
||
tableMeta
.
rowData
[
0
]
===
4
?
null
:
null
:
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
<
FormControlLabel
...
@@ -1009,7 +1122,8 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -1009,7 +1122,8 @@ export default class FixedAssetsMovementMR extends Component {
type
=
"text"
type
=
"text"
placeholder
=
""
placeholder
=
""
disabled
=
{
true
}
disabled
=
{
true
}
value
=
{
Number
(
handleVariance
(
tableMeta
,
1
,
2
)).
toFixed
(
1
)}
suffix
=
{
'%'
}
value
=
{
Number
(
handleVariancePercent
(
tableMeta
,
3
,
7
)).
toFixed
(
1
)}
/
>
/
>
}
}
/
>
/
>
...
@@ -1064,6 +1178,11 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -1064,6 +1178,11 @@ export default class FixedAssetsMovementMR extends Component {
options
:
{
options
:
{
display
:
false
display
:
false
}
}
},
{
name
:
""
,
options
:
{
display
:
false
}
}]
}]
const
loadingComponent
=
(
const
loadingComponent
=
(
...
@@ -1337,13 +1456,13 @@ export default class FixedAssetsMovementMR extends Component {
...
@@ -1337,13 +1456,13 @@ export default class FixedAssetsMovementMR extends Component {
type
=
"button"
type
=
"button"
style
=
{{
style
=
{{
backgroundColor
:
'transparent'
,
backgroundColor
:
'transparent'
,
cursor
:
this
.
state
.
editable
!==
true
?
'pointer'
:
'default'
,
cursor
:
this
.
state
.
saveDraft
!==
true
?
'pointer'
:
'default'
,
borderColor
:
'transparent'
,
borderColor
:
'transparent'
,
outline
:
'none'
,
outline
:
'none'
,
marginRight
:
20
marginRight
:
20
}}
}}
onClick
=
{()
=>
onClick
=
{()
=>
this
.
state
.
editable
===
true
?
this
.
state
.
saveDraft
===
true
?
null
:
null
:
this
.
state
.
handleTekTekTek
==
1
?
null
:
this
.
state
.
handleTekTekTek
==
1
?
null
:
this
.
setState
({
handleTekTekTek
:
1
},
()
=>
{
this
.
setState
({
handleTekTekTek
:
1
},
()
=>
{
...
...
src/container/MonthlyReport/TaxPlanningMR.js
View file @
f9ca39fb
...
@@ -47,12 +47,12 @@ export default class TaxPlanningMR extends Component {
...
@@ -47,12 +47,12 @@ export default class TaxPlanningMR extends Component {
visibleTP
:
true
,
visibleTP
:
true
,
disabledSave
:
true
,
disabledSave
:
true
,
editable
:
false
,
editable
:
false
,
buttonError
:
false
,
judulColumn
:
null
,
judulColumn
:
null
,
updateBy
:
'-'
,
updateBy
:
'-'
,
buttonDraft
:
true
,
buttonDraft
:
true
,
handleTekTekTek
:
0
,
handleTekTekTek
:
0
,
saveDraft
:
true
saveDraft
:
true
,
buttonError
:
true
}
}
this
.
fileHandler
=
this
.
fileHandler
.
bind
(
this
);
this
.
fileHandler
=
this
.
fileHandler
.
bind
(
this
);
...
@@ -113,7 +113,7 @@ export default class TaxPlanningMR extends Component {
...
@@ -113,7 +113,7 @@ export default class TaxPlanningMR extends Component {
}
}
api
.
create
().
getHierarkiMontlyReportTP
(
payload
).
then
(
response
=>
{
api
.
create
().
getHierarkiMontlyReportTP
(
payload
).
then
(
response
=>
{
console
.
log
(
response
);
console
.
log
(
response
);
console
.
log
(
payload
);
//
console.log(payload);
let
dataTable
=
[]
let
dataTable
=
[]
if
(
response
.
data
)
{
if
(
response
.
data
)
{
if
(
response
.
data
.
status
==
'success'
)
{
if
(
response
.
data
.
status
==
'success'
)
{
...
@@ -138,6 +138,7 @@ export default class TaxPlanningMR extends Component {
...
@@ -138,6 +138,7 @@ export default class TaxPlanningMR extends Component {
},
},
item
.
tax_planning
.
trial_balance_fiscal_actual
===
null
?
"0.0"
:
item
.
tax_planning
.
trial_balance_fiscal_actual
===
""
?
"0.0"
:
item
.
tax_planning
.
trial_balance_fiscal_actual
,
item
.
tax_planning
.
trial_balance_fiscal_actual
===
null
?
"0.0"
:
item
.
tax_planning
.
trial_balance_fiscal_actual
===
""
?
"0.0"
:
item
.
tax_planning
.
trial_balance_fiscal_actual
,
item
.
tax_planning
.
trial_balance_fiscal_mb
===
null
?
"0.0"
:
item
.
tax_planning
.
trial_balance_fiscal_mb
===
""
?
"0.0"
:
item
.
tax_planning
.
trial_balance_fiscal_mb
,
item
.
tax_planning
.
trial_balance_fiscal_mb
===
null
?
"0.0"
:
item
.
tax_planning
.
trial_balance_fiscal_mb
===
""
?
"0.0"
:
item
.
tax_planning
.
trial_balance_fiscal_mb
,
item
.
tax_planning
.
actual_formula
,
item
.
order
,
item
.
order
,
{
tbc
:
item
.
condition_it_should_be_tax
.
value_tbc
,
fcp
:
item
.
condition_it_should_be_tax
.
value_fc
,
tbf
:
item
.
condition_it_should_be_tax
.
value_tbf
},
{
tbc
:
item
.
condition_it_should_be_tax
.
value_tbc
,
fcp
:
item
.
condition_it_should_be_tax
.
value_fc
,
tbf
:
item
.
condition_it_should_be_tax
.
value_tbf
},
{
tbc
:
item
.
condition_if_wrong_tax
.
value_tbc
,
fcp
:
item
.
condition_if_wrong_tax
.
value_fc
,
tbf
:
item
.
condition_if_wrong_tax
.
value_tbf
},
{
tbc
:
item
.
condition_if_wrong_tax
.
value_tbc
,
fcp
:
item
.
condition_if_wrong_tax
.
value_fc
,
tbf
:
item
.
condition_if_wrong_tax
.
value_tbf
},
...
@@ -169,6 +170,7 @@ export default class TaxPlanningMR extends Component {
...
@@ -169,6 +170,7 @@ export default class TaxPlanningMR extends Component {
},
},
item
.
tax_planning
.
trial_balance_fiscal_actual
===
null
?
"0.0"
:
item
.
tax_planning
.
trial_balance_fiscal_actual
===
""
?
"0.0"
:
item
.
tax_planning
.
trial_balance_fiscal_actual
,
item
.
tax_planning
.
trial_balance_fiscal_actual
===
null
?
"0.0"
:
item
.
tax_planning
.
trial_balance_fiscal_actual
===
""
?
"0.0"
:
item
.
tax_planning
.
trial_balance_fiscal_actual
,
item
.
tax_planning
.
trial_balance_fiscal_mb
===
null
?
"0.0"
:
item
.
tax_planning
.
trial_balance_fiscal_mb
===
""
?
"0.0"
:
item
.
tax_planning
.
trial_balance_fiscal_mb
,
item
.
tax_planning
.
trial_balance_fiscal_mb
===
null
?
"0.0"
:
item
.
tax_planning
.
trial_balance_fiscal_mb
===
""
?
"0.0"
:
item
.
tax_planning
.
trial_balance_fiscal_mb
,
item
.
tax_planning
.
actual_formula
,
item
.
order
,
item
.
order
,
{
tbc
:
item
.
condition_it_should_be_tax
.
value_tbc
,
fcp
:
item
.
condition_it_should_be_tax
.
value_fc
,
tbf
:
item
.
condition_it_should_be_tax
.
value_tbf
},
{
tbc
:
item
.
condition_it_should_be_tax
.
value_tbc
,
fcp
:
item
.
condition_it_should_be_tax
.
value_fc
,
tbf
:
item
.
condition_it_should_be_tax
.
value_tbf
},
{
tbc
:
item
.
condition_if_wrong_tax
.
value_tbc
,
fcp
:
item
.
condition_if_wrong_tax
.
value_fc
,
tbf
:
item
.
condition_if_wrong_tax
.
value_tbf
},
{
tbc
:
item
.
condition_if_wrong_tax
.
value_tbc
,
fcp
:
item
.
condition_if_wrong_tax
.
value_fc
,
tbf
:
item
.
condition_if_wrong_tax
.
value_tbf
},
...
@@ -181,7 +183,7 @@ export default class TaxPlanningMR extends Component {
...
@@ -181,7 +183,7 @@ export default class TaxPlanningMR extends Component {
}
}
}
}
})
})
this
.
setState
({
dataTable
,
loading
:
false
,
buttonError
:
true
,
editable
:
true
})
this
.
setState
({
dataTable
,
loading
:
false
,
editable
:
true
})
}
else
{
}
else
{
this
.
setState
({
loading
:
false
,
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'warning'
},
()
=>
{
this
.
setState
({
loading
:
false
,
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'warning'
},
()
=>
{
if
(
response
.
data
.
message
.
includes
(
"Someone Logged In"
))
{
if
(
response
.
data
.
message
.
includes
(
"Someone Logged In"
))
{
...
@@ -193,9 +195,9 @@ export default class TaxPlanningMR extends Component {
...
@@ -193,9 +195,9 @@ export default class TaxPlanningMR extends Component {
})
})
}
}
}
else
{
}
else
{
this
.
setState
({
dataTable
,
loading
:
false
,
buttonError
:
true
,
editable
:
true
})
this
.
setState
({
dataTable
,
loading
:
false
,
editable
:
true
})
}
}
console
.
log
(
this
.
state
.
dataTable
)
//
console.log(this.state.dataTable)
})
})
}
}
...
@@ -241,7 +243,7 @@ export default class TaxPlanningMR extends Component {
...
@@ -241,7 +243,7 @@ export default class TaxPlanningMR extends Component {
}
}
api
.
create
(
'UPLOAD'
).
createMonthlyReportTP
(
payload
).
then
(
response
=>
{
api
.
create
(
'UPLOAD'
).
createMonthlyReportTP
(
payload
).
then
(
response
=>
{
console
.
log
(
payload
);
//
console.log(payload);
console
.
log
(
response
);
console
.
log
(
response
);
if
(
response
.
data
)
{
if
(
response
.
data
)
{
if
(
response
.
data
.
status
===
"success"
)
{
if
(
response
.
data
.
status
===
"success"
)
{
...
@@ -307,7 +309,7 @@ export default class TaxPlanningMR extends Component {
...
@@ -307,7 +309,7 @@ export default class TaxPlanningMR extends Component {
checkUpload
()
{
checkUpload
()
{
api
.
create
().
checkUploadMonthlyReportTP
(
this
.
state
.
payload
).
then
(
response
=>
{
api
.
create
().
checkUploadMonthlyReportTP
(
this
.
state
.
payload
).
then
(
response
=>
{
// console.log(JSON.stringify(this.state.payload));
// console.log(JSON.stringify(this.state.payload));
console
.
log
(
this
.
state
.
payload
)
//
console.log(this.state.payload)
console
.
log
(
response
)
console
.
log
(
response
)
if
(
response
.
data
)
{
if
(
response
.
data
)
{
if
(
response
.
data
.
status
===
'success'
)
{
if
(
response
.
data
.
status
===
'success'
)
{
...
@@ -343,7 +345,7 @@ export default class TaxPlanningMR extends Component {
...
@@ -343,7 +345,7 @@ export default class TaxPlanningMR extends Component {
this
.
setState
({
buttonError
:
true
,
errorPreview
:
true
,
editable
:
true
,
saveDraft
:
true
})
this
.
setState
({
buttonError
:
true
,
errorPreview
:
true
,
editable
:
true
,
saveDraft
:
true
})
}
}
})
})
console
.
log
(
this
.
state
.
dataTable
);
//
console.log(this.state.dataTable);
})
})
}
}
}
}
...
@@ -373,8 +375,8 @@ export default class TaxPlanningMR extends Component {
...
@@ -373,8 +375,8 @@ export default class TaxPlanningMR extends Component {
}
}
// console.log(data);
// console.log(data);
api
.
create
(
'UPLOAD'
).
uploadMonthlyReportTP
(
body
).
then
(
response
=>
{
api
.
create
(
'UPLOAD'
).
uploadMonthlyReportTP
(
body
).
then
(
response
=>
{
console
.
log
(
body
);
//
console.log(body);
console
.
log
(
JSON
.
stringify
(
body
));
//
console.log(JSON.stringify(body));
console
.
log
(
response
);
console
.
log
(
response
);
if
(
response
.
data
)
{
if
(
response
.
data
)
{
if
(
response
.
data
.
status
===
"success"
)
{
if
(
response
.
data
.
status
===
"success"
)
{
...
@@ -425,7 +427,7 @@ export default class TaxPlanningMR extends Component {
...
@@ -425,7 +427,7 @@ export default class TaxPlanningMR extends Component {
// this.setState({ loading: false, buttonError: false, editable: false, saveDraft: false })
// this.setState({ loading: false, buttonError: false, editable: false, saveDraft: false })
// // alert("Type Input Can't be Empty")
// // alert("Type Input Can't be Empty")
// } else {
// } else {
this
.
setState
({
loading
:
false
,
buttonError
:
true
,
editable
:
true
,
saveDraft
:
false
})
this
.
setState
({
loading
:
false
,
editable
:
true
,
saveDraft
:
false
,
buttonError
:
false
})
// }
// }
// })
// })
}
}
...
@@ -521,7 +523,7 @@ export default class TaxPlanningMR extends Component {
...
@@ -521,7 +523,7 @@ export default class TaxPlanningMR extends Component {
if
(
String
(
item
).
includes
(
'#'
))
{
if
(
String
(
item
).
includes
(
'#'
))
{
let
splitform
=
String
(
item
).
split
(
'#'
)
let
splitform
=
String
(
item
).
split
(
'#'
)
if
(
splitform
[
1
]
==
'TP1'
||
splitform
[
1
]
==
'TP2'
||
splitform
[
1
]
==
'TP3'
)
{
if
(
splitform
[
1
]
==
'TP1'
||
splitform
[
1
]
==
'TP2'
||
splitform
[
1
]
==
'TP3'
)
{
let
indexID
=
dataTable2
.
findIndex
((
val
)
=>
val
[
24
]
==
splitform
[
0
])
let
indexID
=
dataTable2
.
findIndex
((
val
)
=>
val
[
13
]
==
splitform
[
0
])
if
(
indexID
!==
-
1
)
{
if
(
indexID
!==
-
1
)
{
let
data
=
splitform
[
1
]
==
'TP1'
?
dataTable2
[
indexID
][
tableMeta
.
columnIndex
].
tbc
:
splitform
[
1
]
==
'TP2'
?
dataTable2
[
indexID
][
tableMeta
.
columnIndex
].
fcp
:
dataTable2
[
indexID
][
tableMeta
.
columnIndex
].
tbf
let
data
=
splitform
[
1
]
==
'TP1'
?
dataTable2
[
indexID
][
tableMeta
.
columnIndex
].
tbc
:
splitform
[
1
]
==
'TP2'
?
dataTable2
[
indexID
][
tableMeta
.
columnIndex
].
fcp
:
dataTable2
[
indexID
][
tableMeta
.
columnIndex
].
tbf
let
valuezz
=
data
.
value
==
undefined
?
data
:
data
.
value
let
valuezz
=
data
.
value
==
undefined
?
data
:
data
.
value
...
@@ -546,19 +548,19 @@ export default class TaxPlanningMR extends Component {
...
@@ -546,19 +548,19 @@ export default class TaxPlanningMR extends Component {
anjay
.
push
(
valuezz
==
""
?
0
:
valuezz
)
anjay
.
push
(
valuezz
==
""
?
0
:
valuezz
)
}
}
}
else
{
}
else
{
let
data
=
dex
==
1
?
value
.
tbc
:
dex
==
2
?
value
.
fcp
:
value
.
tbf
let
data
=
tableMeta
.
rowData
[
12
]
// console.log(data);
// console.log(data);
let
indexID
=
data
.
f
ormula
.
f
indIndex
((
val
)
=>
val
.
item_formula
==
String
(
`@
${
item
}
`
)
&&
val
.
periode
==
Number
(
this
.
props
.
periode
))
let
indexID
=
data
.
findIndex
((
val
)
=>
val
.
item_formula
==
String
(
`@
${
item
}
`
)
&&
val
.
periode
==
Number
(
this
.
props
.
periode
))
if
(
indexID
!==
-
1
)
{
if
(
indexID
!==
-
1
)
{
let
valuezz
=
data
.
formula
[
indexID
].
value
let
valuezz
=
data
[
indexID
].
value
anjay
.
push
(
valuezz
==
""
?
0
:
valuezz
)
anjay
.
push
(
valuezz
==
""
?
0
:
valuezz
)
}
}
}
}
}
}
}
else
{
}
else
{
let
indexID
=
dataTable2
.
findIndex
((
val
)
=>
val
[
24
]
==
item
)
let
indexID
=
dataTable2
.
findIndex
((
val
)
=>
val
[
13
]
==
item
)
if
(
indexID
!==
-
1
)
{
if
(
indexID
!==
-
1
)
{
if
(
dataTable2
[
indexID
][
24
]
==
tableMeta
.
rowData
[
24
])
{
if
(
dataTable2
[
indexID
][
13
]
==
tableMeta
.
rowData
[
13
])
{
anjay
.
push
(
0
)
anjay
.
push
(
0
)
}
else
{
}
else
{
// console.log(dataTable2[indexID][tableMeta.columnIndex]);
// console.log(dataTable2[indexID][tableMeta.columnIndex]);
...
@@ -927,7 +929,7 @@ export default class TaxPlanningMR extends Component {
...
@@ -927,7 +929,7 @@ export default class TaxPlanningMR extends Component {
type
=
"text"
type
=
"text"
placeholder
=
""
placeholder
=
""
disabled
=
{
true
}
disabled
=
{
true
}
value
=
{
Number
(
value
.
tbc
).
toFixed
(
1
)}
value
=
{
Number
(
handleValueFormula
(
value
,
tableMeta
,
1
)
).
toFixed
(
1
)}
/
>
/
>
}
}
/
>
/
>
...
@@ -979,7 +981,7 @@ export default class TaxPlanningMR extends Component {
...
@@ -979,7 +981,7 @@ export default class TaxPlanningMR extends Component {
<
div
style
=
{{
flex
:
1
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
<
FormControlLabel
style
=
{{
margin
:
0
}}
style
=
{{
margin
:
0
}}
value
=
{
value
.
fcp
}
value
=
{
value
.
tbc
}
control
=
{
control
=
{
<
NumberFormat
<
NumberFormat
thousandSeparator
=
{
true
}
thousandSeparator
=
{
true
}
...
@@ -987,7 +989,7 @@ export default class TaxPlanningMR extends Component {
...
@@ -987,7 +989,7 @@ export default class TaxPlanningMR extends Component {
type
=
"text"
type
=
"text"
placeholder
=
""
placeholder
=
""
disabled
=
{
true
}
disabled
=
{
true
}
value
=
{
Number
(
value
.
fcp
).
toFixed
(
1
)}
value
=
{
Number
(
handleValueFormula
(
value
,
tableMeta
,
2
)
).
toFixed
(
1
)}
/
>
/
>
}
}
/
>
/
>
...
@@ -1035,15 +1037,32 @@ export default class TaxPlanningMR extends Component {
...
@@ -1035,15 +1037,32 @@ export default class TaxPlanningMR extends Component {
/
>
/
>
<
/div>
<
/div>
:
:
// tableMeta.rowData[3] === 5 || tableMeta.rowData[3] === 6 ?
// <NumberFormat
// thousandSeparator={true}
// style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
// type="text"
// placeholder=""
// disabled={true}
// value={Number(handleTotal(tableMeta, 6)).toFixed(1)}
// />
tableMeta
.
rowData
[
3
]
===
5
||
tableMeta
.
rowData
[
3
]
===
6
?
tableMeta
.
rowData
[
3
]
===
5
||
tableMeta
.
rowData
[
3
]
===
6
?
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
value
.
tbc
}
control
=
{
<
NumberFormat
<
NumberFormat
thousandSeparator
=
{
true
}
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
type
=
"text"
placeholder
=
""
placeholder
=
""
disabled
=
{
true
}
disabled
=
{
true
}
value
=
{
Number
(
handleTotal
(
tableMeta
,
6
)).
toFixed
(
1
)}
value
=
{
Number
(
handleValueFormula
(
value
,
tableMeta
,
3
)).
toFixed
(
1
)}
/
>
/
>
}
/
>
<
/div
>
:
:
tableMeta
.
rowData
[
3
]
===
7
?
null
tableMeta
.
rowData
[
3
]
===
7
?
null
// (Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) <= Number(this.state.maxValue)) ?
// (Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) <= Number(this.state.maxValue)) ?
...
@@ -1563,9 +1582,8 @@ export default class TaxPlanningMR extends Component {
...
@@ -1563,9 +1582,8 @@ export default class TaxPlanningMR extends Component {
className
=
"button"
className
=
"button"
type
=
"button"
type
=
"button"
onClick
=
{()
=>
onClick
=
{()
=>
// null
this
.
state
.
saveDraft
===
true
?
// this.state.saveDraft === true ?
null
:
// null :
this
.
state
.
handleTekTekTek
==
1
?
null
:
this
.
state
.
handleTekTekTek
==
1
?
null
:
this
.
setState
({
handleTekTekTek
:
1
,
loading
:
true
},
()
=>
{
this
.
setState
({
handleTekTekTek
:
1
,
loading
:
true
},
()
=>
{
setTimeout
(()
=>
{
setTimeout
(()
=>
{
...
@@ -1589,9 +1607,9 @@ export default class TaxPlanningMR extends Component {
...
@@ -1589,9 +1607,9 @@ export default class TaxPlanningMR extends Component {
type
=
"button"
type
=
"button"
// disabled={this.state.buttonError}
// disabled={this.state.buttonError}
onClick
=
{()
=>
onClick
=
{()
=>
//
this.state.buttonError ?
this
.
state
.
buttonError
?
//
this.setState({ alert: true, messageAlert: 'Data is not complete !', tipeAlert: 'warning' })
this
.
setState
({
alert
:
true
,
messageAlert
:
'Data is not complete !'
,
tipeAlert
:
'warning'
})
//
:
:
this
.
state
.
handleTekTekTek
==
1
?
null
:
this
.
state
.
handleTekTekTek
==
1
?
null
:
this
.
setState
({
handleTekTekTek
:
1
,
loading
:
true
},
()
=>
{
this
.
setState
({
handleTekTekTek
:
1
,
loading
:
true
},
()
=>
{
setTimeout
(()
=>
{
setTimeout
(()
=>
{
...
@@ -1601,7 +1619,7 @@ export default class TaxPlanningMR extends Component {
...
@@ -1601,7 +1619,7 @@ export default class TaxPlanningMR extends Component {
}
}
style
=
{{
style
=
{{
backgroundColor
:
'transparent'
,
backgroundColor
:
'transparent'
,
cursor
:
this
.
state
.
saveDraft
===
true
?
'default'
:
'pointer'
,
cursor
:
this
.
state
.
buttonError
===
true
?
'default'
:
'pointer'
,
borderColor
:
'transparent'
,
borderColor
:
'transparent'
,
outline
:
'none'
outline
:
'none'
}}
}}
...
...
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