nathalie
/
pedi2
3
3
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

Agregados bonos de transporte y cambio de estilo

This commit is contained in:
Ale 2022-11-13 18:01:01 -03:00
parent 1a961c0732
commit 896baf18dd
4 changed files with 143 additions and 89 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

152
public/js/app.js vendored
View File

File diff suppressed because one or more lines are too long

2
resources/js/components/PedidosAdminBody.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="container is-max-widescreen is-max-desktop animate__animated" :class="animation" v-show="!init">
<div class="container is-max-widescreen is-max-desktop animate__animated" :class="animation">
<pedidos-admin-tabs-secciones></pedidos-admin-tabs-secciones>
<div class="block" id="pedidos-seccion"
:class="seccionActiva === 'pedidos-seccion' ? 'is-active' : 'is-hidden'">

73
resources/js/components/PedidosAdminTablaBonos.vue
View File

@ -1,37 +1,41 @@
<template>
<table class="table is-fullwidth is-striped is-bordered">
<thead>
<tr>
<th><abbr title="Bono">Bono</abbr></th>
<th class="is-1"><abbr title="Cantidad">Cantidad</abbr></th>
<th><abbr title="Total a Pagar">Total $</abbr></th>
</tr>
</thead>
<tfoot>
<tr>
<th></th>
<th>Total bonos</th>
<th>$ {{ totalBonos }}</th>
</tr>
<tr>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<td>Bonos de Transporte</td>
<td>{{ bonosDeTransporteAprobados }}</td>
<td>$ {{ bonosDeTransporteAprobados * 15 }}</td>
</tr>
</tfoot>
<tbody>
<pedidos-admin-fila-bono v-for="(bono, i) in bonosCantidadesTotales" :key="i"
:nombre="bono.nombre"
:cantidad="bono.cantidad"
:total="bono.total">
</pedidos-admin-fila-bono>
</tbody>
</table>
<div class="block">
<div class="block" v-show="!hayBonos">
<p class="has-text-centered">
Todavía no hay bonos pedidos.
</p>
</div>
<div class="block">
<table class="table is-fullwidth is-striped is-bordered">
<thead>
<tr>
<th><abbr title="Bono">Bono</abbr></th>
<th class="is-1"><abbr title="Cantidad">Cantidad</abbr></th>
<th><abbr title="Total a Pagar">Total $</abbr></th>
</tr>
</thead>
<tfoot>
<tr v-show="hayBonos">
<th></th>
<th>Total bonos</th>
<th>$ {{ totalBonos }}</th>
</tr>
<tr>
<td> Bonos de Transporte </td>
<td> {{ bonosDeTransporteAprobados }} </td>
<td> $ {{ bonosDeTransporteAprobados * 15 }} </td>
</tr>
</tfoot>
<tbody v-show="hayBonos">
<pedidos-admin-fila-bono v-for="(bono, i) in bonosCantidadesTotales" :key="i"
:nombre="bono.nombre"
:cantidad="bono.cantidad"
:total="bono.total">
</pedidos-admin-fila-bono>
</tbody>
</table>
</div>
</div>
</template>
<script>
@ -104,6 +108,9 @@ export default {
total += b.total;
});
return total;
},
hayBonos: function() {
return this.totalBonos !== 0;
}
},
methods: {

5
resources/js/components/PedidosAdminTabsSecciones.vue
View File

@ -45,6 +45,7 @@ export default {
</script>
<style lang="scss" scoped>
@import 'bulma';
hr {
border: none;
height: 1px;
@ -54,4 +55,8 @@ export default {
border-bottom-style: solid !important;
border-bottom-width: 1px !important;
}
.tabs li.is-active a {
border-bottom-color: #e3342f;
color: #e3342f;
}
</style>