53 lines
1.4 KiB
Vue
53 lines
1.4 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
|
|
}
|
|
},
|
|
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].total.replace(/,/g, ''));
|
|
}
|
|
return suma;
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
</style> |