nathalie
/
pedi2
3
3
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

Pestañas para body de compras

This commit is contained in:
Alejandro Tasistro 2024-12-21 13:29:14 -03:00
parent bddaf223e4
commit 22cbac14f1
1 changed files with 51 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
resources/js/components/compras/Body.vue
View File

@ -1,5 +1,8 @@
<template>
<div class="container is-fluid has-text-centered">
<div class="block ml-3 mr-3 is-max-widescreen is-max-desktop">
<comunes-tabs-secciones :tabs="tabs" :tabInicial="tabActiva"></comunes-tabs-secciones>
<div class="block" id="pedidos-compras-seccion"
:class="seccionActiva === 'pedidos-compras-seccion' ? 'is-active' : 'is-hidden'">
<div class="block">
<div class="field">
<p class="control">
@ -33,10 +36,35 @@
</div>
</div>
</div>
<div class="block pb-6" id="canasta-compras-seccion"
:class="seccionActiva === 'canasta-compras-seccion' ? 'is-active' : 'is-hidden'">
<div class="block" id="canasta-compras-seccion">
<p> Todavía no hay nada por acá </p>
</div>
</div>
</div>
</template>
<script>
export default {
import TabsSecciones from "../comunes/TabsSecciones.vue";
export default {
components: {
TabsSecciones,
},
data() {
return {
tabs: [{ id: "pedidos-compras", nombre: "Pedidos" },
{ id: "canasta-compras", nombre: "Canasta" }],
tabActiva: "pedidos-compras",
seccionActiva: "pedidos-compras-seccion",
}
},
methods: {
setSeccionActiva(tabId) {
this.tabActiva = tabId;
this.seccionActiva = tabId + "-seccion";
},
}
}
</script>