64 lines
1.5 KiB
Vue
64 lines
1.5 KiB
Vue
<template>
|
|
<div class="hightlights">
|
|
<div class="hightlight boxed">
|
|
<ul>
|
|
<li>{{ ca }} €</li>
|
|
<li>CA</li>
|
|
</ul>
|
|
</div>
|
|
<div class="hightlight boxed">
|
|
<ul>
|
|
<li>{{ remuneration }} €</li>
|
|
<li>Rémunération</li>
|
|
</ul>
|
|
</div>
|
|
<div class="hightlight boxed">
|
|
<ul>
|
|
<li>{{ caPersoUntouch }} €</li>
|
|
<li>13e mois</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<revenus-chart/>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapGetters } from 'vuex'
|
|
import { caTotal,
|
|
caMean,
|
|
remuneration,
|
|
caPersoUntouch
|
|
} from '../lib/months'
|
|
import RevenusChart from '../components/graphs/RevenusChart.vue'
|
|
|
|
export default {
|
|
name: 'caOnPeriod',
|
|
components: {
|
|
RevenusChart: RevenusChart,
|
|
},
|
|
data () {
|
|
return {}
|
|
},
|
|
computed: {
|
|
...mapGetters('config', {
|
|
caProPercentage: 'caProPercentage',
|
|
}),
|
|
...mapGetters('travail', {
|
|
months: "months",
|
|
}),
|
|
ca: function () {return caTotal(this.months).toLocaleString()},
|
|
caMean: function () {return caMean(this.months).toLocaleString()},
|
|
remuneration: function () {return remuneration(this.months).toLocaleString()},
|
|
caPersoUntouch: function () {return caPersoUntouch(this.months, this.caProPercentage).toLocaleString()},
|
|
|
|
},
|
|
mounted () {
|
|
},
|
|
methods: {
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
</style>
|