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
e4bf28c1
Commit
e4bf28c1
authored
Dec 24, 2020
by
rifkaki
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'master' of
http://103.44.149.204/d.arizona/tia-dev
into rifka
parents
adf82e09
fadd910f
Changes
5
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
221 additions
and
113 deletions
+221
-113
index.js
src/api/index.js
+3
-1
MonthlyReport.js
src/container/MonthlyReport.js
+132
-46
ListOfCreditFacilities.js
src/container/MonthlyReport/ListOfCreditFacilities.js
+14
-12
OperatingIndicatorMR.js
src/container/MonthlyReport/OperatingIndicatorMR.js
+69
-51
ProfitLossMR.js
src/container/MonthlyReport/ProfitLossMR.js
+3
-3
No files found.
src/api/index.js
View file @
e4bf28c1
...
...
@@ -254,6 +254,7 @@ const create = (type = "") => {
// Monthly
const
getMonthlyReport
=
(
body
)
=>
api
.
post
(
'transaction/monthly_report/get_all_report'
,
body
)
const
getMonthlyOI
=
(
body
)
=>
api
.
post
(
'transaction/monthly_report_oi/get_operating_indicator_id'
,
body
)
const
getMonthlyReportID
=
(
body
)
=>
api
.
post
(
'transaction/monthly_report/get_monthly_report_id'
,
body
)
const
getHierarkiMontlyReportBS
=
(
body
)
=>
api
.
post
(
'transaction/monthly_report_bs/get_report_hierarki'
,
body
)
const
getHierarkiMontlyReportOI
=
(
body
)
=>
api
.
post
(
'transaction/monthly_report_oi/get_report_hierarki'
,
body
)
...
...
@@ -530,7 +531,8 @@ const create = (type = "") => {
getPerBSiMontlyReportLOCF
,
checkUploadMonthlyReportLOCF
,
uploadMonthlyReportLOCF
,
validateSubmitReportOI
validateSubmitReportOI
,
getMonthlyOI
}
}
...
...
src/container/MonthlyReport.js
View file @
e4bf28c1
import
React
,
{
Component
}
from
'react'
;
import
{
Typography
,
Paper
,
TextField
,
MenuItem
,
Select
,
FormControlLabel
,
Snackbar
,
withStyles
,
createMuiTheme
,
MuiThemeProvider
}
from
'@material-ui/core'
;
import
{
Typography
,
Paper
,
TextField
,
MenuItem
,
Select
,
FormControlLabel
,
Snackbar
,
withStyles
,
createMuiTheme
,
MuiThemeProvider
,
Checkbox
}
from
'@material-ui/core'
;
import
MUIDataTable
from
'mui-datatables'
;
import
Images
from
'../assets/Images'
;
import
api
from
'../api'
;
...
...
@@ -55,7 +55,11 @@ export default class MonthlyReport extends Component {
tipeAlert
:
''
,
messageAlert
:
''
,
btnCreate
:
false
,
loadview
:
false
loadview
:
false
,
submittedOnly
:
false
,
company_active
:
null
,
company_submit
:
null
,
still_approver
:
false
}
this
.
fileHandler
=
this
.
fileHandler
.
bind
(
this
);
}
...
...
@@ -102,10 +106,16 @@ export default class MonthlyReport extends Component {
if
(
response
.
data
)
{
if
(
response
.
data
.
status
===
"success"
)
{
if
(
response
.
data
.
data
.
is_approver
===
true
)
{
this
.
setState
({
isApprover
:
true
,
checkApprover
:
true
},
()
=>
this
.
getMonth
())
this
.
setState
({
isApprover
:
true
,
checkApprover
:
true
,
still_approver
:
true
},
()
=>
{
if
(
this
.
state
.
submittedOnly
)
{
this
.
getMonth
()
}
else
{
this
.
getCompanyActive
()
}
})
}
else
{
this
.
setState
({
isApprover
:
false
,
checkApprover
:
false
},
()
=>
this
.
setState
({
isApprover
:
false
,
checkApprover
:
false
,
still_approver
:
false
},
()
=>
this
.
getCompanyActive
())
}
}
else
{
...
...
@@ -206,8 +216,9 @@ export default class MonthlyReport extends Component {
options
:
companyData
,
getOptionLabel
:
(
option
)
=>
titleCase
(
option
.
company_name
),
};
this
.
setState
({
listCompany
:
defaultProps
,
company
:
companyData
[
0
]
},
()
=>
{
this
.
setState
({
listCompany
:
defaultProps
,
company
:
companyData
[
0
]
,
company_active
:
defaultProps
},
()
=>
{
this
.
getMonth
()
// console.log(this.state.company_active)
})
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'warning'
},
()
=>
{
...
...
@@ -248,7 +259,11 @@ export default class MonthlyReport extends Component {
console
.
log
(
index
);
this
.
setState
({
listMonth
:
defaultProps
,
month
:
index
==
-
1
?
monthData
[
0
]
:
monthData
[
index
]
},
()
=>
{
if
(
this
.
state
.
isApprover
===
true
)
{
this
.
getPeriode
()
if
(
this
.
state
.
submittedOnly
)
{
this
.
getPeriode
()
}
else
{
this
.
getLastPeriod
()
}
}
else
{
this
.
getLastPeriod
()
}
...
...
@@ -313,7 +328,7 @@ export default class MonthlyReport extends Component {
// console.log(periodeData)
console
.
log
(
index
)
this
.
setState
({
listPeriode
:
defaultProps
,
periode
:
index
===
-
1
?
periodeData
[
0
]
:
periodeData
[
index
]
},
()
=>
{
if
(
this
.
state
.
isApprover
===
true
)
{
if
(
this
.
state
.
isApprover
===
true
&&
this
.
state
.
submittedOnly
)
{
this
.
getCompanySubmitted
()
}
else
{
this
.
getRevision
()
...
...
@@ -361,17 +376,20 @@ export default class MonthlyReport extends Component {
if
(
this
.
state
.
rawData
!==
undefined
)
{
indexID
=
companyData
.
findIndex
((
val
)
=>
val
.
company_id
==
this
.
state
.
rawData
.
company_id
)
}
this
.
setState
({
listCompany
:
defaultProps
,
company
:
indexID
==
null
?
companyData
[
0
]
:
companyData
[
indexID
]
},
()
=>
{
// console.log(response.data.data.length)
this
.
setState
({
listCompany
:
defaultProps
,
company
:
indexID
==
null
?
companyData
[
0
]
:
companyData
[
indexID
],
company_submit
:
defaultProps
},
()
=>
{
// console.log(response.data.data.length)
if
(
response
.
data
.
data
.
length
>
0
)
{
this
.
getRevision
()
}
else
{
// console.log(this.state.listCompany)
// console.log(this.state.company_submit)
this
.
setState
({
listRevision
:
null
,
revision
:
null
,
dataTable
:
[],
checkApprover
:
false
,
lastRevision
:
""
,
visibleTableHistory
:
false
})
}
//
})
}
else
{
this
.
setState
({
listRevision
:
null
,
revision
:
null
,
dataTable
:
[],
checkApprover
:
false
,
lastRevision
:
""
,
visibleTableHistory
:
false
,
loading
:
false
},
()
=>
{
this
.
setState
({
listRevision
:
null
,
revision
:
null
,
listCompany
:
null
,
company
:
null
,
dataTable
:
[],
checkApprover
:
false
,
lastRevision
:
""
,
visibleTableHistory
:
false
,
loading
:
false
},
()
=>
{
document
.
body
.
style
.
overflow
=
'unset'
;
})
}
...
...
@@ -458,10 +476,9 @@ export default class MonthlyReport extends Component {
this
.
getReport
()
this
.
getReportAttachment
()
api
.
create
().
checkApproverMonthly
().
then
(
response
=>
{
// // console.log(response);
if
(
this
.
state
.
btnCreate
===
true
&&
this
.
state
.
btnEdit
===
true
)
{
console
.
log
(
'editable'
);
this
.
setState
({
isApprover
:
false
,
checkApprover
:
false
})
this
.
setState
({
isApprover
:
this
.
state
.
still_approver
?
true
:
false
,
checkApprover
:
false
})
}
else
{
console
.
log
(
'just view'
);
this
.
setState
({
isApprover
:
true
,
checkApprover
:
true
})
...
...
@@ -871,39 +888,108 @@ export default class MonthlyReport extends Component {
<
/div
>
<
div
style
=
{{
padding
:
20
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
<
Autocomplete
{...
this
.
state
.
listMonth
}
id
=
"month"
onChange
=
{(
event
,
newInputValue
)
=>
this
.
setState
({
month
:
newInputValue
,
loading
:
true
},
()
=>
{
if
(
this
.
state
.
isApprover
===
true
)
{
this
.
getCompanySubmitted
()
}
else
{
this
.
setState
({
visibleTableHistory
:
false
})
this
.
getRevision
()
}
})}
disableClearable
style
=
{{
width
:
250
,
marginRight
:
20
}}
renderInput
=
{(
params
)
=>
<
TextField
{...
params
}
label
=
"Month"
margin
=
"normal"
style
=
{{
marginTop
:
7
}}
/>
}
value
=
{
this
.
state
.
month
}
/
>
<
Autocomplete
{...
this
.
state
.
listPeriode
}
id
=
"periode"
onChange
=
{(
event
,
newInputValue
)
=>
this
.
setState
({
periode
:
newInputValue
,
loading
:
true
},
()
=>
{
if
(
this
.
state
.
isApprover
===
true
)
{
this
.
getCompanySubmitted
()
}
else
{
this
.
setState
({
visibleTableHistory
:
false
})
this
.
getRevision
()
}
})}
disableClearable
style
=
{{
width
:
250
}}
renderInput
=
{(
params
)
=>
<
TextField
{...
params
}
label
=
"Period"
margin
=
"normal"
style
=
{{
marginTop
:
7
}}
/>
}
value
=
{
this
.
state
.
periode
}
/
>
{
this
.
state
.
isApprover
?
<
div
className
=
"grid grid-2x"
style
=
{{}}
>
<
div
className
=
"col-1"
style
=
{{
display
:
'flex'
,
maxWidth
:
'100%'
,
paddingLeft
:
0
}}
>
<
Autocomplete
{...
this
.
state
.
listMonth
}
id
=
"month"
onChange
=
{(
event
,
newInputValue
)
=>
this
.
setState
({
month
:
newInputValue
,
loading
:
true
},
()
=>
{
if
(
this
.
state
.
isApprover
===
true
)
{
this
.
getCompanySubmitted
()
}
else
{
this
.
setState
({
visibleTableHistory
:
false
})
this
.
getRevision
()
}
})}
disableClearable
style
=
{{
width
:
250
,
marginRight
:
20
}}
renderInput
=
{(
params
)
=>
<
TextField
{...
params
}
label
=
"Month"
margin
=
"normal"
style
=
{{
marginTop
:
7
}}
/>
}
value
=
{
this
.
state
.
month
}
/
>
<
Autocomplete
{...
this
.
state
.
listPeriode
}
id
=
"periode"
onChange
=
{(
event
,
newInputValue
)
=>
this
.
setState
({
periode
:
newInputValue
,
loading
:
true
},
()
=>
{
if
(
this
.
state
.
isApprover
===
true
)
{
this
.
getCompanySubmitted
()
}
else
{
this
.
setState
({
visibleTableHistory
:
false
})
this
.
getRevision
()
}
})}
disableClearable
style
=
{{
width
:
250
}}
renderInput
=
{(
params
)
=>
<
TextField
{...
params
}
label
=
"Period"
margin
=
"normal"
style
=
{{
marginTop
:
7
}}
/>
}
value
=
{
this
.
state
.
periode
}
/
>
<
/div
>
<
div
className
=
"col-2"
style
=
{{
display
:
'flex'
,
justifyContent
:
'flex-end'
,
maxWidth
:
'100%'
,
alignSelf
:
'flex-end'
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
this
.
state
.
submittedOnly
}
control
=
{
<
Checkbox
checked
=
{
this
.
state
.
submittedOnly
}
onClick
=
{()
=>
this
.
setState
({
submittedOnly
:
!
this
.
state
.
submittedOnly
,
loading
:
true
},
()
=>
{
this
.
getChecApprover
()
// console.log(this.state.company)
// this.setState({listCompany: this.state.submittedOnly? this.state.company_submit : this.state.company_active, company: this.state.listCompany != null? this.state.listCompany.options[0] : null})
// console.log(this.state.company_active)
// console.log(this.state.company_submit)
// console.log(this.state.company)
// console.log(this.state.submittedOnly)
// if (this.state.submittedOnly) {
// this.getCompanySubmitted()
// } else {
// this.getCompanyActive()
// }
})}
/
>
}
/
>
<
Typography
style
=
{{
fontSize
:
'16px'
,
color
:
'#4b4b4b'
,
fontWeight
:
'bold'
,
marginLeft
:
5
,
alignSelf
:
'center'
}}
>
Submitted
Only
<
/Typography
>
<
/div
>
<
/div
>
:
<
div
style
=
{{
display
:
'flex'
}}
>
<
Autocomplete
{...
this
.
state
.
listMonth
}
id
=
"month"
onChange
=
{(
event
,
newInputValue
)
=>
this
.
setState
({
month
:
newInputValue
,
loading
:
true
},
()
=>
{
if
(
this
.
state
.
isApprover
===
true
)
{
this
.
getCompanySubmitted
()
}
else
{
this
.
setState
({
visibleTableHistory
:
false
})
this
.
getRevision
()
}
})}
disableClearable
style
=
{{
width
:
250
,
marginRight
:
20
}}
renderInput
=
{(
params
)
=>
<
TextField
{...
params
}
label
=
"Month"
margin
=
"normal"
style
=
{{
marginTop
:
7
}}
/>
}
value
=
{
this
.
state
.
month
}
/
>
<
Autocomplete
{...
this
.
state
.
listPeriode
}
id
=
"periode"
onChange
=
{(
event
,
newInputValue
)
=>
this
.
setState
({
periode
:
newInputValue
,
loading
:
true
},
()
=>
{
if
(
this
.
state
.
isApprover
===
true
)
{
this
.
getCompanySubmitted
()
}
else
{
this
.
setState
({
visibleTableHistory
:
false
})
this
.
getRevision
()
}
})}
disableClearable
style
=
{{
width
:
250
}}
renderInput
=
{(
params
)
=>
<
TextField
{...
params
}
label
=
"Period"
margin
=
"normal"
style
=
{{
marginTop
:
7
}}
/>
}
value
=
{
this
.
state
.
periode
}
/
>
<
/div
>
}
<
/div
>
<
div
style
=
{{
marginTop
:
20
}}
>
<
Autocomplete
...
...
src/container/MonthlyReport/ListOfCreditFacilities.js
View file @
e4bf28c1
...
...
@@ -1198,7 +1198,7 @@ export default class ListOfCreditFacilities extends Component {
// console.log(totalLoan);
// dataTable: newData, totalOutStand: newData[newData.length-1][22]
if
(
bankNameEmpty
)
{
this
.
setState
({
loading
:
false
,
dataTable
:
this
.
state
.
dataTable
,
totalOutStand
:
0
,
diff
:
Number
(
0
-
this
.
state
.
perBS
),
saveDraft
:
false
})
this
.
setState
({
loading
:
false
,
dataTable
:
this
.
state
.
dataTable
,
totalOutStand
:
0
,
diff
:
Number
(
0
-
this
.
state
.
perBS
),
saveDraft
:
true
,
saveComp
:
true
})
}
else
{
this
.
setState
({
loading
:
false
,
dataTable
:
newData
,
totalOutStand
:
totalLoan
,
diff
:
Number
(
totalLoan
-
this
.
state
.
perBS
),
saveDraft
:
false
,
saveComp
:
Number
(
totalLoan
-
this
.
state
.
perBS
)
==
0
?
false
:
true
})
}
...
...
@@ -3490,7 +3490,7 @@ export default class ListOfCreditFacilities extends Component {
<
div
style
=
{{
flex
:
1
,
padding
:
20
,
width
:
'100%'
}}
>
{
this
.
state
.
visibleLOCFMR
?
<
Paper
style
=
{{
paddingTop
:
10
,
paddingBottom
:
20
}}
>
<
Snackbar
open
=
{
this
.
state
.
snekbar
}
autoHideDuration
=
{
6
000
}
onClose
=
{
handleClose
}
>
<
Snackbar
open
=
{
this
.
state
.
snekbar
}
autoHideDuration
=
{
3
000
}
onClose
=
{
handleClose
}
>
<
Alert
onClose
=
{
handleClose
}
severity
=
"error"
>
{
this
.
state
.
snekbarMsg
}
<
/Alert
>
...
...
@@ -3507,7 +3507,7 @@ export default class ListOfCreditFacilities extends Component {
<
/div
>
<
div
style
=
{{
width
:
'50%'
}}
>
<
div
style
=
{{
justifyContent
:
'flex-end'
,
display
:
'flex'
,
flexFlow
:
'wrap'
}}
>
{(
this
.
state
.
get_for
==
'edit'
&&
(
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'
))
&&
(
{(
this
.
state
.
get_for
==
'edit'
&&
<
div
>
<
a
data
-
tip
=
{
'Download Template'
}
data
-
for
=
"template"
>
<
button
...
...
@@ -3525,7 +3525,7 @@ export default class ListOfCreditFacilities extends Component {
<
ReactTooltip
border
=
{
true
}
id
=
"template"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
)}
{(
this
.
state
.
get_for
==
'edit'
&&
(
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'
))
&&
(
{(
this
.
state
.
get_for
==
'edit'
&&
<
div
>
<
a
data
-
tip
=
{
'Upload'
}
data
-
for
=
"upload"
>
<
button
...
...
@@ -3670,7 +3670,8 @@ export default class ListOfCreditFacilities extends Component {
type
=
"button"
onClick
=
{()
=>
this
.
state
.
saveDraft
===
true
?
null
:
this
.
setState
({
snekbar
:
true
,
snekbarMsg
:
'Data Incomplete !'
})
:
this
.
state
.
handleTekTekTek
==
1
?
null
:
this
.
setState
({
handleTekTekTek
:
1
,
loading
:
true
},
()
=>
{
setTimeout
(()
=>
{
...
...
@@ -3680,7 +3681,7 @@ export default class ListOfCreditFacilities extends Component {
}
style
=
{{
backgroundColor
:
'transparent'
,
cursor
:
this
.
state
.
saveDraft
!==
true
?
'pointer'
:
'default
'
,
cursor
:
'pointer
'
,
borderColor
:
'transparent'
,
outline
:
'none'
,
marginRight
:
20
...
...
@@ -3699,7 +3700,7 @@ export default class ListOfCreditFacilities extends Component {
// disabled={this.state.buttonError}
onClick
=
{()
=>
this
.
state
.
saveComp
?
this
.
setState
({
alert
:
true
,
messageAlert
:
'Data is not complete !'
,
tipeAlert
:
'warning'
})
this
.
setState
({
snekbar
:
true
,
snekbarMsg
:
'Data Incomplete !'
})
:
this
.
state
.
handleTekTekTek
==
1
?
null
:
this
.
setState
({
handleTekTekTek
:
1
,
loading
:
true
},
()
=>
{
...
...
@@ -3710,7 +3711,7 @@ export default class ListOfCreditFacilities extends Component {
}
style
=
{{
backgroundColor
:
'transparent'
,
cursor
:
this
.
state
.
saveComp
===
true
?
'default'
:
'pointer'
,
cursor
:
'pointer'
,
borderColor
:
'transparent'
,
outline
:
'none'
}}
...
...
@@ -3824,7 +3825,8 @@ export default class ListOfCreditFacilities extends Component {
type
=
"button"
onClick
=
{()
=>
this
.
state
.
saveDraft
===
true
?
null
:
this
.
setState
({
snekbar
:
true
,
snekbarMsg
:
'Data Incomplete !'
})
:
this
.
state
.
handleTekTekTek
==
1
?
null
:
this
.
setState
({
handleTekTekTek
:
1
,
loading
:
true
},
()
=>
{
setTimeout
(()
=>
{
...
...
@@ -3834,7 +3836,7 @@ export default class ListOfCreditFacilities extends Component {
}
style
=
{{
backgroundColor
:
'transparent'
,
cursor
:
this
.
state
.
saveDraft
!==
true
?
'pointer'
:
'default
'
,
cursor
:
'pointer
'
,
borderColor
:
'transparent'
,
outline
:
'none'
,
marginRight
:
20
...
...
@@ -3855,7 +3857,7 @@ export default class ListOfCreditFacilities extends Component {
// disabled={this.state.buttonError}
onClick
=
{()
=>
this
.
state
.
saveComp
?
this
.
setState
({
alert
:
true
,
messageAlert
:
'Data is not complete !'
,
tipeAlert
:
'warning'
})
this
.
setState
({
snekbar
:
true
,
snekbarMsg
:
'Data Incomplete !'
})
:
this
.
state
.
handleTekTekTek
==
1
?
null
:
this
.
setState
({
handleTekTekTek
:
1
,
loading
:
true
},
()
=>
{
...
...
@@ -3866,7 +3868,7 @@ export default class ListOfCreditFacilities extends Component {
}
style
=
{{
backgroundColor
:
'transparent'
,
cursor
:
this
.
state
.
saveComp
===
true
?
'default'
:
'pointer'
,
cursor
:
'pointer'
,
borderColor
:
'transparent'
,
outline
:
'none'
}}
...
...
src/container/MonthlyReport/OperatingIndicatorMR.js
View file @
e4bf28c1
...
...
@@ -63,6 +63,7 @@ export default class OperatingIndicatorMR extends Component {
editable
:
true
,
emptyData
:
false
,
templateNull
:
true
,
judulColumn
:
null
,
get_for
:
'view'
}
this
.
fileHandler
=
this
.
fileHandler
.
bind
(
this
);
...
...
@@ -83,7 +84,7 @@ export default class OperatingIndicatorMR extends Component {
getLatestUpdate
()
{
let
payload
=
{
"operating_indicator_id"
:
this
.
props
.
data
.
operatingIndID
,
"operating_indicator_id"
:
this
.
state
.
operatingIndIDMonthly
,
"report_id"
:
this
.
props
.
data
.
report_id
,
"company_id"
:
this
.
props
.
data
.
company
.
company_id
,
"periode"
:
this
.
props
.
data
.
periode
,
...
...
@@ -147,12 +148,14 @@ export default class OperatingIndicatorMR extends Component {
}
getOperatingIDMonthly
()
{
// console.log(this.props.data.operatingIndID);
let
payload
=
{
"company_id"
:
this
.
props
.
data
.
company
.
company_id
,
"periode"
:
this
.
props
.
data
.
periode
.
periode
,
"periode"
:
this
.
props
.
data
.
periode
,
"months"
:
this
.
props
.
data
.
report_id
===
22
?
1
:
23
?
2
:
24
?
3
:
25
?
4
:
27
?
5
:
28
?
6
:
29
?
7
:
31
?
8
:
32
?
9
:
33
?
10
:
35
?
11
:
36
?
12
:
null
}
api
.
create
().
getOpetratingIndID
(
payload
).
then
(
response
=>
{
api
.
create
().
getMonthlyOI
(
payload
).
then
(
response
=>
{
console
.
log
(
response
);
if
(
response
)
{
if
(
response
.
data
.
data
)
{
this
.
setState
({
operatingIndIDMonthly
:
response
.
data
.
data
.
operating_indicator_id
}
,
()
=>
{
...
...
@@ -177,12 +180,13 @@ export default class OperatingIndicatorMR extends Component {
"months"
:
this
.
props
.
data
.
report_id
===
22
?
1
:
23
?
2
:
24
?
3
:
25
?
4
:
27
?
5
:
28
?
6
:
29
?
7
:
31
?
8
:
32
?
9
:
33
?
10
:
35
?
11
:
36
?
12
:
null
,
"get_for"
:
this
.
state
.
get_for
}
console
.
log
(
payload
);
api
.
create
().
getHierarkiMontlyReportOI
(
payload
).
then
(
response
=>
{
console
.
log
(
response
);
// console.log(JSON.stringify(response));
let
dataTable
=
[]
if
(
response
.
data
)
{
let
res
=
response
.
data
.
data
console
.
log
(
res
);
const
handlePushChild
=
(
item
)
=>
{
let
indexIDzz
=
dataTable
.
findIndex
((
val
)
=>
val
[
1
]
===
item
.
id
)
if
(
indexIDzz
===
-
1
)
{
...
...
@@ -195,13 +199,13 @@ export default class OperatingIndicatorMR extends Component {
item
.
description
,
item
.
uom
===
""
?
null
:
item
.
uom
,
item
.
monthly_report
.
rolling_outlook
===
null
?
"0.0"
:
item
.
monthly_report
.
rolling_outlook
===
""
?
"0.0"
:
item
.
monthly_report
.
rolling_outlook
,
item
.
monthly_report
.
master_budget
===
null
?
"0.0"
:
item
.
monthly_report
.
rolling_outlook
===
""
?
"0.0"
:
item
.
monthly_report
.
master_budget
,
item
.
monthly_report
.
rolling_budget
===
null
?
"0.0"
:
item
.
monthly_report
.
rolling_
outlook
===
""
?
"0.0"
:
item
.
monthly_report
.
rolling_budget
,
item
.
monthly_report
.
actual
===
null
?
"0.0"
:
item
.
monthly_report
.
rolling_outlook
===
""
?
"0.0"
:
item
.
monthly_report
.
actual
,
item
.
monthly_report
.
amount_act_vs_mb
===
null
?
"0.0"
:
item
.
monthly_report
.
rolling_outlook
===
""
?
"0.0"
:
item
.
monthly_report
.
amount_act_vs_mb
,
item
.
monthly_report
.
percent_act_vs_mb
===
null
?
"0.0"
:
item
.
monthly_report
.
rolling_outlook
===
""
?
"0.0"
:
item
.
monthly_report
.
percent_act_vs_mb
,
item
.
monthly_report
.
amount_act_vs_rb
===
null
?
"0.0"
:
item
.
monthly_report
.
rolling_outlook
===
""
?
"0.0"
:
item
.
monthly_report
.
amount_act_vs_rb
,
item
.
monthly_report
.
percent_act_vs_rb
===
null
?
"0.0"
:
item
.
monthly_report
.
rolling_outlook
===
""
?
"0.0"
:
item
.
monthly_report
.
percent_act_vs_rb
,
item
.
monthly_report
.
master_budget
===
null
?
"0.0"
:
item
.
monthly_report
.
master_budget
===
""
?
"0.0"
:
item
.
monthly_report
.
master_budget
,
item
.
monthly_report
.
rolling_budget
===
null
?
"0.0"
:
item
.
monthly_report
.
rolling_
budget
===
""
?
"0.0"
:
item
.
monthly_report
.
rolling_budget
,
item
.
monthly_report
.
actual
===
null
?
"0.0"
:
item
.
monthly_report
.
actual
===
""
?
"0.0"
:
item
.
monthly_report
.
actual
,
item
.
monthly_report
.
amount_act_vs_mb
===
null
?
"0.0"
:
item
.
monthly_report
.
amount_act_vs_mb
===
""
?
"0.0"
:
item
.
monthly_report
.
amount_act_vs_mb
,
item
.
monthly_report
.
percent_act_vs_mb
===
null
?
"0.0"
:
item
.
monthly_report
.
percent_act_vs_mb
===
""
?
"0.0"
:
item
.
monthly_report
.
percent_act_vs_mb
,
item
.
monthly_report
.
amount_act_vs_rb
===
null
?
"0.0"
:
item
.
monthly_report
.
amount_act_vs_rb
===
""
?
"0.0"
:
item
.
monthly_report
.
amount_act_vs_rb
,
item
.
monthly_report
.
percent_act_vs_rb
===
null
?
"0.0"
:
item
.
monthly_report
.
percent_act_vs_rb
===
""
?
"0.0"
:
item
.
monthly_report
.
percent_act_vs_rb
,
item
.
monthly_report
.
mtd_vs_mb
===
null
?
""
:
item
.
monthly_report
.
mtd_vs_mb
,
item
.
monthly_report
.
mtd_vs_rb
===
null
?
""
:
item
.
monthly_report
.
mtd_vs_rb
,
item
.
order
,
...
...
@@ -225,13 +229,13 @@ export default class OperatingIndicatorMR extends Component {
item
.
description
,
item
.
uom
===
""
?
null
:
item
.
uom
,
item
.
monthly_report
.
rolling_outlook
===
null
?
"0.0"
:
item
.
monthly_report
.
rolling_outlook
===
""
?
"0.0"
:
item
.
monthly_report
.
rolling_outlook
,
item
.
monthly_report
.
master_budget
===
null
?
"0.0"
:
item
.
monthly_report
.
rolling_outlook
===
""
?
"0.0"
:
item
.
monthly_report
.
master_budget
,
item
.
monthly_report
.
rolling_budget
===
null
?
"0.0"
:
item
.
monthly_report
.
rolling_
outlook
===
""
?
"0.0"
:
item
.
monthly_report
.
rolling_budget
,
item
.
monthly_report
.
actual
===
null
?
"0.0"
:
item
.
monthly_report
.
rolling_outlook
===
""
?
"0.0"
:
item
.
monthly_report
.
actual
,
item
.
monthly_report
.
amount_act_vs_mb
===
null
?
"0.0"
:
item
.
monthly_report
.
rolling_outlook
===
""
?
"0.0"
:
item
.
monthly_report
.
amount_act_vs_mb
,
item
.
monthly_report
.
percent_act_vs_mb
===
null
?
"0.0"
:
item
.
monthly_report
.
rolling_outlook
===
""
?
"0.0"
:
item
.
monthly_report
.
percent_act_vs_mb
,
item
.
monthly_report
.
amount_act_vs_rb
===
null
?
"0.0"
:
item
.
monthly_report
.
rolling_outlook
===
""
?
"0.0"
:
item
.
monthly_report
.
amount_act_vs_rb
,
item
.
monthly_report
.
percent_act_vs_rb
===
null
?
"0.0"
:
item
.
monthly_report
.
rolling_outlook
===
""
?
"0.0"
:
item
.
monthly_report
.
percent_act_vs_rb
,
item
.
monthly_report
.
master_budget
===
null
?
"0.0"
:
item
.
monthly_report
.
master_budget
===
""
?
"0.0"
:
item
.
monthly_report
.
master_budget
,
item
.
monthly_report
.
rolling_budget
===
null
?
"0.0"
:
item
.
monthly_report
.
rolling_
budget
===
""
?
"0.0"
:
item
.
monthly_report
.
rolling_budget
,
item
.
monthly_report
.
actual
===
null
?
"0.0"
:
item
.
monthly_report
.
actual
===
""
?
"0.0"
:
item
.
monthly_report
.
actual
,
item
.
monthly_report
.
amount_act_vs_mb
===
null
?
"0.0"
:
item
.
monthly_report
.
amount_act_vs_mb
===
""
?
"0.0"
:
item
.
monthly_report
.
amount_act_vs_mb
,
item
.
monthly_report
.
percent_act_vs_mb
===
null
?
"0.0"
:
item
.
monthly_report
.
percent_act_vs_mb
===
""
?
"0.0"
:
item
.
monthly_report
.
percent_act_vs_mb
,
item
.
monthly_report
.
amount_act_vs_rb
===
null
?
"0.0"
:
item
.
monthly_report
.
amount_act_vs_rb
===
""
?
"0.0"
:
item
.
monthly_report
.
amount_act_vs_rb
,
item
.
monthly_report
.
percent_act_vs_rb
===
null
?
"0.0"
:
item
.
monthly_report
.
percent_act_vs_rb
===
""
?
"0.0"
:
item
.
monthly_report
.
percent_act_vs_rb
,
item
.
monthly_report
.
mtd_vs_mb
===
null
?
""
:
item
.
monthly_report
.
mtd_vs_mb
,
item
.
monthly_report
.
mtd_vs_rb
===
null
?
""
:
item
.
monthly_report
.
mtd_vs_rb
,
item
.
order
,
...
...
@@ -305,7 +309,7 @@ export default class OperatingIndicatorMR extends Component {
})
})
let
payload
=
{
"operating_indicator_id"
:
this
.
props
.
data
.
operatingIndID
,
"operating_indicator_id"
:
this
.
state
.
operatingIndIDMonthly
,
"report_id"
:
this
.
props
.
data
.
report_id
,
"company_id"
:
this
.
props
.
data
.
company
.
company_id
,
"periode"
:
this
.
props
.
data
.
periode
,
...
...
@@ -353,7 +357,7 @@ export default class OperatingIndicatorMR extends Component {
monthly_report
:
payload
}
console
.
log
(
body
)
this
.
setState
({
payload
:
body
,
buttonError
:
false
,
judul
:
resp
.
rows
[
1
][
0
],
judulColumn
:
resp
.
rows
[
0
][
0
]
})
this
.
setState
({
payload
:
body
,
judul
:
resp
.
rows
[
1
][
0
],
judulColumn
:
resp
.
rows
[
0
][
0
]
})
}
});
}
...
...
@@ -424,15 +428,15 @@ export default class OperatingIndicatorMR extends Component {
})
let
body
=
{
company_id
:
this
.
props
.
data
.
company
.
company_id
,
operating_indicator_id
:
this
.
props
.
data
.
operatingIndID
,
operating_indicator_id
:
this
.
state
.
operatingIndIDMonthly
,
periode
:
this
.
props
.
data
.
periode
,
report_id
:
this
.
props
.
data
.
report_id
,
status
:
type
,
months
:
this
.
props
.
data
.
report_id
===
22
?
1
:
23
?
2
:
24
?
3
:
25
?
4
:
27
?
5
:
28
?
6
:
29
?
7
:
31
?
8
:
32
?
9
:
33
?
10
:
35
?
11
:
36
?
12
:
null
,
monthly_report
:
data
}
console
.
log
(
data
);
//
//
console.log(JSON.stringify(body))
// console.log(body
);
// console.log(JSON.stringify(body))
api
.
create
(
'UPLOAD'
).
uploadMonthlyReportOI
(
body
).
then
(
response
=>
{
// // console.log(response);
this
.
setState
({
loading
:
false
})
...
...
@@ -481,7 +485,7 @@ export default class OperatingIndicatorMR extends Component {
// console.log(JSON.stringify(data))
let
payload
=
{
"operating_indicator_id"
:
this
.
props
.
data
.
operatingIndID
,
"operating_indicator_id"
:
this
.
state
.
operatingIndIDMonthly
,
"report_id"
:
this
.
props
.
data
.
report_id
,
"company_id"
:
this
.
props
.
data
.
company
.
company_id
,
"periode"
:
this
.
props
.
data
.
periode
,
...
...
@@ -1374,6 +1378,11 @@ export default class OperatingIndicatorMR extends Component {
<
div
className
=
{
"main-color"
}
style
=
{{
height
:
78
,
flex
:
1
,
display
:
'flex'
,
alignItems
:
'center'
,
paddingLeft
:
20
}}
>
<
Typography
style
=
{{
fontSize
:
'16px'
,
color
:
'white'
}}
>
Monthly
Report
Submission
<
/Typography
>
<
/div
>
<
Snackbar
open
=
{
this
.
state
.
alert
}
autoHideDuration
=
{
6000
}
onClose
=
{()
=>
this
.
closeAlert
()}
>
<
Alert
onClose
=
{()
=>
this
.
closeAlert
()}
severity
=
{
this
.
state
.
tipeAlert
}
>
{
this
.
state
.
messageAlert
}
<
/Alert
>
<
/Snackbar
>
<
div
style
=
{{
flex
:
1
,
padding
:
20
,
width
:
'100%'
}}
>
{
this
.
state
.
visibleOI
===
true
?
<
Paper
style
=
{{
paddingTop
:
10
,
paddingBottom
:
20
}}
>
...
...
@@ -1463,7 +1472,7 @@ export default class OperatingIndicatorMR extends Component {
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
,
marginTop
:
10
}}
>
Notes
:
{
this
.
state
.
notesUpdate
}
<
/Typography
>
<
/div
>
<
div
className
=
"grid grid-2x"
>
<
div
className
=
"col-1"
>
<
div
className
=
"col-1"
style
=
{{
paddingLeft
:
20
}}
>
<
button
className
=
"button"
type
=
"button"
...
...
@@ -1484,7 +1493,7 @@ export default class OperatingIndicatorMR extends Component {
<
/div
>
<
/button
>
<
/div
>
{
!
this
.
state
.
emptyData
&&
(
this
.
props
.
permission
.
create
||
this
.
props
.
permission
.
edit
)
&&
this
.
props
.
isSubmit
&&
<
div
className
=
"col-2"
style
=
{{
display
:
'flex'
,
justifyContent
:
'flex-end'
,
maxWidth
:
'100%'
}}
>
{
!
this
.
state
.
emptyData
&&
(
this
.
props
.
permission
.
create
||
this
.
props
.
permission
.
edit
)
&&
this
.
props
.
isSubmit
&&
<
div
className
=
"col-2"
style
=
{{
display
:
'flex'
,
justifyContent
:
'flex-end'
,
maxWidth
:
'100%'
,
paddingRight
:
2
}}
>
{
this
.
state
.
get_for
==
'view'
&&
<
button
type
=
"button"
onClick
=
{()
=>
{
...
...
@@ -1492,7 +1501,7 @@ export default class OperatingIndicatorMR extends Component {
this
.
handleGetFor
(
'edit'
)
})
}}
style
=
{{
marginRight
:
2
0
}}
style
=
{{
marginRight
:
2
1
}}
>
<
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'
}}
>
Edit
<
/Typography
>
...
...
@@ -1517,19 +1526,23 @@ export default class OperatingIndicatorMR extends Component {
{
this
.
state
.
get_for
==
'edit'
&&
<
button
className
=
"button"
type
=
"button"
disabled
=
{
this
.
state
.
editable
}
//
disabled={this.state.editable}
style
=
{{
backgroundColor
:
'transparent'
,
cursor
:
this
.
state
.
editable
===
true
?
'default'
:
'pointer'
,
cursor
:
'pointer'
,
borderColor
:
'transparent'
,
outline
:
'none'
,
marginRight
:
20
}}
onClick
=
{()
=>
this
.
setState
({
loading
:
true
},
()
=>
{
setTimeout
(()
=>
{
this
.
createData
(
"draft"
)
},
100
);
})}
onClick
=
{()
=>
this
.
state
.
editable
===
true
?
this
.
setState
({
alert
:
true
,
messageAlert
:
'Data Incomplete !'
,
tipeAlert
:
'error'
})
:
this
.
setState
({
loading
:
true
},
()
=>
{
setTimeout
(()
=>
{
this
.
createData
(
"draft"
)
},
100
);
})}
>
<
div
style
=
{{
backgroundColor
:
'#354960'
,
width
:
105
,
height
:
25
,
borderRadius
:
3
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
}}
>
{
this
.
state
.
editable
===
true
?
...
...
@@ -1543,15 +1556,19 @@ export default class OperatingIndicatorMR extends Component {
<
/button>
}
{
this
.
state
.
get_for
==
'edit'
&&
<
button
type
=
"button"
disabled
=
{
this
.
state
.
editable
}
onClick
=
{()
=>
this
.
setState
({
loading
:
true
},
()
=>
{
setTimeout
(()
=>
{
this
.
createData
(
"submitted"
)
},
100
);
})}
// disabled={this.state.editable}
onClick
=
{()
=>
this
.
state
.
editable
===
true
?
this
.
setState
({
alert
:
true
,
messageAlert
:
'Data Incomplete !'
,
tipeAlert
:
'error'
})
:
this
.
setState
({
loading
:
true
},
()
=>
{
setTimeout
(()
=>
{
this
.
createData
(
"submitted"
)
},
100
);
})}
style
=
{{
backgroundColor
:
'transparent'
,
cursor
:
this
.
state
.
editable
===
true
?
'default'
:
'pointer'
,
cursor
:
'pointer'
,
borderColor
:
'transparent'
,
outline
:
'none'
,
marginRight
:
20
...
...
@@ -1649,12 +1666,12 @@ export default class OperatingIndicatorMR extends Component {
type
=
"button"
style
=
{{
backgroundColor
:
'transparent'
,
cursor
:
this
.
state
.
editable
===
true
?
'default'
:
'pointer'
,
cursor
:
'pointer'
,
borderColor
:
'transparent'
,
outline
:
'none'
,
marginRight
:
20
}}
disabled
=
{
this
.
state
.
editable
}
//
disabled={this.state.editable}
onClick
=
{()
=>
this
.
state
.
editable
===
true
?
null
:
this
.
setState
({
loading
:
true
},
()
=>
{
...
...
@@ -1677,16 +1694,17 @@ export default class OperatingIndicatorMR extends Component {
type
=
"button"
onClick
=
{()
=>
this
.
state
.
editable
===
true
?
null
:
this
.
setState
({
loading
:
true
},
()
=>
{
setTimeout
(()
=>
{
this
.
uploadOI
(
"submitted"
)
},
100
);
})}
disabled
=
{
this
.
state
.
editable
}
this
.
setState
({
alert
:
true
,
messageAlert
:
'Data Incomplete !'
,
tipeAlert
:
'error'
})
:
this
.
setState
({
loading
:
true
},
()
=>
{
setTimeout
(()
=>
{
this
.
uploadOI
(
"submitted"
)
},
100
);
})}
// disabled={this.state.editable}
style
=
{{
backgroundColor
:
'transparent'
,
cursor
:
this
.
state
.
editable
===
true
?
'default'
:
'pointer'
,
cursor
:
'pointer'
,
borderColor
:
'transparent'
,
outline
:
'none'
,
marginRight
:
20
...
...
src/container/MonthlyReport/ProfitLossMR.js
View file @
e4bf28c1
...
...
@@ -561,7 +561,7 @@ export default class ProfitLossMR extends Component {
let
err
=
false
this
.
state
.
dataTable
.
map
((
i
,
index
)
=>
{
if
(
i
[
0
]
===
3
&&
i
[
4
]
===
2
)
{
console
.
log
(
i
);
//
console.log(i);
if
(
i
[
19
]
===
""
&&
(
Number
(
i
[
14
])
<
this
.
state
.
minValue
||
Number
(
i
[
14
])
>
this
.
state
.
maxValue
))
{
console
.
log
(
'msk 1'
);
// console.log(i);
...
...
@@ -608,8 +608,8 @@ export default class ProfitLossMR extends Component {
}
// console.log(JSON.stringify(payload));
api
.
create
().
validateSubmitReportPL
(
payload
).
then
((
response
)
=>
{
console
.
log
(
response
.
data
.
data
.
result
)
console
.
log
(
err
);
//
console.log(response.data.data.result)
//
console.log(err);
if
(
response
.
data
)
{
if
(
response
.
data
.
status
===
"success"
)
{
if
(
response
.
data
.
data
.
result
&&
err
===
false
)
{
...
...
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