Feat: chart delta et banque
This commit is contained in:
parent
cb39fbe5dd
commit
6c006a15fe
@ -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: {
|
||||||
},
|
},
|
||||||
|
@ -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",
|
||||||
|
Loading…
Reference in New Issue
Block a user