diff --git a/app/GrupoDeCompra.php b/app/GrupoDeCompra.php
index 6f30d43..99aa398 100644
--- a/app/GrupoDeCompra.php
+++ b/app/GrupoDeCompra.php
@@ -69,16 +69,16 @@ class GrupoDeCompra extends Model
     throw new Exception('No hay bono de transporte');
   }
 
-  private function totalPedidoSinBDT() {
+  private function totalPedidosSinBonos() {
     $total = 0;
-    foreach ($this->subpedidos as $subpedido) {
-      $total += $subpedido->totalSinBDT();
+    foreach ($this->pedidosAprobados() as $pedido) {
+      $total += ceil($pedido->totalSinBonos());
     }
     return $total;
   }
 
-  private function  calcularCantidadBDT() {
-      return ceil($this->totalPedidoSinBDT() / 500);
+  public function calcularCantidadBDT() {
+      return ceil($this->totalPedidosSinBonos() / 500);
   }
 
   public function exportarPedidoEnCSV(){
diff --git a/app/Http/Resources/SubpedidoResource.php b/app/Http/Resources/SubpedidoResource.php
index 6567ee0..bd53b85 100644
--- a/app/Http/Resources/SubpedidoResource.php
+++ b/app/Http/Resources/SubpedidoResource.php
@@ -17,7 +17,7 @@ class SubpedidoResource extends JsonResource
         return [
             'id' => $this->id,
             'nombre' => $this->nombre,
-            'subtotal_productos' => number_format($this->totalSinBDT(),0),
+            'subtotal_productos' => number_format($this->totalSinBonos(),0),
             'subtotal_bonos' => number_format($this->getSubtotalBonos(),0),
             'bonos_de_transporte' => $this->cantidadBDT(),
             'subtotal_bonos_de_transporte' => number_format($this->getSubtotalBDT(),0),
diff --git a/app/Subpedido.php b/app/Subpedido.php
index ea9d779..8b64a24 100644
--- a/app/Subpedido.php
+++ b/app/Subpedido.php
@@ -41,7 +41,7 @@ class Subpedido extends Model
   }
 
   //Subtotal de dinero de productos del pedido, sin bonos ni transporte
-  public function totalSinBDT()
+  public function totalSinBonos()
   {
     return $this->productosSinBonos()->sum('total');
   }
@@ -49,7 +49,7 @@ class Subpedido extends Model
   //Cantidad de bonos de transporte
   public function cantidadBDT()
   {
-    return ceil($this->totalSinBDT() / 500);
+    return ceil($this->totalSinBonos() / 500);
   }
 
   //Subtotal de dinero de bonos de transporte
@@ -66,7 +66,7 @@ class Subpedido extends Model
 
   public function getTotal()
   {
-    return $this->totalSinBDT() + $this->getSubtotalBDT() + $this->getSubtotalBonos();
+    return $this->totalSinBonos() + $this->getSubtotalBDT() + $this->getSubtotalBonos();
   }
 
   //Actualiza el pedido, agregando o quitando del subpedido según sea necesario. Debe ser llamado desde el controlador de subpedidos, luego de validar que los parámetros $producto y $cantidad son correctos. También calcula el subtotal por producto.
diff --git a/package.json b/package.json
index ca11d30..cc4c17c 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
     "devDependencies": {
         "axios": "^0.19.2",
         "bootstrap": "^4.0.0",
-        "cross-env": "^7.0",
+        "cross-env": "^7.0.3",
         "jquery": "^3.2",
         "laravel-mix": "^5.0.1",
         "lodash": "^4.17.19",
diff --git a/resources/js/components/PedidosAdminBody.vue b/resources/js/components/PedidosAdminBody.vue
index 7466c25..ff5d559 100644
--- a/resources/js/components/PedidosAdminBody.vue
+++ b/resources/js/components/PedidosAdminBody.vue
@@ -8,7 +8,7 @@
                     :gdc="gdc">
                 </pedidos-admin-dropdown-descargar>
                 <pedidos-admin-tabla-pedidos
-                    :pedidos="pedidos">
+                    :pedidos="pedidos" :bonosDeTransporte="bonosDeTransporte">
                 </pedidos-admin-tabla-pedidos>
             </div>
             <p class="has-text-centered" v-show="!hayPedidos">
@@ -44,6 +44,7 @@ export default {
         return {
             gdc: 0,
             pedidos: [],
+            bonosDeTransporte: 0,
             tabActiva: "pedidos",
             seccionActiva: "pedidos-seccion"
         }
@@ -58,21 +59,15 @@ export default {
     },
     methods: {
         fetchPedidos() {
+            axios.get("/api/grupos-de-compra/"+this.gdc+"/bonos-de-transporte", {})
+                 .then(response => this.bonosDeTransporte = response.data.bdt);
             axios.get("/api/subpedidos/resources", {
                     params: {
                         grupo_de_compra: this.gdc
                     }})
                  .then(response => {
                     this.pedidos = response.data.data
-                });
-        },
-        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;
+                }).get;
         },
         setSeccionActiva(tabId) {
             this.tabActiva = tabId;
diff --git a/resources/js/components/PedidosAdminFilaBono.vue b/resources/js/components/PedidosAdminFilaBono.vue
deleted file mode 100644
index f4876b1..0000000
--- a/resources/js/components/PedidosAdminFilaBono.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-    <tr>
-        <td>{{ nombre }}</td>
-        <td>{{ cantidad }}</td>
-        <td>${{ total }}</td>
-    </tr>
-</template>
-
-<script>
-export default {
-    name: "PedidosAdminFilaBono",
-    props: {
-        nombre: String,
-        cantidad: Number,
-        total: Number
-    }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/resources/js/components/PedidosAdminTablaBonos.vue b/resources/js/components/PedidosAdminTablaBonos.vue
index 98b6b96..7fafdaa 100644
--- a/resources/js/components/PedidosAdminTablaBonos.vue
+++ b/resources/js/components/PedidosAdminTablaBonos.vue
@@ -5,119 +5,91 @@
                 Todavía no hay bonos pedidos.
             </p>
         </div>
-        <div class="block">
-            <table class="table is-fullwidth is-striped is-bordered">
+        <div class="block" v-show="hayBonos">
+            <table class="table is-bordered is-striped is-hoverable is-fullwidth">
                 <thead>
                     <tr>
-                        <th><abbr title="Bono">Bono</abbr></th>
-                        <th class="is-1"><abbr title="Cantidad">Cantidad</abbr></th>
+                        <th><abbr title="Núcleo">Núcleo</abbr></th>
+                        <td v-for="(bono,i) in bonos" :key="i" class="is-1">
+                            {{ bono.nombre }}
+                        </td>
                         <th><abbr title="Total a Pagar">Total $</abbr></th>
                     </tr>
                 </thead>
+                <tbody>
+                    <tr v-for="(bp, i) in bonosPorPedido" :key="i">
+                        <td> {{ bp.nucleo }} </td>
+                        <td v-for="(bono,j) in bp.bonos" :key="j">
+                            {{ bono.cantidad }}
+                        </td>
+                        <td> {{ bp.total }} </td>
+                    </tr>
+                </tbody>
                 <tfoot>
-                    <tr v-show="hayBonos">
+                    <tr>
                         <th></th>
-                        <th>Total bonos</th>
+                        <th :colspan="bonos.length">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>
-import PedidosAdminFilaBonoVue from './PedidosAdminFilaBono.vue'
 export default {
     name: "PedidosAdminTablaBonos",
-    components: {
-        PedidosAdminFilaBonoVue
-    },
     props: {
         pedidos: {
             type: Array,
             required: true
         }
     },
-    computed: {
-        hayPedidos: function() {
-            return this.pedidos.length !== 0
-        },
-        hayAprobados: function() {
-            return this.pedidosAprobados.length > 0
-        },
-        pedidosAprobados: function() {
-            return this.pedidos.filter(p => p.aprobado);
-        },
-        bonosDeTransporteAprobados: function() {
-            let bonosTransportePorPedido = this.pedidosAprobados.map(p => p.bonos_de_transporte);
-            let cant = 0;
-            bonosTransportePorPedido.forEach(bt => cant += bt);
-            return cant
-        },
-        bonosCantidadesTotales: function() {
-            let nombres = [];
-            let cantidades = [];
-            let precios = [];
-
-            let bonosAprobadosPorPedido = this.bonosPorPedido(this.pedidosAprobados);
-            bonosAprobadosPorPedido.forEach(bs => {
-                bs.forEach(b => {
-                    if (!nombres.includes(b.nombre)) {
-                        nombres.push(b.nombre);
-                        cantidades.push(b.pivot.cantidad);
-                        precios.push(b.precio);
-                    } else {
-                        for (let i = 0; i < nombres.length; i++) {
-                            if (b.nombre === nombres[i]) {
-                                cantidades[i] += b.pivot.cantidad;
-                            }
-                        }
-                    }
-                });
-            });
-
-            let bonosAprobados = [];
-            for (let i = 0; i < nombres.length; i++) {
-                let bono = {
-                    nombre: nombres[i],
-                    cantidad: cantidades[i],
-                    total: cantidades[i] * precios[i]
-                };
-                bonosAprobados.push(bono);
-            }
-
-            return bonosAprobados;
-        },
-        totalBonos: function() {
-            let total = 0;
-            let bonos = this.bonosCantidadesTotales;
-            bonos.forEach(b => {
-                total += b.total;
-            });
-            return total;
-        },
-        hayBonos: function() {
-            return this.totalBonos !== 0;
+    data() {
+        return {
+            bonos: []
         }
     },
+    computed: {
+        pedidosAprobados: function() {
+            return this.pedidos.filter(p => p.aprobado)
+        },
+        hayBonos: function() {
+            return this.pedidosAprobados.filter(p => p.subtotal_bonos != 0).length !== 0
+        },
+        bonosPorPedido: function() {
+            let bonosPorPedido = this.pedidosAprobados.map(p => p = {"nucleo":p.nombre, "bonos":p.productos.filter(x => x.bono), "total":p.subtotal_bonos});
+            bonosPorPedido.forEach(bp => {
+                bp.bonos = bp.bonos.map(b => b = {"bono":b.nombre, "cantidad":b.pivot.cantidad, "total":b.pivot.total, "id":b.id})
+            })
+            return bonosPorPedido.map(bp => this.completarBonos(bp));
+        },
+        totalBonos: function() {
+            let total = 0
+            this.bonosPorPedido.map(bp => total += parseInt(bp.total))
+            return total
+        },
+    },
     methods: {
-        bonosPorPedido(pedidosArray) {
-            return pedidosArray.map(p => p.productos.filter(pr => pr.bono))
+        completarBonos(bonosPedido) {
+            this.bonos.map(b => {
+                if (!bonosPedido.bonos.map(x => x.id).includes(b.id))
+                     bonosPedido.bonos.push({"bono":b.nombre, "cantidad":0, "total":0, "id":b.id})
+            })
+            bonosPedido.bonos = bonosPedido.bonos.sort((b1,b2) => b1.id - b2.id)
+            return bonosPedido
         }
     },
+    beforeMount() {
+        axios.get("../api/productos", {
+            params: {
+                categoria:'TRANSPORTE, BONOS Y FINANCIAMIENTO SORORO',
+            }
+        }).then(response => {
+            this.bonos = response.data.data;
+        });
+    },
 }
 </script>
 
diff --git a/resources/js/components/PedidosAdminTablaPedidos.vue b/resources/js/components/PedidosAdminTablaPedidos.vue
index 35c7098..379190b 100644
--- a/resources/js/components/PedidosAdminTablaPedidos.vue
+++ b/resources/js/components/PedidosAdminTablaPedidos.vue
@@ -33,18 +33,24 @@ export default {
         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].total.replace(/,/g, ''));
+                suma += parseFloat(aprobados[i].subtotal_bonos.replace(/,/g, ''));
+                suma += parseFloat(aprobados[i].subtotal_productos.replace(/,/g, ''));
             }
+            suma += parseInt(this.bonosDeTransporte)*15
             return suma;
         }
-    }
+    },
 }
 </script>
 
diff --git a/routes/api.php b/routes/api.php
index fdc813e..d756aad 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -1,5 +1,7 @@
 <?php
 
+use App\Filtros\FiltroDeProducto;
+use App\Filtros\FiltroDeSubpedido;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Route;
 use App\GrupoDeCompra;
@@ -26,6 +28,10 @@ Route::middleware('api')->group(function () {
 	    	$atributos_a_ocultar = ['telefono', 'cantidad_de_nucleos', 'correo', 'referente_finanzas', 'created_at', 'updated_at'];
     		return GrupoDeCompra::all()->makeHidden($atributos_a_ocultar)->sortBy('nombre')->groupBy('region');
     	});
+        Route::get('/{gdc}/bonos-de-transporte', function($gdc) {
+            $grupo = GrupoDeCompra::where('id',$gdc)->first();
+            return ['bdt' => $grupo->calcularCantidadBDT()];
+        });
     });
 
     Route::prefix('pedidos')->group(function () {