Feat: chart delta et banque

This commit is contained in:
Bertrand Benjamin 2021-08-10 11:17:53 +02:00
parent cb39fbe5dd
commit 6c006a15fe
2 changed files with 73 additions and 49 deletions

View File

@ -7,7 +7,7 @@
<script> <script>
import Chart from 'chart.js' import Chart from 'chart.js'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import { monthCA } from '../../lib/months' import { monthCA, caPersoUntouch, caPerso, remuneration } from '../../lib/months'
export default { export default {
name: 'RevenusChart', name: 'RevenusChart',
@ -22,6 +22,9 @@ export default {
}, },
}, },
computed: { computed: {
...mapGetters('config', {
caProPercentage: 'caProPercentage',
}),
...mapGetters('travail', { ...mapGetters('travail', {
months: "months", months: "months",
}), }),
@ -32,12 +35,29 @@ export default {
labels: Object.keys(this.months), labels: Object.keys(this.months),
datasets: [ datasets: [
{ {
type: "bar",
label: "Difference CA perso et remuneration",
data: Object.values(this.months).map(a => caPerso({bar: a}, this.caProPercentage) - remuneration({bar:a})),
backgroundColor: "red",
borderColor: "light-red",
borderWidth: 3
},
{
type: "bar",
label: "CA", label: "CA",
data: Object.values(this.months).map(a => monthCA(a)), data: Object.values(this.months).map(a => monthCA(a)),
backgroundColor: "rgba(54,73,93,.5)", backgroundColor: "rgba(54,73,93,.5)",
borderColor: "#36495d", borderColor: "#36495d",
borderWidth: 3 borderWidth: 3
}, },
{
type: "line",
label: "Banque",
data: this.untouchEvo,
backgroundColor: "rgba(71, 183,132,.5)",
borderColor: "#47b784",
borderWidth: 3
},
], ],
}, },
options: { options: {
@ -57,6 +77,10 @@ export default {
} }
return datas return datas
}, },
untouchEvo: function () {
const cumulativeArray = (arr => value => {arr.push(value); return [...arr];})([]);
return Object.values(this.months).map(cumulativeArray).map(a => caPersoUntouch(a, this.caProPercentage))
},
}, },
methods: { methods: {
}, },

View File

@ -15,54 +15,54 @@ const travail = {
remuneration: 0, // rémunération décidée remuneration: 0, // rémunération décidée
}, },
months: { months: {
//"2021-01": { "2021-01": {
// ca_theo: null, // ca théorique basé sur les séances effectuées ca_theo: null, // ca théorique basé sur les séances effectuées
// nbr_seances: null, // Nombre de séances effectuées sur le mois nbr_seances: null, // Nombre de séances effectuées sur le mois
// ca_retro: 6747, // ca au moment de la rétrocession ca_retro: 6747, // ca au moment de la rétrocession
// ca_react: null, // ca réactualisé ca_react: null, // ca réactualisé
// retro: 893, // montant de la rétrocession retro: 893, // montant de la rétrocession
// remuneration: 2000, // rémunération décidée remuneration: 2000, // rémunération décidée
//}, },
//"2021-02": { "2021-02": {
// ca_theo: null, // ca théorique basé sur les séances effectuées ca_theo: null, // ca théorique basé sur les séances effectuées
// nbr_seances: null, // Nombre de séances effectuées sur le mois nbr_seances: null, // Nombre de séances effectuées sur le mois
// ca_retro: 5183, // ca au moment de la rétrocession ca_retro: 5183, // ca au moment de la rétrocession
// ca_react: null, // ca réactualisé ca_react: null, // ca réactualisé
// retro: 665, // montant de la rétrocession retro: 665, // montant de la rétrocession
// remuneration: 1500, // rémunération décidée remuneration: 1500, // rémunération décidée
//}, },
//"2021-03": { "2021-03": {
// ca_theo: null, // ca théorique basé sur les séances effectuées ca_theo: null, // ca théorique basé sur les séances effectuées
// nbr_seances: null, // Nombre de séances effectuées sur le mois nbr_seances: null, // Nombre de séances effectuées sur le mois
// ca_retro: 7088, // ca au moment de la rétrocession ca_retro: 7088, // ca au moment de la rétrocession
// ca_react: null, // ca réactualisé ca_react: null, // ca réactualisé
// retro: 855, // montant de la rétrocession retro: 855, // montant de la rétrocession
// remuneration: 2000, // rémunération décidée remuneration: 2000, // rémunération décidée
//}, },
//"2021-04": { "2021-04": {
// ca_theo: null, // ca théorique basé sur les séances effectuées ca_theo: null, // ca théorique basé sur les séances effectuées
// nbr_seances: null, // Nombre de séances effectuées sur le mois nbr_seances: null, // Nombre de séances effectuées sur le mois
// ca_retro: 4194, // ca au moment de la rétrocession ca_retro: 4194, // ca au moment de la rétrocession
// ca_react: 5630, // ca réactualisé ca_react: 5630, // ca réactualisé
// retro: 627, // montant de la rétrocession retro: 627, // montant de la rétrocession
// remuneration: 2000, // rémunération décidée remuneration: 2000, // rémunération décidée
//}, },
//"2021-05": { "2021-05": {
// ca_theo: null, // ca théorique basé sur les séances effectuées ca_theo: null, // ca théorique basé sur les séances effectuées
// nbr_seances: null, // Nombre de séances effectuées sur le mois nbr_seances: null, // Nombre de séances effectuées sur le mois
// ca_retro: 5564, // ca au moment de la rétrocession ca_retro: 5564, // ca au moment de la rétrocession
// ca_react: 6335, // ca réactualisé ca_react: 6335, // ca réactualisé
// retro: 699, // montant de la rétrocession retro: 699, // montant de la rétrocession
// remuneration: 2800, // rémunération décidée remuneration: 2800, // rémunération décidée
//}, },
//"2021-06": { "2021-06": {
// ca_theo: null, // ca théorique basé sur les séances effectuées ca_theo: null, // ca théorique basé sur les séances effectuées
// nbr_seances: null, // Nombre de séances effectuées sur le mois nbr_seances: null, // Nombre de séances effectuées sur le mois
// ca_retro: 5442, // ca au moment de la rétrocession ca_retro: 5442, // ca au moment de la rétrocession
// ca_react: 6335, // ca réactualisé ca_react: 6335, // ca réactualisé
// retro: 638, // montant de la rétrocession retro: 638, // montant de la rétrocession
// remuneration: 2800, // rémunération décidée remuneration: 2800, // rémunération décidée
//}, },
}, },
range: { range: {
start: "2021-01", start: "2021-01",