Generalizacion de tab-secciones

This commit is contained in:
Alejandro Tasistro 2024-12-21 13:20:34 -03:00
parent cad8dffbcf
commit 4b2ed9f90e
2 changed files with 9 additions and 16 deletions

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="block ml-3 mr-3 is-max-widescreen is-max-desktop"> <div class="block ml-3 mr-3 is-max-widescreen is-max-desktop">
<admin-tabs-secciones></admin-tabs-secciones> <admin-tabs-secciones :tabs="tabs" :tabInicial="tabActiva"></admin-tabs-secciones>
<div class="block" id="pedidos-seccion" <div class="block" id="pedidos-seccion"
:class="seccionActiva === 'pedidos-seccion' ? 'is-active' : 'is-hidden'"> :class="seccionActiva === 'pedidos-seccion' ? 'is-active' : 'is-hidden'">
<div class="block pb-6" id="pedidos-tabla-y-dropdown" v-show="hayPedidos"> <div class="block pb-6" id="pedidos-tabla-y-dropdown" v-show="hayPedidos">
@ -52,6 +52,9 @@ export default {
pedidos: [], pedidos: [],
bonosDeTransporte: 0, bonosDeTransporte: 0,
totalBonosBarriales: 0, totalBonosBarriales: 0,
tabs: [{ id: "pedidos", nombre: "Pedidos" },
{ id: "bonos", nombre: "Bonos" },
{ id: "caracteristicas", nombre: "Caracteristicas opcionales" }],
tabActiva: "pedidos", tabActiva: "pedidos",
seccionActiva: "pedidos-seccion", seccionActiva: "pedidos-seccion",
} }

View File

@ -19,23 +19,13 @@
<script> <script>
export default { export default {
props: {
tabs: Array,
tabInicial: String,
},
data() { data() {
return { return {
tabActiva: "pedidos", tabActiva: this.tabInicial,
tabs: [
{
id: "pedidos",
nombre: "Pedidos"
},
{
id: "bonos",
nombre: "Bonos"
},
{
id: "caracteristicas",
nombre: "Caracteristicas opcionales"
}
]
} }
}, },
methods: { methods: {