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

funcion/actualizar-canasta-desde-compras #39

Merged
rho merged 23 commits from funcion/actualizar-canasta-desde-compras into master 2024-12-27 19:32:17 -03:00
Conversation 0 Commits 23 Files Changed 14 +56 -31
2 changed files with 56 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 92782be7f6 - Show all commits

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

@ -3,37 +3,9 @@
<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">
<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 class="block pb-6" id="pedidos-compras-tabla-y-dropdown">
<compras-dropdown-descargar>
</compras-dropdown-descargar>
</div>
</div>
<div class="block pb-6" id="canasta-compras-seccion"
@ -47,10 +19,12 @@
<script>
import TabsSecciones from "../comunes/TabsSecciones.vue";
import DropdownDescargar from "./DropdownDescargar.vue";
export default {
components: {
TabsSecciones,
DropdownDescargar,
},
data() {
return {
@ -58,6 +32,7 @@ export default {
{ id: "canasta-compras", nombre: "Canasta" }],
tabActiva: "pedidos-compras",
seccionActiva: "pedidos-compras-seccion",
hayAprobados: true,
}
},
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>