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
d617fb8b
Commit
d617fb8b
authored
Jul 08, 2021
by
Dida Adams Arizona
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'GGMAC' into 'master'
done update See merge request
!1542
parents
c88c2078
c763231c
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 @
d617fb8b
...
@@ -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 @
d617fb8b
...
@@ -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 @
d617fb8b
...
@@ -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 @
d617fb8b
...
@@ -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 @
d617fb8b
...
@@ -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