diff --git a/resources/js/components/comisiones/barrios/BarriosSeccion.vue b/resources/js/components/comisiones/barrios/BarriosSeccion.vue
new file mode 100644
index 0000000..00dbf0d
--- /dev/null
+++ b/resources/js/components/comisiones/barrios/BarriosSeccion.vue
@@ -0,0 +1,25 @@
+<script>
+import TablaBarrios from "./TablaBarrios.vue";
+import DropdownDescargar from "../DropdownDescargar.vue";
+import ModalBarrio from "./ModalBarrio.vue";
+import { mapState } from "vuex";
+
+export default {
+    name: "BarriosSeccion",
+    components: { DropdownDescargar, TablaBarrios, ModalBarrio },
+    computed: {
+        ...mapState("comisiones", ["grupo_de_compra_actual"])
+    }
+}
+</script>
+
+<template>
+    <div>
+        <modal-barrio v-if="grupo_de_compra_actual"/>
+        <dropdown-descargar/>
+        <tabla-barrios/>
+    </div>
+</template>
+
+<style scoped>
+</style>