39 lines
884 B
Vue
39 lines
884 B
Vue
<template>
|
|
<div class="month-presentation">
|
|
<div class="date">
|
|
{{ month.date }}
|
|
</div>
|
|
<div class="infos">
|
|
<ul>
|
|
<li> CA théorique {{ month.ca_theo ?? "∅"}}</li>
|
|
<li> CA à la rétrocession {{ month.ca_retro ?? "∅"}}</li>
|
|
<li> CA réactualisé {{ month.ca_react ?? "∅"}}</li>
|
|
<li> Nombre de séances {{ month.nbr_seances ?? "∅"}}</li>
|
|
<li> Montant de la rétrocession {{ month.retro ?? "∅"}}</li>
|
|
<li> Rémunération effectuée {{ month.remumeration ?? "∅"}}</li>
|
|
</ul>
|
|
</div>
|
|
<div class="actions">
|
|
<button> Éditer </button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'MonthPresentation',
|
|
props: {
|
|
month: {
|
|
type: Object,
|
|
}
|
|
},
|
|
computed: {
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
|
<style scoped>
|
|
|
|
</style>
|