felix
/
pedi2
forked from nathalie/pedi2
1
0
Fork 0
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

92
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> <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> <pedidos-admin-tabs-secciones></pedidos-admin-tabs-secciones>
<div class="block" id="pedidos-seccion" <div class="block" id="pedidos-seccion"
:class="seccionActiva === 'pedidos-seccion' ? 'is-active' : 'is-hidden'"> :class="seccionActiva === 'pedidos-seccion' ? 'is-active' : 'is-hidden'">

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

@ -1,4 +1,11 @@
<template> <template>
<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"> <table class="table is-fullwidth is-striped is-bordered">
<thead> <thead>
<tr> <tr>
@ -8,23 +15,18 @@
</tr> </tr>
</thead> </thead>
<tfoot> <tfoot>
<tr> <tr v-show="hayBonos">
<th></th> <th></th>
<th>Total bonos</th> <th>Total bonos</th>
<th>$ {{ totalBonos }}</th> <th>$ {{ totalBonos }}</th>
</tr> </tr>
<tr> <tr>
<th></th> <td> Bonos de Transporte </td>
<th></th> <td> {{ bonosDeTransporteAprobados }} </td>
<th></th> <td> $ {{ bonosDeTransporteAprobados * 15 }} </td>
</tr>
<tr>
<td>Bonos de Transporte</td>
<td>{{ bonosDeTransporteAprobados }}</td>
<td>$ {{ bonosDeTransporteAprobados * 15 }}</td>
</tr> </tr>
</tfoot> </tfoot>
<tbody> <tbody v-show="hayBonos">
<pedidos-admin-fila-bono v-for="(bono, i) in bonosCantidadesTotales" :key="i" <pedidos-admin-fila-bono v-for="(bono, i) in bonosCantidadesTotales" :key="i"
:nombre="bono.nombre" :nombre="bono.nombre"
:cantidad="bono.cantidad" :cantidad="bono.cantidad"
@ -32,6 +34,8 @@
</pedidos-admin-fila-bono> </pedidos-admin-fila-bono>
</tbody> </tbody>
</table> </table>
</div>
</div>
</template> </template>
<script> <script>
@ -104,6 +108,9 @@ export default {
total += b.total; total += b.total;
}); });
return total; return total;
},
hayBonos: function() {
return this.totalBonos !== 0;
} }
}, },
methods: { methods: {

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

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