Refactor de componentes de pantalla de admin

This commit is contained in:
Alejandro Tasistro 2024-08-30 01:33:47 -03:00
parent 12b77de018
commit 003cb86ec0
12 changed files with 31 additions and 58 deletions

View File

@ -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 {

View File

@ -10,10 +10,3 @@
</a>
</div>
</template>
<script>
</script>
<style scoped>
</style>

View File

@ -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>

View File

@ -31,7 +31,6 @@
<script>
export default {
name: "PedidosAdminDropdownDescargar",
props: {
gdc: {
type: Number,
@ -54,4 +53,4 @@ export default {
<style>
</style>
</style>

View File

@ -2,7 +2,6 @@
import axios from "axios";
export default {
name: "PedidosAdminFilaCaracteristica",
props: {
caracteristica: Object
},

View File

@ -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

View File

@ -24,7 +24,6 @@
<script>
export default {
name: "LoginAdmin",
data() {
return {
visible: false,

View File

@ -12,7 +12,6 @@
<script>
export default {
name: "PedidosAdminSwitchAprobacion",
props: {
pedido: Object
},

View File

@ -39,7 +39,6 @@
<script>
export default {
name: "PedidosAdminTablaBonos",
props: {
pedidos: {
type: Array,
@ -95,4 +94,4 @@ export default {
<style>
</style>
</style>

View File

@ -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: {

View File

@ -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;

View File

@ -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>