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
9897370a
Commit
9897370a
authored
Feb 02, 2021
by
Riri Novita
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'master' of
http://103.44.149.204/d.arizona/tia-dev
into riri
parents
acf9c9e3
68619be0
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
73 additions
and
26 deletions
+73
-26
HomePage.js
src/container/HomePage.js
+4
-2
MonthlyReport.js
src/container/MonthlyReport.js
+13
-4
CorporateAnnualTargetMR.js
src/container/MonthlyReport/CorporateAnnualTargetMR.js
+56
-20
No files found.
src/container/HomePage.js
View file @
9897370a
...
@@ -415,7 +415,8 @@ class HomePage extends Component {
...
@@ -415,7 +415,8 @@ class HomePage extends Component {
pathname
:
String
(
tableMeta
.
rowData
[
3
]).
toLocaleLowerCase
().
includes
(
"master"
)
?
`/home/master-budget/`
:
`/home/monthly-report/`
,
pathname
:
String
(
tableMeta
.
rowData
[
3
]).
toLocaleLowerCase
().
includes
(
"master"
)
?
`/home/master-budget/`
:
`/home/monthly-report/`
,
state
:
{
state
:
{
userType
:
'approver'
,
userType
:
'approver'
,
rawData
:
this
.
state
.
rawData
[
tableMeta
.
rowIndex
]
rawData
:
this
.
state
.
rawData
[
tableMeta
.
rowIndex
],
month
:
String
(
tableMeta
.
rowData
[
3
]).
toLocaleLowerCase
().
includes
(
"master"
)
?
null
:
this
.
state
.
month
}
}
}}
>
}}
>
<
button
<
button
...
@@ -791,7 +792,8 @@ class HomePage extends Component {
...
@@ -791,7 +792,8 @@ class HomePage extends Component {
pathname: `/home/monthly-report/`,
pathname: `/home/monthly-report/`,
state: {
state: {
userType: '
user
',
userType: '
user
',
rawData: item
rawData: item,
month: this.state.month
}
}
}}>
}}>
<button
<button
...
...
src/container/MonthlyReport.js
View file @
9897370a
...
@@ -73,7 +73,8 @@ export default class MonthlyReport extends Component {
...
@@ -73,7 +73,8 @@ export default class MonthlyReport extends Component {
textRevision
:
''
,
textRevision
:
''
,
dbCF
:
[],
dbCF
:
[],
PLBSFAMSubmitted
:
false
,
PLBSFAMSubmitted
:
false
,
PLID
:
null
PLID
:
null
,
monthHome
:
null
}
}
this
.
myRef
=
React
.
createRef
()
this
.
myRef
=
React
.
createRef
()
this
.
fileHandler
=
this
.
fileHandler
.
bind
(
this
);
this
.
fileHandler
=
this
.
fileHandler
.
bind
(
this
);
...
@@ -116,8 +117,11 @@ export default class MonthlyReport extends Component {
...
@@ -116,8 +117,11 @@ export default class MonthlyReport extends Component {
this
.
setState
({
loading
:
true
})
this
.
setState
({
loading
:
true
})
this
.
props
.
selectIndex
(
'Monthly Report'
)
this
.
props
.
selectIndex
(
'Monthly Report'
)
if
(
this
.
props
.
location
.
state
!==
undefined
)
{
if
(
this
.
props
.
location
.
state
!==
undefined
)
{
// console.log(this.props);
console
.
log
(
this
.
props
);
this
.
setState
({
userType
:
this
.
props
.
location
.
state
.
userType
,
intent
:
'Home'
,
lastPeriod
:
this
.
props
.
location
.
state
.
rawData
.
periode
,
rawData
:
this
.
props
.
location
.
state
.
rawData
},
()
=>
{
if
(
this
.
props
.
location
.
state
.
month
!=
null
||
this
.
props
.
location
.
state
.
month
!=
undefined
)
{
this
.
setState
({
monthHome
:
this
.
props
.
location
.
state
.
month
})
}
this
.
setState
({
userType
:
this
.
props
.
location
.
state
.
userType
,
intent
:
'Home'
,
lastPeriod
:
this
.
props
.
location
.
state
.
rawData
.
periode
,
rawData
:
this
.
props
.
location
.
state
.
rawData
},
()
=>
{
this
.
getPermission
()
this
.
getPermission
()
})
})
}
else
{
}
else
{
...
@@ -322,7 +326,12 @@ export default class MonthlyReport extends Component {
...
@@ -322,7 +326,12 @@ export default class MonthlyReport extends Component {
};
};
let
index
=
data
.
findIndex
((
val
)
=>
val
.
month_name
==
month
)
let
index
=
data
.
findIndex
((
val
)
=>
val
.
month_name
==
month
)
console
.
log
(
index
);
console
.
log
(
index
);
this
.
setState
({
listMonth
:
defaultProps
,
month
:
index
==
-
1
?
monthData
[
0
]
:
monthData
[
index
]
},
()
=>
{
let
indexMonthHome
=
-
1
if
(
this
.
state
.
monthHome
!=
null
)
{
indexMonthHome
=
monthData
.
findIndex
((
val
)
=>
val
.
month_id
==
this
.
state
.
monthHome
.
month_id
)
}
console
.
log
(
indexMonthHome
)
this
.
setState
({
listMonth
:
defaultProps
,
month
:
indexMonthHome
==
-
1
?
(
index
==
-
1
?
monthData
[
0
]
:
monthData
[
index
])
:
monthData
[
indexMonthHome
]
},
()
=>
{
// if (this.state.isApprover === true) {
// if (this.state.isApprover === true) {
// if (this.state.submittedOnly) {
// if (this.state.submittedOnly) {
// console.log('masuk cuk')
// console.log('masuk cuk')
...
...
src/container/MonthlyReport/CorporateAnnualTargetMR.js
View file @
9897370a
...
@@ -70,11 +70,13 @@ export default class CorporateAnnualTargetMR extends Component {
...
@@ -70,11 +70,13 @@ export default class CorporateAnnualTargetMR extends Component {
judulColumn
:
null
,
judulColumn
:
null
,
get_for
:
"view"
,
get_for
:
"view"
,
parameterScore
:
[],
parameterScore
:
[],
parameterPerfom
:
[],
totalScore
:
0
,
totalScore
:
0
,
perfomanceScore
:
''
,
perfomanceScore
:
''
,
buttonError
:
true
,
buttonError
:
true
,
viewOnly
:
true
,
viewOnly
:
true
,
aa
:
0
aa
:
0
,
perfomanceScoreColor
:
'#fff'
}
}
this
.
fileHandler
=
this
.
fileHandler
.
bind
(
this
);
this
.
fileHandler
=
this
.
fileHandler
.
bind
(
this
);
}
}
...
@@ -85,6 +87,7 @@ export default class CorporateAnnualTargetMR extends Component {
...
@@ -85,6 +87,7 @@ export default class CorporateAnnualTargetMR extends Component {
this
.
getKPIType
()
this
.
getKPIType
()
this
.
getMaxAch
()
this
.
getMaxAch
()
this
.
getParameterGroup
()
this
.
getParameterGroup
()
this
.
getParameterGroupPerfom
()
this
.
handleViewOnly
()
this
.
handleViewOnly
()
}
}
...
@@ -139,6 +142,17 @@ export default class CorporateAnnualTargetMR extends Component {
...
@@ -139,6 +142,17 @@ export default class CorporateAnnualTargetMR extends Component {
})
})
}
}
getParameterGroupPerfom
()
{
api
.
create
().
getParameterByGroupName
({
"group_name"
:
"PERFORMANCE_KPI"
}).
then
((
response
)
=>
{
console
.
log
(
response
.
data
)
if
(
response
.
data
)
{
this
.
setState
({
parameterPerfom
:
response
.
data
.
data
})
}
})
}
getLatestUpdate
()
{
getLatestUpdate
()
{
let
payload
=
{
let
payload
=
{
"report_id"
:
this
.
props
.
report_id
,
"report_id"
:
this
.
props
.
report_id
,
...
@@ -704,7 +718,7 @@ export default class CorporateAnnualTargetMR extends Component {
...
@@ -704,7 +718,7 @@ export default class CorporateAnnualTargetMR extends Component {
if
(
item
[
12
]
==
''
||
String
(
item
[
12
])
==
'0'
||
String
(
item
[
12
])
==
'0.0'
)
{
if
(
item
[
12
]
==
''
||
String
(
item
[
12
])
==
'0'
||
String
(
item
[
12
])
==
'0.0'
)
{
totalSW
=
0
totalSW
=
0
}
else
{
}
else
{
totalSW
=
(
Number
(
totalScorez
)
*
Number
(
handlePercent
)
/
100
0
)
totalSW
=
(
Number
(
totalScorez
)
*
Number
(
handlePercent
)
/
100
)
}
}
totalSW
=
Number
(
totalSW
).
toFixed
(
2
)
totalSW
=
Number
(
totalSW
).
toFixed
(
2
)
if
(
item
[
0
]
!==
1
&&
item
[
0
]
!==
4
)
{
if
(
item
[
0
]
!==
1
&&
item
[
0
]
!==
4
)
{
...
@@ -747,6 +761,7 @@ export default class CorporateAnnualTargetMR extends Component {
...
@@ -747,6 +761,7 @@ export default class CorporateAnnualTargetMR extends Component {
// console.log(datatable3);
// console.log(datatable3);
let
totalWeightz
=
Number
(
totalWeight
)
/
100
let
totalWeightz
=
Number
(
totalWeight
)
/
100
let
totalz
=
Number
(
Number
(
total
).
toFixed
(
2
)
/
Number
(
totalWeightz
)).
toFixed
(
2
)
let
totalz
=
Number
(
Number
(
total
).
toFixed
(
2
)
/
Number
(
totalWeightz
)).
toFixed
(
2
)
console
.
log
(
totalz
)
let
lastTotal
=
R
.
equals
(
totalz
,
NaN
)
?
0.0
:
totalz
let
lastTotal
=
R
.
equals
(
totalz
,
NaN
)
?
0.0
:
totalz
if
(
R
.
equals
(
totalz
,
NaN
)
||
R
.
equals
(
totalz
,
"NaN"
))
{
if
(
R
.
equals
(
totalz
,
NaN
)
||
R
.
equals
(
totalz
,
"NaN"
))
{
...
@@ -755,24 +770,45 @@ export default class CorporateAnnualTargetMR extends Component {
...
@@ -755,24 +770,45 @@ export default class CorporateAnnualTargetMR extends Component {
lastTotal
=
totalz
lastTotal
=
totalz
}
}
// console.log(Number(Number(total).toFixed(2) / Number(totalWeightz)).toFixed(2))
console
.
log
(
Number
(
Number
(
total
).
toFixed
(
2
)
/
Number
(
totalWeightz
)).
toFixed
(
2
))
if
(
lastTotal
>=
1.00
&&
lastTotal
<=
2.00
)
{
perfomanceScore
=
'K'
let
listPerfomanceDefault
=
this
.
state
.
parameterPerfom
.
filter
((
val
)
=>
String
(
val
.
company_name
).
toLocaleLowerCase
()
==
"default"
)
}
else
if
(
lastTotal
>=
2.01
&&
lastTotal
<=
2.75
)
{
let
performanceScore
=
''
perfomanceScore
=
'C'
let
perfomanceScoreColor
=
'#fff'
}
else
if
(
lastTotal
>=
2.76
&&
lastTotal
<=
3.00
)
{
if
(
listPerfomanceDefault
.
length
>
0
)
{
perfomanceScore
=
'B-'
listPerfomanceDefault
.
map
((
item
,
index
)
=>
{
}
else
if
(
lastTotal
>=
3.01
&&
lastTotal
<=
3.75
)
{
console
.
log
(
Number
(
lastTotal
))
perfomanceScore
=
'B'
console
.
log
(
Number
(
item
.
min_value
))
}
else
if
(
lastTotal
>=
3.76
&&
lastTotal
<=
4.00
)
{
console
.
log
(
Number
(
item
.
max_value
))
perfomanceScore
=
'B+'
if
(
Number
(
lastTotal
)
>=
Number
(
item
.
min_value
)
&&
Number
(
lastTotal
)
<=
Number
(
item
.
max_value
))
{
}
else
if
(
lastTotal
>=
4.01
&&
lastTotal
<=
4.75
)
{
console
.
log
(
'masuk'
)
perfomanceScore
=
'BS'
perfomanceScore
=
item
.
description
}
else
if
(
lastTotal
>=
4.76
&&
lastTotal
<=
5.00
)
{
perfomanceScoreColor
=
item
.
value
perfomanceScore
=
'IST'
}
})
}
}
// console.log(Number(lastTotal))
console
.
log
(
this
.
state
.
parameterPerfom
)
console
.
log
(
listPerfomanceDefault
)
console
.
log
(
perfomanceScore
)
console
.
log
(
perfomanceScoreColor
)
// if (lastTotal >= 1.00 && lastTotal <= 2.00) {
// perfomanceScore = 'K'
// } else if (lastTotal >= 2.01 && lastTotal <= 2.75) {
// perfomanceScore = 'C'
// } else if (lastTotal >= 2.76 && lastTotal <= 3.00) {
// perfomanceScore = 'B-'
// } else if (lastTotal >= 3.01 && lastTotal <= 3.75) {
// perfomanceScore = 'B'
// } else if (lastTotal >= 3.76 && lastTotal <= 4.00) {
// perfomanceScore = 'B+'
// } else if (lastTotal >= 4.01 && lastTotal <= 4.75) {
// perfomanceScore = 'BS'
// } else if (lastTotal >= 4.76 && lastTotal <= 5.00) {
// perfomanceScore = 'IST'
// }
setTimeout
(()
=>
{
setTimeout
(()
=>
{
this
.
setState
({
totalScore
:
lastTotal
,
perfomanceScore
,
loading
:
false
},
()
=>
{
this
.
setState
({
totalScore
:
lastTotal
,
perfomanceScore
,
loading
:
false
,
perfomanceScoreColor
},
()
=>
{
this
.
setState
({
loading
:
true
})
this
.
setState
({
loading
:
true
})
setTimeout
(()
=>
{
setTimeout
(()
=>
{
this
.
setState
({
loading
:
false
})
this
.
setState
({
loading
:
false
})
...
@@ -1871,7 +1907,7 @@ export default class CorporateAnnualTargetMR extends Component {
...
@@ -1871,7 +1907,7 @@ export default class CorporateAnnualTargetMR extends Component {
<
div
style
=
{{
padding
:
5
}}
>
<
div
style
=
{{
padding
:
5
}}
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
}}
>
PERFOMANCE
<
/Typography
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
}}
>
PERFOMANCE
<
/Typography
>
<
/div
>
<
/div
>
<
div
style
=
{{
borderStyle
:
'solid'
,
backgroundColor
:
this
.
handleBackgroundPerf
(
this
.
state
.
totalScore
)
,
borderWidth
:
'0px 1px 1px 1px'
,
padding
:
5
,
minWidth
:
200
,
display
:
'flex'
,
justifyContent
:
'flex-end'
}}
>
<
div
style
=
{{
borderStyle
:
'solid'
,
backgroundColor
:
this
.
state
.
perfomanceScoreColor
,
borderWidth
:
'0px 1px 1px 1px'
,
padding
:
5
,
minWidth
:
200
,
display
:
'flex'
,
justifyContent
:
'flex-end'
}}
>
{
!
this
.
state
.
loading
&&
(
{
!
this
.
state
.
loading
&&
(
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'black'
,
fontWeight
:
'bold'
}}
>
{
this
.
state
.
perfomanceScore
}
<
/Typography
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'black'
,
fontWeight
:
'bold'
}}
>
{
this
.
state
.
perfomanceScore
}
<
/Typography
>
)}
)}
...
@@ -2039,7 +2075,7 @@ export default class CorporateAnnualTargetMR extends Component {
...
@@ -2039,7 +2075,7 @@ export default class CorporateAnnualTargetMR extends Component {
<
div
style
=
{{
padding
:
5
}}
>
<
div
style
=
{{
padding
:
5
}}
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
}}
>
PERFOMANCE
<
/Typography
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'#4b4b4b'
}}
>
PERFOMANCE
<
/Typography
>
<
/div
>
<
/div
>
<
div
style
=
{{
borderStyle
:
'solid'
,
backgroundColor
:
this
.
handleBackgroundPerf
(
this
.
state
.
totalScore
)
,
borderWidth
:
'0px 1px 1px 1px'
,
padding
:
5
,
minWidth
:
200
,
display
:
'flex'
,
justifyContent
:
'flex-end'
}}
>
<
div
style
=
{{
borderStyle
:
'solid'
,
backgroundColor
:
this
.
state
.
perfomanceScoreColor
,
borderWidth
:
'0px 1px 1px 1px'
,
padding
:
5
,
minWidth
:
200
,
display
:
'flex'
,
justifyContent
:
'flex-end'
}}
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'black'
,
fontWeight
:
'bold'
}}
>
{
this
.
state
.
perfomanceScore
}
<
/Typography
>
<
Typography
style
=
{{
fontSize
:
'11px'
,
color
:
'black'
,
fontWeight
:
'bold'
}}
>
{
this
.
state
.
perfomanceScore
}
<
/Typography
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment