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

Descargas movidas a dropdown

This commit is contained in:
Alejandro Tasistro 2024-12-21 13:48:40 -03:00
parent 22cbac14f1
commit 92782be7f6
2 changed files with 56 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3,37 +3,9 @@
<comunes-tabs-secciones :tabs="tabs" :tabInicial="tabActiva"></comunes-tabs-secciones> <comunes-tabs-secciones :tabs="tabs" :tabInicial="tabActiva"></comunes-tabs-secciones>
<div class="block" id="pedidos-compras-seccion" <div class="block" id="pedidos-compras-seccion"
:class="seccionActiva === 'pedidos-compras-seccion' ? 'is-active' : 'is-hidden'"> :class="seccionActiva === 'pedidos-compras-seccion' ? 'is-active' : 'is-hidden'">
<div class="block"> <div class="block pb-6" id="pedidos-compras-tabla-y-dropdown">
<div class="field"> <compras-dropdown-descargar>
<p class="control"> </compras-dropdown-descargar>
<a href="/compras/pedidos/descargar" class="button">
<span class="icon is-small">
<i class="fas fa-download"></i>
</span>
<span>Descargar planilla de totales</span>
</a>
</p>
</div>
<div class="field">
<p class="control">
<a href="/compras/pedidos/notas" class="button">
<span class="icon is-small">
<i class="fas fa-sticky-note"></i>
</span>
<span>Descargar planilla de notas</span>
</a>
</p>
</div>
<div class="field">
<p class="control">
<a href="/compras/pedidos/transporte" class="button">
<span class="icon is-small">
<i class="fa fa-truck"></i>
</span>
<span>Descargar planilla de transporte</span>
</a>
</p>
</div>
</div> </div>
</div> </div>
<div class="block pb-6" id="canasta-compras-seccion" <div class="block pb-6" id="canasta-compras-seccion"
@ -47,10 +19,12 @@
<script> <script>
import TabsSecciones from "../comunes/TabsSecciones.vue"; import TabsSecciones from "../comunes/TabsSecciones.vue";
import DropdownDescargar from "./DropdownDescargar.vue";
export default { export default {
components: { components: {
TabsSecciones, TabsSecciones,
DropdownDescargar,
}, },
data() { data() {
return { return {
@ -58,6 +32,7 @@ export default {
{ id: "canasta-compras", nombre: "Canasta" }], { id: "canasta-compras", nombre: "Canasta" }],
tabActiva: "pedidos-compras", tabActiva: "pedidos-compras",
seccionActiva: "pedidos-compras-seccion", seccionActiva: "pedidos-compras-seccion",
hayAprobados: true,
} }
}, },
methods: { methods: {

50
resources/js/components/compras/DropdownDescargar.vue Normal file
View File

@ -0,0 +1,50 @@
<template>
<div class="buttons is-right">
<div class="dropdown" :class="{'is-active': dropdownActivo}" @mouseleave="dropdownActivo = false">
<div class="dropdown-trigger">
<button class="button" aria-haspopup="true" aria-controls="dropdown-menu" :disabled="!hayAprobados" @click="dropdownActivo = !dropdownActivo">
<span class="icon is-small">
<i class="fas fa-download"></i>
</span>
<span>Descargar planillas</span>
<span class="icon is-small">
<i class="fas fa-angle-down" aria-hidden="true"></i>
</span>
</button>
</div>
<div class="dropdown-menu" id="dropdown-menu" role="menu">
<div class="dropdown-content">
<a href="/compras/pedidos/descargar" class="dropdown-item">
Pedidos por barrio
</a>
<a href="/compras/pedidos/notas" class="dropdown-item">
Notas por barrio
</a>
<a href="/compras/pedidos/transporte" class="dropdown-item">
Transporte por barrio
</a>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
dropdownActivo: false
}
},
computed: {
hayAprobados: function() {
return this.$parent.hayAprobados;
}
},
}
</script>
<style>
</style>