pedi2/resources/js/components/PedidosAdminTablaPedidos.vue

59 lines
1.7 KiB
Vue

<template>
<table class="table is-fullwidth is-striped is-bordered">
<thead>
<tr>
<th>Núcleo</th>
<th><abbr title="Total a Pagar">Total $</abbr></th>
<th class="is-1"><abbr title="Aprobacion">Aprobación</abbr></th>
</tr>
</thead>
<tfoot>
<tr>
<th></th>
<th>Total de los aprobados</th>
<th>$ {{ totalAprobados() }}</th>
</tr>
</tfoot>
<tbody>
<pedidos-admin-fila-pedido v-for="pedido in this.pedidos"
:pedido="pedido" :key="pedido.id">
</pedidos-admin-fila-pedido>
</tbody>
</table>
</template>
<script>
import PedidosAdminFilaPedidoVue from './PedidosAdminFilaPedido.vue';
export default {
name: "PedidosAdminTablaPedidos",
components: {
PedidosAdminFilaPedidoVue
},
props: {
pedidos: {
type: Array,
required: true
},
bonosDeTransporte: {
type: Number,
required: true
},
},
methods: {
totalAprobados() {
let suma = 0;
let aprobados = this.pedidos.filter(p => p.aprobado);
for (let i = 0; i < aprobados.length; i++) {
suma += parseFloat(aprobados[i].subtotal_bonos.replace(/,/g, ''));
suma += parseFloat(aprobados[i].subtotal_productos.replace(/,/g, ''));
}
suma += parseInt(this.bonosDeTransporte)*15
return suma;
}
},
}
</script>
<style>
</style>