60 lines
2 KiB
Vue
60 lines
2 KiB
Vue
<template>
|
|
<div class="block ml-3 mr-3 is-max-widescreen is-max-desktop">
|
|
<tabs-secciones :tabs="tabs" :tabInicial="tabActiva"/>
|
|
<div class="block pb-6"
|
|
id="barrios-comisiones-seccion"
|
|
:class="seccionActiva === 'barrios-comisiones-seccion' ? 'is-active' : 'is-hidden'">
|
|
<barrios-seccion/>
|
|
</div>
|
|
<div class="block pb-6"
|
|
id="canasta-comisiones-seccion"
|
|
:class="seccionActiva === 'canasta-comisiones-seccion' ? 'is-active' : 'is-hidden'">
|
|
<canasta-seccion/>
|
|
</div>
|
|
<div class="block pb-6"
|
|
id="parametros-comisiones-seccion"
|
|
:class="seccionActiva === 'parametros-comisiones-seccion' ? 'is-active' : 'is-hidden'">
|
|
<parametros-seccion/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import TabsSecciones from "../comunes/TabsSecciones.vue";
|
|
import DropdownDescargar from "./DropdownDescargar.vue";
|
|
import InputFileButton from "../comunes/InputFileButton.vue";
|
|
import CanastaSeccion from "./canasta/CanastaSeccion.vue";
|
|
import SaldosSeccion from "./saldos/SaldosSeccion.vue";
|
|
import ParametrosSeccion from "./parametros/ParametrosSeccion.vue";
|
|
import BarriosSeccion from "./barrios/BarriosSeccion.vue";
|
|
|
|
export default {
|
|
name: "ComisionesBody",
|
|
components: {
|
|
SaldosSeccion,
|
|
BarriosSeccion,
|
|
CanastaSeccion,
|
|
ParametrosSeccion,
|
|
TabsSecciones,
|
|
DropdownDescargar,
|
|
InputFileButton,
|
|
},
|
|
data() {
|
|
return {
|
|
tabs: [
|
|
{ id: "barrios-comisiones", nombre: "Barrios" },
|
|
{ id: "canasta-comisiones", nombre: "Canasta" },
|
|
{ id: "parametros-comisiones", nombre: "Parámetros" },
|
|
],
|
|
tabActiva: "barrios-comisiones",
|
|
seccionActiva: "barrios-comisiones-seccion",
|
|
}
|
|
},
|
|
methods: {
|
|
setSeccionActiva(tabId) {
|
|
this.tabActiva = tabId;
|
|
this.seccionActiva = tabId + "-seccion";
|
|
},
|
|
},
|
|
}
|
|
</script>
|