Refactor de componentes de pantalla de admin
This commit is contained in:
parent
12b77de018
commit
003cb86ec0
|
@ -1,15 +1,15 @@
|
|||
<template>
|
||||
<div class="container is-max-widescreen is-max-desktop">
|
||||
<pedidos-admin-tabs-secciones></pedidos-admin-tabs-secciones>
|
||||
<admin-tabs-secciones></admin-tabs-secciones>
|
||||
<div class="block" id="pedidos-seccion"
|
||||
:class="seccionActiva === 'pedidos-seccion' ? 'is-active' : 'is-hidden'">
|
||||
<div class="block pb-6" id="pedidos-tabla-y-dropdown" v-show="hayPedidos">
|
||||
<pedidos-admin-dropdown-descargar
|
||||
<admin-dropdown-descargar
|
||||
:gdc="gdc">
|
||||
</pedidos-admin-dropdown-descargar>
|
||||
<pedidos-admin-tabla-pedidos
|
||||
</admin-dropdown-descargar>
|
||||
<admin-tabla-pedidos
|
||||
:pedidos="pedidos" :bonosDeTransporte="bonosDeTransporte" :totalBonosBarriales="totalBonosBarriales">
|
||||
</pedidos-admin-tabla-pedidos>
|
||||
</admin-tabla-pedidos>
|
||||
</div>
|
||||
<p class="has-text-centered" v-show="!hayPedidos">
|
||||
Todavía no hay ningún pedido para administrar.
|
||||
|
@ -17,35 +17,34 @@
|
|||
</div>
|
||||
<div class="block pb-6" id="bonos-seccion"
|
||||
:class="seccionActiva === 'bonos-seccion' ? 'is-active' : 'is-hidden'">
|
||||
<pedidos-admin-tabla-bonos v-show="hayAprobados"
|
||||
<admin-tabla-bonos v-show="hayAprobados"
|
||||
:pedidos="pedidos">
|
||||
</pedidos-admin-tabla-bonos>
|
||||
</admin-tabla-bonos>
|
||||
<p class="has-text-centered" v-show="!hayAprobados">
|
||||
Todavía no hay pedidos aprobados.
|
||||
</p>
|
||||
</div>
|
||||
<div class="block pb-6" id="caracteristicas-seccion"
|
||||
:class="seccionActiva === 'caracteristicas-seccion' ? 'is-active' : 'is-hidden'">
|
||||
<pedidos-admin-caracteristicas-opcionales>
|
||||
</pedidos-admin-caracteristicas-opcionales>
|
||||
<admin-caracteristicas-opcionales>
|
||||
</admin-caracteristicas-opcionales>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import PedidosAdminTabsSecciones from './PedidosAdminTabsSecciones.vue';
|
||||
import PedidosAdminDropdownDescargar from "./PedidosAdminDropdownDescargar.vue";
|
||||
import PedidosAdminTablaBonos from './PedidosAdminTablaBonos.vue';
|
||||
import PedidosAdminTablaPedidos from "./PedidosAdminTablaPedidos.vue";
|
||||
import PedidosAdminCaracteristicasOpcionales from "./PedidosAdminCaracteristicasOpcionales.vue";
|
||||
import CaracteristicasOpcionales from "./CaracteristicasOpcionales.vue";
|
||||
import TabsSecciones from "./TabsSecciones.vue";
|
||||
import DropdownDescargar from "./DropdownDescargar.vue";
|
||||
import TablaPedidos from "./TablaPedidos.vue";
|
||||
import TablaBonos from "./TablaBonos.vue";
|
||||
export default {
|
||||
name: "PedidosAdminBody",
|
||||
components: {
|
||||
PedidosAdminCaracteristicasOpcionales,
|
||||
PedidosAdminTabsSecciones,
|
||||
PedidosAdminDropdownDescargar,
|
||||
PedidosAdminTablaPedidos,
|
||||
PedidosAdminTablaBonos,
|
||||
CaracteristicasOpcionales,
|
||||
TabsSecciones,
|
||||
DropdownDescargar,
|
||||
TablaPedidos,
|
||||
TablaBonos,
|
||||
},
|
||||
data() {
|
||||
return {
|
|
@ -10,10 +10,3 @@
|
|||
</a>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
|
|
|
@ -1,10 +1,8 @@
|
|||
<script>
|
||||
import axios from "axios";
|
||||
import PedidosAdminFilaCaracteristica from "./PedidosAdminFilaCaracteristica.vue";
|
||||
import FilaCaracteristica from "./FilaCaracteristica.vue";
|
||||
|
||||
export default {
|
||||
name: "PedidosAdminCaracteristicasOpcionales",
|
||||
components: {PedidosAdminFilaCaracteristica},
|
||||
components: { FilaCaracteristica },
|
||||
data() {
|
||||
return {
|
||||
caracteristicas: [
|
||||
|
@ -21,7 +19,6 @@ export default {
|
|||
|
||||
<template>
|
||||
<div class="block">
|
||||
|
||||
<table class="table is-fullwidth is-striped is-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
|
@ -30,11 +27,11 @@ export default {
|
|||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<pedidos-admin-fila-caracteristica
|
||||
<admin-fila-caracteristica
|
||||
v-for="(c,i) in caracteristicas"
|
||||
:key="i"
|
||||
:caracteristica="c">
|
||||
</pedidos-admin-fila-caracteristica>
|
||||
</admin-fila-caracteristica>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
|
@ -31,7 +31,6 @@
|
|||
|
||||
<script>
|
||||
export default {
|
||||
name: "PedidosAdminDropdownDescargar",
|
||||
props: {
|
||||
gdc: {
|
||||
type: Number,
|
||||
|
@ -54,4 +53,4 @@ export default {
|
|||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
</style>
|
|
@ -2,7 +2,6 @@
|
|||
import axios from "axios";
|
||||
|
||||
export default {
|
||||
name: "PedidosAdminFilaCaracteristica",
|
||||
props: {
|
||||
caracteristica: Object
|
||||
},
|
|
@ -13,11 +13,10 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import PedidosAdminSwitchAprobacion from './PedidosAdminSwitchAprobacion.vue';
|
||||
import SwitchAprobacion from "./SwitchAprobacion.vue";
|
||||
export default {
|
||||
name: "PedidosAdminFilaPedido",
|
||||
components: {
|
||||
PedidosAdminSwitchAprobacion
|
||||
SwitchAprobacion
|
||||
},
|
||||
props: {
|
||||
pedido: Object
|
|
@ -24,7 +24,6 @@
|
|||
|
||||
<script>
|
||||
export default {
|
||||
name: "LoginAdmin",
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
|
|
|
@ -12,7 +12,6 @@
|
|||
|
||||
<script>
|
||||
export default {
|
||||
name: "PedidosAdminSwitchAprobacion",
|
||||
props: {
|
||||
pedido: Object
|
||||
},
|
|
@ -39,7 +39,6 @@
|
|||
|
||||
<script>
|
||||
export default {
|
||||
name: "PedidosAdminTablaBonos",
|
||||
props: {
|
||||
pedidos: {
|
||||
type: Array,
|
||||
|
@ -95,4 +94,4 @@ export default {
|
|||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
</style>
|
|
@ -46,11 +46,10 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import PedidosAdminFilaPedidoVue from './PedidosAdminFilaPedido.vue';
|
||||
import FilaPedido from "./FilaPedido.vue";
|
||||
export default {
|
||||
name: "PedidosAdminTablaPedidos",
|
||||
components: {
|
||||
PedidosAdminFilaPedidoVue
|
||||
FilaPedido
|
||||
},
|
||||
props: {
|
||||
pedidos: {
|
|
@ -19,7 +19,6 @@
|
|||
|
||||
<script>
|
||||
export default {
|
||||
name: "PedidosAdminTabsSecciones",
|
||||
data() {
|
||||
return {
|
||||
tabActiva: "pedidos",
|
||||
|
@ -49,7 +48,7 @@ export default {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import 'bulma';
|
||||
@import '../../../../node_modules/bulma';
|
||||
hr {
|
||||
border: none;
|
||||
height: 1px;
|
|
@ -1,13 +1,5 @@
|
|||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<pedidos-admin-body></pedidos-admin-body>
|
||||
<admin-body></admin-body>
|
||||
@endsection
|
||||
<script>
|
||||
import PedidosAdminBody from "../../js/components/PedidosAdminBody.vue";
|
||||
export default {
|
||||
components: {
|
||||
PedidosAdminBody
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
Loading…
Reference in New Issue