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
c763231c
Commit
c763231c
authored
Jul 08, 2021
by
d.arizona
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
done update
parent
c88c2078
Changes
5
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
149 additions
and
80 deletions
+149
-80
index.js
src/api/index.js
+2
-2
BalanceSheetOLPA.js
src/container/OutlookPA/BalanceSheetOLPA.js
+11
-11
ProgressReport.js
src/container/Progress/ProgressReport.js
+93
-24
TableProgressReport.js
src/container/Progress/TableProgressReport.js
+19
-19
BalanceSheetRO.js
src/container/RollingOutlook/BalanceSheetRO.js
+24
-24
No files found.
src/api/index.js
View file @
c763231c
...
@@ -478,10 +478,10 @@ const create = (type = "") => {
...
@@ -478,10 +478,10 @@ const create = (type = "") => {
const
deleteDocument
=
(
id
)
=>
api
.
post
(
`document/delete_document/
${
id
}
`
)
const
deleteDocument
=
(
id
)
=>
api
.
post
(
`document/delete_document/
${
id
}
`
)
// Monitoring
// Monitoring
const
getMonitoringMB
=
(
body
)
=>
api
.
get
(
`transaction/monitoring/master_budget
?year=
${
body
.
year
}
`
)
const
getMonitoringMB
=
(
body
)
=>
api
.
get
(
`transaction/monitoring/master_budget
`
,
body
)
const
getMonitoringMR
=
(
body
)
=>
api
.
get
(
`transaction/monitoring/monthly_report/
${
body
.
year
}
/
${
body
.
month
}
`
)
const
getMonitoringMR
=
(
body
)
=>
api
.
get
(
`transaction/monitoring/monthly_report/
${
body
.
year
}
/
${
body
.
month
}
`
)
const
getMonitoringRO
=
(
body
)
=>
api
.
get
(
`transaction/monitoring/rolling_outlook/
${
body
.
year
}
/
${
body
.
quarter
}
`
)
const
getMonitoringRO
=
(
body
)
=>
api
.
get
(
`transaction/monitoring/rolling_outlook/
${
body
.
year
}
/
${
body
.
quarter
}
`
)
const
getMonitoringOLPA
=
(
body
)
=>
api
.
get
(
`transaction/monitoring/outlook_pa
?year=
${
body
.
year
}
`
)
const
getMonitoringOLPA
=
(
body
)
=>
api
.
get
(
`transaction/monitoring/outlook_pa
`
,
body
)
// Superadmin Approve
// Superadmin Approve
const
getListApprover
=
(
report
,
monthlyReportId
)
=>
api
.
get
(
`transaction/
${
report
}
/get_approver/
${
monthlyReportId
}
`
)
const
getListApprover
=
(
report
,
monthlyReportId
)
=>
api
.
get
(
`transaction/
${
report
}
/get_approver/
${
monthlyReportId
}
`
)
...
...
src/container/OutlookPA/BalanceSheetOLPA.js
View file @
c763231c
...
@@ -326,17 +326,17 @@ export default class BalanceSheetOLPA extends Component {
...
@@ -326,17 +326,17 @@ export default class BalanceSheetOLPA extends Component {
console
.
log
(
data
);
console
.
log
(
data
);
this
.
setState
({
loading
:
false
})
this
.
setState
({
loading
:
false
})
if
(
type
==
'submitted'
)
{
if
(
type
==
'submitted'
)
{
this
.
props
.
saveToOLPA
(
payload
)
this
.
props
.
saveToOLPA
(
payload
,
'BS'
)
let
bodyRatioOLPA
=
{
//
let bodyRatioOLPA = {
"report"
:
'ratio'
,
//
"report": 'ratio',
"outlookPaId"
:
this
.
props
.
outlook_pa_id
,
//
"outlookPaId": this.props.outlook_pa_id,
"companyId"
:
this
.
props
.
company
.
company_id
,
//
"companyId": this.props.company.company_id,
"periode"
:
this
.
props
.
periode
//
"periode": this.props.periode
}
//
}
api
.
create
().
triggerRatioOLPA
(
bodyRatioOLPA
).
then
((
res
)
=>
{
//
api.create().triggerRatioOLPA(bodyRatioOLPA).then((res) => {
console
.
log
(
res
)
//
console.log(res)
this
.
setState
({
loading
:
false
})
//
this.setState({ loading: false })
})
//
})
this
.
props
.
onClickClose
()
this
.
props
.
onClickClose
()
}
else
{
}
else
{
this
.
props
.
saveToOLPA
(
payload
)
this
.
props
.
saveToOLPA
(
payload
)
...
...
src/container/Progress/ProgressReport.js
View file @
c763231c
...
@@ -13,6 +13,7 @@ import Autocomplete from '@material-ui/lab/Autocomplete';
...
@@ -13,6 +13,7 @@ import Autocomplete from '@material-ui/lab/Autocomplete';
import
ReactSpeedometer
from
'react-d3-speedometer'
;
import
ReactSpeedometer
from
'react-d3-speedometer'
;
import
TableProgressReport
from
'./TableProgressReport'
import
TableProgressReport
from
'./TableProgressReport'
import
{
Alert
}
from
'@material-ui/lab'
;
import
{
Alert
}
from
'@material-ui/lab'
;
import
ReactTooltip
from
"react-tooltip"
;
class
ReportProgress
extends
Component
{
class
ReportProgress
extends
Component
{
constructor
(
props
)
{
constructor
(
props
)
{
...
@@ -170,21 +171,37 @@ class ReportProgress extends Component {
...
@@ -170,21 +171,37 @@ class ReportProgress extends Component {
let
data
=
response
.
data
.
data
let
data
=
response
.
data
.
data
data
.
map
((
item
,
index
)
=>
{
data
.
map
((
item
,
index
)
=>
{
let
report
=
[]
let
report
=
[]
item
.
report
.
map
((
items
,
indexs
)
=>
{
let
statusSubmission
=
String
(
item
.
submissionStatus
).
toLocaleUpperCase
()
if
(
!
String
(
items
.
report_name
).
includes
(
'Indicator'
)
&&
!
String
(
items
.
report_name
).
includes
(
'OLPA'
))
{
let
statusOI
=
String
(
item
.
operatingIndicator
).
toLocaleUpperCase
()
if
(
String
(
items
.
report_name
).
includes
(
'Fixed'
))
{
item
.
report
.
map
((
items
,
index
)
=>
{
report
.
push
({...
items
,
status_report
:
(
items
.
report_date
==
null
?
items
.
status_report
:
items
.
status_report
+
' - '
+
items
.
report_date
),
report_name
:
'Fixed Assets Movement'
})
let
statusReport
=
String
(
items
.
status_report
).
toLocaleUpperCase
()
}
else
{
report
.
push
({
report_name
:
items
.
report_name
,
status_report
:
(
statusReport
==
'APPROVED'
||
statusReport
==
'REVISION'
||
statusReport
==
'COMPLETED'
)
?
(
statusReport
+
' - '
+
items
.
report_date
)
:
statusReport
})
report
.
push
({...
items
,
status_report
:
(
items
.
report_date
==
null
?
items
.
status_report
:
items
.
status_report
+
' - '
+
items
.
report_date
)})
}
}
})
})
report
.
push
({
report_name
:
'Operating Indicator'
,
status_report
:
item
.
operatingIndicator
},
{
report_name
:
'Submission Status'
,
status_report
:
(
item
.
submissionStatusDate
==
null
?
item
.
submissionStatus
:
item
.
submissionStatus
+
' - '
+
item
.
submissionStatusDate
)})
report
.
push
(
{
report_name
:
'Operating Indicator'
,
status_report
:
statusOI
},
{
report_name
:
'Submission Status'
,
status_report
:
(
statusSubmission
==
'APPROVED'
||
statusSubmission
==
'REVISION'
||
statusSubmission
==
'COMPLETED'
)
?
(
statusSubmission
+
' - '
+
item
.
submissionStatusDate
)
:
statusSubmission
})
dataTable
.
push
([
dataTable
.
push
([
item
.
companyName
,
item
.
companyName
,
report
report
])
])
})
})
// data.map((item,index) => {
// let report = []
// item.report.map((items,indexs) => {
// if (!String(items.report_name).includes('Indicator') && !String(items.report_name).includes('OLPA')) {
// if (String(items.report_name).includes('Fixed')) {
// report.push({...items, status_report: (items.report_date == null? items.status_report : items.status_report + ' - ' + items.report_date), report_name: 'Fixed Assets Movement'})
// } else {
// report.push({...items, status_report: (items.report_date == null? items.status_report : items.status_report + ' - ' + items.report_date)})
// }
// }
// })
// report.push({report_name: 'Operating Indicator', status_report: item.operatingIndicator}, {report_name: 'Submission Status', status_report: (item.submissionStatusDate == null? item.submissionStatus : item.submissionStatus + ' - ' + item.submissionStatusDate)})
// dataTable.push([
// item.companyName,
// report
// ])
// })
console
.
log
(
dataTable
)
console
.
log
(
dataTable
)
this
.
setState
({
dataTable
,
loading
:
false
})
this
.
setState
({
dataTable
,
loading
:
false
})
}
else
{
}
else
{
...
@@ -276,27 +293,43 @@ class ReportProgress extends Component {
...
@@ -276,27 +293,43 @@ class ReportProgress extends Component {
let
data
=
response
.
data
.
data
let
data
=
response
.
data
.
data
data
.
map
((
item
,
index
)
=>
{
data
.
map
((
item
,
index
)
=>
{
let
report
=
[]
let
report
=
[]
item
.
report
.
map
((
items
,
indexs
)
=>
{
let
statusSubmission
=
String
(
item
.
submissionStatus
).
toLocaleUpperCase
()
if
(
!
String
(
items
.
report_name
).
includes
(
'Indicator'
)
&&
!
String
(
items
.
report_name
).
includes
(
'OLPA'
))
{
let
statusOI
=
String
(
item
.
operatingIndicator
).
toLocaleUpperCase
()
if
(
String
(
items
.
report_name
).
includes
(
'Fixed'
))
{
item
.
report
.
map
((
items
,
index
)
=>
{
report
.
push
({...
items
,
status_report
:
(
items
.
report_date
==
null
?
items
.
status_report
:
items
.
status_report
+
' - '
+
items
.
report_date
),
report_name
:
'Fixed Assets Movement'
})
let
statusReport
=
String
(
items
.
status_report
).
toLocaleUpperCase
()
}
else
{
report
.
push
({
report_name
:
items
.
report_name
,
status_report
:
(
statusReport
==
'APPROVED'
||
statusReport
==
'REVISION'
||
statusReport
==
'COMPLETED'
)
?
(
statusReport
+
' - '
+
items
.
report_date
)
:
statusReport
})
report
.
push
({...
items
,
status_report
:
(
items
.
report_date
==
null
?
items
.
status_report
:
items
.
status_report
+
' - '
+
items
.
report_date
)})
}
}
})
})
report
.
push
({
report_name
:
'Operating Indicator'
,
status_report
:
item
.
operatingIndicator
},
{
report_name
:
'OLPA Status'
,
status_report
:
(
item
.
submissionStatusDate
==
null
?
item
.
submissionStatus
:
item
.
submissionStatus
+
' - '
+
item
.
submissionStatusDate
)})
report
.
push
(
{
report_name
:
'Operating Indicator'
,
status_report
:
statusOI
},
{
report_name
:
'OLPA Status'
,
status_report
:
(
statusSubmission
==
'APPROVED'
||
statusSubmission
==
'REVISION'
||
statusSubmission
==
'COMPLETED'
)
?
(
statusSubmission
+
' - '
+
item
.
submissionStatusDate
)
:
statusSubmission
})
dataTable
.
push
([
dataTable
.
push
([
item
.
companyName
,
item
.
companyName
,
report
report
])
])
})
// data.map((item,index) => {
// let report = []
// item.report.map((items,indexs) => {
// if (!String(items.report_name).includes('Indicator') && !String(items.report_name).includes('OLPA')) {
// if (String(items.report_name).includes('Fixed')) {
// report.push({...items, status_report: (items.report_date == null? items.status_report : items.status_report + ' - ' + items.report_date), report_name: 'Fixed Assets Movement'})
// } else {
// report.push({...items, status_report: (items.report_date == null? items.status_report : items.status_report + ' - ' + items.report_date)})
// }
// }
// })
// report.push({report_name: 'Operating Indicator', status_report: item.operatingIndicator}, {report_name: 'OLPA Status', status_report: (item.submissionStatusDate == null? item.submissionStatus : item.submissionStatus + ' - ' + item.submissionStatusDate)})
// dataTable.push([
// item.companyName,
// report
// ])
// let report = item.report
// let report = item.report
// report.push({report_name: 'Operating Indicator', status_report: item.operating_indicator}, {report_name: 'OLPA Status', status_report: item.olpa_status})
// report.push({report_name: 'Operating Indicator', status_report: item.operating_indicator}, {report_name: 'OLPA Status', status_report: item.olpa_status})
// dataTable.push([
// dataTable.push([
// item.company_name,
// item.company_name,
// report
// report
// ])
// ])
})
//
})
this
.
setState
({
dataTable
,
loading
:
false
})
this
.
setState
({
dataTable
,
loading
:
false
})
}
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
},
()
=>
{
...
@@ -318,6 +351,42 @@ class ReportProgress extends Component {
...
@@ -318,6 +351,42 @@ class ReportProgress extends Component {
this
.
setState
({
alert
:
false
})
this
.
setState
({
alert
:
false
})
}
}
downloadData
()
{
let
path
=
''
let
type
=
''
if
(
String
(
this
.
state
.
reportType
.
name
).
toLocaleUpperCase
().
includes
(
'MASTER'
))
{
path
=
`public/transaction/export_monitoring/master_budget?periode=
${
this
.
state
.
periodeMB
.
name
}
`
type
=
'Master Budget'
}
else
if
(
String
(
this
.
state
.
reportType
.
name
).
toLocaleUpperCase
().
includes
(
'MONTHLY'
))
{
path
=
`public/transaction/export_monitoring/monthly_report?months=
${
this
.
state
.
month
.
month_id
}
&&periode=
${
this
.
state
.
periodeMB
.
name
}
`
type
=
`Monthly Report (
${
this
.
state
.
month
.
month_value
}
)`
}
else
if
(
String
(
this
.
state
.
reportType
.
name
).
toLocaleUpperCase
().
includes
(
'ROLLING'
))
{
path
=
`public/transaction/export_monitoring/rolling_outlook?quartals=
${
this
.
state
.
quarter
.
value
}
&&periode=
${
this
.
state
.
periodeMB
.
name
}
`
type
=
`Rolling Outlook
${
this
.
state
.
quarter
.
name
}
`
}
else
{
path
=
`public/transaction/export_monitoring/outlook_pa?periode=
${
this
.
state
.
periodeMB
.
name
}
`
type
=
'Outlook PA'
}
this
.
downloadAllData
(
path
,
type
)
}
async
downloadAllData
(
path
,
type
)
{
let
url
=
`
${
process
.
env
.
REACT_APP_URL_MAIN_BE
}
/
${
path
}
`
console
.
log
(
url
);
let
res
=
await
fetch
(
`
${
process
.
env
.
REACT_APP_URL_MAIN_BE
}
/
${
path
}
`
)
res
=
await
res
.
blob
()
this
.
setState
({
loading
:
false
})
if
(
res
.
size
>
0
)
{
let
url
=
window
.
URL
.
createObjectURL
(
res
);
let
a
=
document
.
createElement
(
'a'
);
a
.
href
=
url
;
a
.
download
=
`Progress Report -
${
type
}
.xlsx`
;
a
.
click
();
}
}
render
()
{
render
()
{
const
dataTableMB
=
[
const
dataTableMB
=
[
...
@@ -441,9 +510,9 @@ class ReportProgress extends Component {
...
@@ -441,9 +510,9 @@ class ReportProgress extends Component {
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
div
style
=
{{
marginTop
:
20
,
marginBottom
:
20
}}
>
<
div
style
=
{{
marginTop
:
20
,
marginBottom
:
20
}}
>
{
/*
<div style={{ display: 'flex', justifyContent: 'space-between', padding: '0px 20px 10px 20px' }}>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'space-between'
,
padding
:
'0px 20px 10px 20px'
}}
>
<
div
><
/div
>
<
div
><
/div
>
{
this.state.previewDownload && (
{
/* {this.state.previewDownload && ( */
}
<
div
style
=
{{
width
:
'50%'
,
justifyContent
:
'flex-end'
,
display
:
'flex'
,
flexFlow
:
'wrap'
}}
>
<
div
style
=
{{
width
:
'50%'
,
justifyContent
:
'flex-end'
,
display
:
'flex'
,
flexFlow
:
'wrap'
}}
>
<
a
data
-
tip
=
{
'Download'
}
data
-
for
=
"download"
>
<
a
data
-
tip
=
{
'Download'
}
data
-
for
=
"download"
>
<
button
<
button
...
@@ -456,7 +525,7 @@ class ReportProgress extends Component {
...
@@ -456,7 +525,7 @@ class ReportProgress extends Component {
}}
}}
onClick
=
{()
=>
this
.
setState
({
loading
:
true
},
()
=>
{
onClick
=
{()
=>
this
.
setState
({
loading
:
true
},
()
=>
{
setTimeout
(()
=>
{
setTimeout
(()
=>
{
this.download
All
Data()
this
.
downloadData
()
},
100
);
},
100
);
})}
})}
>
>
...
@@ -465,8 +534,8 @@ class ReportProgress extends Component {
...
@@ -465,8 +534,8 @@ class ReportProgress extends Component {
<
/a
>
<
/a
>
<
ReactTooltip
border
=
{
true
}
id
=
"download"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
ReactTooltip
border
=
{
true
}
id
=
"download"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
<
/div
>
)
}
{
/* )} */
}
</div>
*/
}
<
/div
>
{
this
.
state
.
loading
&&
loadingComponent
}
{
this
.
state
.
loading
&&
loadingComponent
}
{
this
.
state
.
reportType
!=
null
&&
!
this
.
state
.
loading
&&
(
{
this
.
state
.
reportType
!=
null
&&
!
this
.
state
.
loading
&&
(
<
TableProgressReport
<
TableProgressReport
...
...
src/container/Progress/TableProgressReport.js
View file @
c763231c
...
@@ -36,7 +36,7 @@ export default class TableProgressReport extends Component {
...
@@ -36,7 +36,7 @@ export default class TableProgressReport extends Component {
// console.log(itemName)
// console.log(itemName)
// console.log(tableMeta.rowData)
// console.log(tableMeta.rowData)
// console.log(value)
// console.log(value)
return
value
[
0
].
status_report
==
null
||
value
[
0
].
status_report
==
''
?
'N/A'
:
value
[
0
].
status_report
return
value
[
0
].
status_report
==
null
||
value
[
0
].
status_report
==
''
?
'N/A'
:
value
[
0
].
status_report
}
}
const
columnMB
=
[
const
columnMB
=
[
{
{
...
@@ -49,7 +49,7 @@ export default class TableProgressReport extends Component {
...
@@ -49,7 +49,7 @@ export default class TableProgressReport extends Component {
),
),
setCellProps
:
()
=>
({
style
}),
setCellProps
:
()
=>
({
style
}),
customBodyRender
:
(
val
,
tableMeta
)
=>
{
customBodyRender
:
(
val
,
tableMeta
)
=>
{
return
<
div
style
=
{{
width
:
300
,
textAlign
:
'left'
}}
>
{
val
}
<
/div>
;
return
<
div
style
=
{{
width
:
300
,
textAlign
:
'left'
,
paddingLeft
:
20
}}
>
{
val
}
<
/div>
;
},
},
},
},
},
},
...
@@ -141,7 +141,7 @@ export default class TableProgressReport extends Component {
...
@@ -141,7 +141,7 @@ export default class TableProgressReport extends Component {
),
),
setCellProps
:
()
=>
({
style
}),
setCellProps
:
()
=>
({
style
}),
customBodyRender
:
(
val
,
tableMeta
)
=>
{
customBodyRender
:
(
val
,
tableMeta
)
=>
{
return
<
div
style
=
{{
width
:
300
,
textAlign
:
'left'
}}
>
{
val
}
<
/div>
;
return
<
div
style
=
{{
width
:
300
,
textAlign
:
'left'
,
paddingLeft
:
20
}}
>
{
val
}
<
/div>
;
},
},
},
},
},
},
...
@@ -243,7 +243,7 @@ export default class TableProgressReport extends Component {
...
@@ -243,7 +243,7 @@ export default class TableProgressReport extends Component {
),
),
setCellProps
:
()
=>
({
style
}),
setCellProps
:
()
=>
({
style
}),
customBodyRender
:
(
val
,
tableMeta
)
=>
{
customBodyRender
:
(
val
,
tableMeta
)
=>
{
return
<
div
style
=
{{
width
:
300
,
textAlign
:
'left'
}}
>
{
val
}
<
/div>
;
return
<
div
style
=
{{
width
:
300
,
textAlign
:
'left'
,
paddingLeft
:
20
}}
>
{
val
}
<
/div>
;
},
},
},
},
},
},
...
@@ -329,7 +329,7 @@ export default class TableProgressReport extends Component {
...
@@ -329,7 +329,7 @@ export default class TableProgressReport extends Component {
),
),
setCellProps
:
()
=>
({
style
}),
setCellProps
:
()
=>
({
style
}),
customBodyRender
:
(
val
,
tableMeta
)
=>
{
customBodyRender
:
(
val
,
tableMeta
)
=>
{
return
<
div
style
=
{{
width
:
300
,
textAlign
:
'left'
}}
>
{
val
}
<
/div>
;
return
<
div
style
=
{{
width
:
300
,
textAlign
:
'left'
,
paddingLeft
:
20
}}
>
{
val
}
<
/div>
;
},
},
},
},
},
},
...
@@ -340,7 +340,7 @@ export default class TableProgressReport extends Component {
...
@@ -340,7 +340,7 @@ export default class TableProgressReport extends Component {
<
th
style
=
{{
...
style
,
top
:
0
,
zIndex
:
103
,
color
:
'#fff'
,
backgroundColor
:
'#1c71b8'
,
fontSize
:
13
,
fontWeight
:
1
,
borderRight
:
"1px solid rgb(255, 255, 255)"
,
padding
:
0
}}
>
<
th
style
=
{{
...
style
,
top
:
0
,
zIndex
:
103
,
color
:
'#fff'
,
backgroundColor
:
'#1c71b8'
,
fontSize
:
13
,
fontWeight
:
1
,
borderRight
:
"1px solid rgb(255, 255, 255)"
,
padding
:
0
}}
>
<
div
style
=
{{
borderBottom
:
"1px #fff solid"
,
backgroundColor
:
'#37b5e6'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
height
:
40
,
fontSize
:
12
,
fontWeight
:
'bold'
,
padding
:
5
}}
>
{
columnMeta
.
name
}
<
/div
>
<
div
style
=
{{
borderBottom
:
"1px #fff solid"
,
backgroundColor
:
'#37b5e6'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
height
:
40
,
fontSize
:
12
,
fontWeight
:
'bold'
,
padding
:
5
}}
>
{
columnMeta
.
name
}
<
/div
>
<
div
className
=
"grid grid-2x"
>
<
div
className
=
"grid grid-2x"
>
<
div
className
=
"column-1 grid grid-
4
x"
style
=
{{
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1 grid grid-
3
x"
style
=
{{
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
height
:
45
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
height
:
45
}}
>
<
span
>
{
"Profit Loss"
}
<
/span
>
<
span
>
{
"Profit Loss"
}
<
/span
>
<
/div
>
<
/div
>
...
@@ -350,20 +350,20 @@ export default class TableProgressReport extends Component {
...
@@ -350,20 +350,20 @@ export default class TableProgressReport extends Component {
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
height
:
45
}}
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
height
:
45
}}
>
<
span
>
{
"Balance Sheet"
}
<
/span
>
<
span
>
{
"Balance Sheet"
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
"column-4"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
height
:
45
}}
>
<
span
>
{
"Cash Flow"
}
<
/span
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"column-2 grid grid-3x"
style
=
{{
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-2 grid grid-3x"
style
=
{{
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
height
:
45
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
height
:
45
}}
>
<
span
>
{
"Cash Flow"
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
height
:
45
}}
>
<
span
>
{
"CAT"
}
<
/span
>
<
span
>
{
"CAT"
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
"column-
2
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#cc2929'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
height
:
45
}}
>
<
div
className
=
"column-
3
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#cc2929'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
height
:
45
}}
>
<
span
>
{
"OLPA Status"
}
<
/span
>
<
span
>
{
"OLPA Status"
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
height
:
45
}}
>
{
/*
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8', justifyContent: 'center', display: 'flex', alignItems: 'center', height: 45 }}>
<span>{"Operating Indicator"}</span>
<span>{"Operating Indicator"}</span>
<
/div
>
</div>
*/
}
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/th
>
<
/th
>
...
@@ -372,7 +372,7 @@ export default class TableProgressReport extends Component {
...
@@ -372,7 +372,7 @@ export default class TableProgressReport extends Component {
customBodyRender
:
(
value
,
tableMeta
,
updateValue
)
=>
{
customBodyRender
:
(
value
,
tableMeta
,
updateValue
)
=>
{
return
(
return
(
<
div
className
=
"grid grid-2x"
>
<
div
className
=
"grid grid-2x"
>
<
div
className
=
"column-1 grid grid-
4
x"
style
=
{{
...
style2
,
fontSize
:
12
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1 grid grid-
3
x"
style
=
{{
...
style2
,
fontSize
:
12
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
}}
>
<
div
style
=
{{
textAlign
:
'center'
}}
>
{
handleValue
(
tableMeta
,
'Profit Loss'
)}
<
/div
>
<
div
style
=
{{
textAlign
:
'center'
}}
>
{
handleValue
(
tableMeta
,
'Profit Loss'
)}
<
/div
>
<
/div
>
<
/div
>
...
@@ -382,20 +382,20 @@ export default class TableProgressReport extends Component {
...
@@ -382,20 +382,20 @@ export default class TableProgressReport extends Component {
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
}}
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
}}
>
<
div
style
=
{{
textAlign
:
'center'
}}
>
{
handleValue
(
tableMeta
,
'Balance Sheet'
)}
<
/div
>
<
div
style
=
{{
textAlign
:
'center'
}}
>
{
handleValue
(
tableMeta
,
'Balance Sheet'
)}
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"column-4"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
}}
>
<
div
style
=
{{
textAlign
:
'center'
}}
>
{
handleValue
(
tableMeta
,
'Cash Flow'
)}
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"column-2 grid grid-3x"
style
=
{{
...
style2
,
fontSize
:
12
,
position
:
"sticky"
}}
>
<
div
className
=
"column-2 grid grid-3x"
style
=
{{
...
style2
,
fontSize
:
12
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
}}
>
<
div
style
=
{{
textAlign
:
'center'
}}
>
{
handleValue
(
tableMeta
,
'C
AT
'
)}
<
/div
>
<
div
style
=
{{
textAlign
:
'center'
}}
>
{
handleValue
(
tableMeta
,
'C
ash Flow
'
)}
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
}}
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
}}
>
<
div
style
=
{{
textAlign
:
'center'
}}
>
{
handleValue
(
tableMeta
,
'
OLPA Status
'
)}
<
/div
>
<
div
style
=
{{
textAlign
:
'center'
}}
>
{
handleValue
(
tableMeta
,
'
CAT
'
)}
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
}}
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
}}
>
<
div
style
=
{{
textAlign
:
'center'
}}
>
{
handleValue
(
tableMeta
,
'O
perating Indicator
'
)}
<
/div
>
<
div
style
=
{{
textAlign
:
'center'
}}
>
{
handleValue
(
tableMeta
,
'O
LPA Status
'
)}
<
/div
>
<
/div
>
<
/div
>
{
/* <div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<div style={{ textAlign: 'center' }}>{handleValue(tableMeta, 'Operating Indicator')}</div>
</div> */
}
<
/div
>
<
/div
>
<
/div
>
<
/div
>
)
)
...
...
src/container/RollingOutlook/BalanceSheetRO.js
View file @
c763231c
...
@@ -374,18 +374,18 @@ export default class BalanceSheetRO extends Component {
...
@@ -374,18 +374,18 @@ export default class BalanceSheetRO extends Component {
if
(
response
.
data
.
status
===
"success"
)
{
if
(
response
.
data
.
status
===
"success"
)
{
if
(
type
==
'submitted'
)
{
if
(
type
==
'submitted'
)
{
this
.
props
.
onClickClose
()
this
.
props
.
onClickClose
()
this
.
props
.
refresh
()
this
.
props
.
refresh
(
'BS'
)
let
bodyRatioRO
=
{
//
let bodyRatioRO = {
"report"
:
'ratio'
,
//
"report": 'ratio',
"rollingOutlookId"
:
this
.
props
.
rollingOutlookID
,
//
"rollingOutlookId": this.props.rollingOutlookID,
"periode"
:
this
.
props
.
periode
,
//
"periode": this.props.periode,
"companyId"
:
this
.
props
.
company
.
company_id
,
//
"companyId": this.props.company.company_id,
"quartal"
:
this
.
props
.
quarter
//
"quartal": this.props.quarter
}
//
}
api
.
create
().
triggerRatioRO
(
bodyRatioRO
).
then
((
res
)
=>
{
//
api.create().triggerRatioRO(bodyRatioRO).then((res) => {
console
.
log
(
res
)
//
console.log(res)
this
.
setState
({
loading
:
false
})
//
this.setState({ loading: false })
})
//
})
}
else
{
}
else
{
this
.
props
.
onClickClose
()
this
.
props
.
onClickClose
()
this
.
props
.
refresh
()
this
.
props
.
refresh
()
...
@@ -600,18 +600,18 @@ export default class BalanceSheetRO extends Component {
...
@@ -600,18 +600,18 @@ export default class BalanceSheetRO extends Component {
if
(
response
.
data
.
status
===
"success"
)
{
if
(
response
.
data
.
status
===
"success"
)
{
if
(
type
==
'submitted'
)
{
if
(
type
==
'submitted'
)
{
this
.
props
.
onClickClose
()
this
.
props
.
onClickClose
()
this
.
props
.
refresh
()
this
.
props
.
refresh
(
'BS'
)
let
bodyRatioRO
=
{
//
let bodyRatioRO = {
"report"
:
'ratio'
,
//
"report": 'ratio',
"rollingOutlookId"
:
this
.
props
.
rollingOutlookID
,
//
"rollingOutlookId": this.props.rollingOutlookID,
"periode"
:
this
.
props
.
periode
,
//
"periode": this.props.periode,
"companyId"
:
this
.
props
.
company
.
company_id
,
//
"companyId": this.props.company.company_id,
"quartal"
:
this
.
props
.
quarter
//
"quartal": this.props.quarter
}
//
}
api
.
create
().
triggerRatioRO
(
bodyRatioRO
).
then
((
res
)
=>
{
//
api.create().triggerRatioRO(bodyRatioRO).then((res) => {
console
.
log
(
res
)
//
console.log(res)
this
.
setState
({
loading
:
false
})
//
this.setState({ loading: false })
})
//
})
}
else
{
}
else
{
this
.
props
.
onClickClose
()
this
.
props
.
onClickClose
()
this
.
props
.
refresh
()
this
.
props
.
refresh
()
...
...
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