forked from nathalie/pedi2
Componente aparte para seccion canastas
This commit is contained in:
parent
a497ae134e
commit
5c3d68a4e9
3 changed files with 118 additions and 95 deletions
|
|
@ -1,57 +1,31 @@
|
||||||
<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">
|
||||||
<comunes-tabs-secciones :tabs="tabs" :tabInicial="tabActiva"></comunes-tabs-secciones>
|
<tabs-secciones :tabs="tabs" :tabInicial="tabActiva"/>
|
||||||
<div class="block pb-6" id="pedidos-comisiones-seccion"
|
<div class="block pb-6"
|
||||||
|
id="pedidos-comisiones-seccion"
|
||||||
:class="seccionActiva === 'pedidos-comisiones-seccion' ? 'is-active' : 'is-hidden'">
|
:class="seccionActiva === 'pedidos-comisiones-seccion' ? 'is-active' : 'is-hidden'">
|
||||||
<div class="block" id="pedidos-comisiones-tabla-y-dropdown">
|
<div class="block" id="pedidos-comisiones-tabla-y-dropdown">
|
||||||
<dropdown-descargar/>
|
<dropdown-descargar/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="block pb-6" id="canasta-comisiones-seccion"
|
<div class="block pb-6"
|
||||||
|
id="canasta-comisiones-seccion"
|
||||||
:class="seccionActiva === 'canasta-comisiones-seccion' ? 'is-active' : 'is-hidden'">
|
:class="seccionActiva === 'canasta-comisiones-seccion' ? 'is-active' : 'is-hidden'">
|
||||||
<div class="block" id="canasta-comisiones-seccion">
|
<canasta-seccion/>
|
||||||
<article class="message is-warning">
|
|
||||||
<div class="message-header">
|
|
||||||
<p>Formato de la canasta</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="message-body">
|
<div class="block pb-6"
|
||||||
<div class="content">
|
|
||||||
La planilla de la canasta tiene que tener el siguiente formato para que la aplicación la lea correctamente:
|
|
||||||
<ul>
|
|
||||||
<li> Los precios deben usar punto y no coma decimal </li>
|
|
||||||
<li> El nombre de las columnas deben ser "Tipo", "Producto", y "Precio" respectivamente </li>
|
|
||||||
<li> Las celdas deben separarse con '|' </li>
|
|
||||||
<li> No puede haber "enters" en ninguna celda </li>
|
|
||||||
<li> El bono de transporte debe tener tipo 'T' </li>
|
|
||||||
</ul>
|
|
||||||
<a class="has-text-info" href="/comisiones/canasta/ejemplo">Planilla de ejemplo.</a>
|
|
||||||
<article class="message is-danger mt-2">
|
|
||||||
<div class="message-body">
|
|
||||||
<div class="content">
|
|
||||||
Cuidado! Cargar una nueva canasta elimina todos los pedidos de la aplicación.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
<div class="buttons is-right">
|
|
||||||
<canasta-input/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="block pb-6"
|
|
||||||
id="saldos-comisiones-seccion"
|
id="saldos-comisiones-seccion"
|
||||||
:class="seccionActiva === 'saldos-comisiones-seccion' ? 'is-active' : 'is-hidden'"
|
:class="seccionActiva === 'saldos-comisiones-seccion' ? 'is-active' : 'is-hidden'">
|
||||||
>
|
|
||||||
<div class="block" id="saldos-comisiones-seccion">
|
<div class="block" id="saldos-comisiones-seccion">
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column">
|
||||||
<article class="message is-warning">
|
<article class="message is-warning">
|
||||||
<div class="message-header">
|
<div class="message-header">
|
||||||
<p>
|
<p>
|
||||||
<button class="icon" aria-label="foldout" @click="toggleSaldosFileDialog">
|
<span class="icon is-small"
|
||||||
<i class="fa" :class="show_saldos_file_dialog ? 'fa-arrow-up' : 'fa-arrow-down'"></i>
|
@click="toggleSaldosFileDialog">
|
||||||
</button>
|
<i :class="`fas ${!show_saldos_file_dialog ? 'fa-angle-down' : 'fa-angle-up'}`" aria-hidden="true"></i>
|
||||||
|
</span>
|
||||||
Cargar saldos
|
Cargar saldos
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -76,7 +50,8 @@
|
||||||
<input-file-button text="Subir archivo" @archivo-subido="saldosSubido" />
|
<input-file-button text="Subir archivo" @archivo-subido="saldosSubido" />
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="column">
|
||||||
<table class="table container">
|
<table class="table container">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
|
|
@ -108,21 +83,23 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import TabsSecciones from "../comunes/TabsSecciones.vue";
|
import TabsSecciones from "../comunes/TabsSecciones.vue";
|
||||||
import DropdownDescargar from "./DropdownDescargar.vue";
|
import DropdownDescargar from "./DropdownDescargar.vue";
|
||||||
import CanastaInput from "./CanastaInput.vue";
|
|
||||||
import InputFileButton from "../comunes/InputFileButton.vue";
|
import InputFileButton from "../comunes/InputFileButton.vue";
|
||||||
import { mapActions, mapState } from "vuex";
|
import { mapActions, mapState } from "vuex";
|
||||||
|
import CanastaSeccion from "./canasta/CanastaSeccion.vue";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "ComisionesBody",
|
name: "ComisionesBody",
|
||||||
components: {
|
components: {
|
||||||
|
CanastaSeccion,
|
||||||
TabsSecciones,
|
TabsSecciones,
|
||||||
DropdownDescargar,
|
DropdownDescargar,
|
||||||
CanastaInput,
|
|
||||||
InputFileButton,
|
InputFileButton,
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
|
@ -136,7 +113,7 @@ export default {
|
||||||
seccionActiva: "pedidos-comisiones-seccion",
|
seccionActiva: "pedidos-comisiones-seccion",
|
||||||
archivo: undefined,
|
archivo: undefined,
|
||||||
saldo_modificado: {},
|
saldo_modificado: {},
|
||||||
show_saldos_file_dialog: false,
|
show_saldos_file_dialog: true,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,46 @@
|
||||||
|
<script>
|
||||||
|
import { defineComponent } from "vue";
|
||||||
|
import CanastaInput from "./CanastaInput.vue";
|
||||||
|
|
||||||
|
export default defineComponent({
|
||||||
|
components: { CanastaInput },
|
||||||
|
name: "CanastaSeccion",
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<article class="message is-warning">
|
||||||
|
<div class="message-header">
|
||||||
|
<p>Formato de la canasta</p>
|
||||||
|
</div>
|
||||||
|
<div class="message-body">
|
||||||
|
<div class="content">
|
||||||
|
La planilla de la canasta tiene que tener el siguiente formato para que la aplicación la lea correctamente:
|
||||||
|
<ul>
|
||||||
|
<li> Los precios deben usar punto y no coma decimal </li>
|
||||||
|
<li> El nombre de las columnas deben ser "Tipo", "Producto", y "Precio" respectivamente </li>
|
||||||
|
<li> Las celdas deben separarse con '|' </li>
|
||||||
|
<li> No puede haber "enters" en ninguna celda </li>
|
||||||
|
<li> El bono de transporte debe tener tipo 'T' </li>
|
||||||
|
</ul>
|
||||||
|
<a class="has-text-info" href="/comisiones/canasta/ejemplo">Planilla de ejemplo.</a>
|
||||||
|
<article class="message is-danger mt-2">
|
||||||
|
<div class="message-body">
|
||||||
|
<div class="content">
|
||||||
|
Cuidado! Cargar una nueva canasta elimina todos los pedidos de la aplicación.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
<div class="buttons">
|
||||||
|
<canasta-input/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
Loading…
Add table
Reference in a new issue