buscar carrito listo
This commit is contained in:
xXpuma99Xx
parent
7fdb5e8fb0
commit
f4c3f91031
@ -19,52 +19,20 @@
|
||||
@modulo-seleccionado="(nuevoModulo) => (idModulo = nuevoModulo)"
|
||||
/>
|
||||
|
||||
<b-field class="column pb-0" field="carrito" label="Carrito">
|
||||
<b-select
|
||||
v-model="idCarrito"
|
||||
icon="storefront-outline"
|
||||
rounded
|
||||
expanded
|
||||
>
|
||||
<option disabled :value="null">Carrito</option>
|
||||
<optgroup label="Carritos de Chromebook">
|
||||
<option
|
||||
:disabled="!idModulo"
|
||||
v-for="(carrito, index) in carritosC"
|
||||
:value="carrito.id_carrito"
|
||||
:key="index"
|
||||
>
|
||||
{{ carrito.carrito }}
|
||||
</option>
|
||||
</optgroup>
|
||||
|
||||
<optgroup label="Carritos de Laptop">
|
||||
<option
|
||||
:disabled="!idModulo"
|
||||
v-for="(carrito, index) in carritosL"
|
||||
:value="carrito.id_carrito"
|
||||
:key="index"
|
||||
>
|
||||
{{ carrito.carrito }}
|
||||
</option>
|
||||
</optgroup>
|
||||
|
||||
<optgroup label="Carritos de Ipad">
|
||||
<option
|
||||
:disabled="!idModulo"
|
||||
v-for="(carrito, index) in carritosI"
|
||||
:value="carrito.id_carrito"
|
||||
:key="index"
|
||||
>
|
||||
{{ carrito.carrito }}
|
||||
</option>
|
||||
</optgroup>
|
||||
</b-select>
|
||||
</b-field>
|
||||
<SelectCarrito
|
||||
:idInstitucion="
|
||||
operador.tipoUsuario.id_tipo_usuario === 3
|
||||
? operador.institucion.id_institucion
|
||||
: idInstitucion
|
||||
"
|
||||
:idModulo="idModulo"
|
||||
:idCarritoPadre="idCarrito"
|
||||
@carrito-seleccionado="(nuevoCarrito) => (idCarrito = nuevoCarrito)"
|
||||
/>
|
||||
|
||||
<BotonBuscar
|
||||
:buscar="buscar"
|
||||
:disabled="idCarrito === carrito.id_carrito"
|
||||
:disabled="!idCarrito || idCarrito === carrito.id_carrito"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@ -91,6 +59,7 @@ import axios from 'axios'
|
||||
import AdminCarrito from '@/components/panel_admin/AdminCarrito'
|
||||
import BotonBuscar from '@/components/botones/BotonBuscar'
|
||||
import InformacionCarrito from '@/components/informacion/InformacionCarrito'
|
||||
import SelectCarrito from '@/components/selects/SelectCarrito'
|
||||
import SelectInstitucion from '@/components/selects/SelectInstitucion'
|
||||
import SelectModulo from '@/components/selects/SelectModulo'
|
||||
|
||||
@ -99,6 +68,7 @@ export default {
|
||||
AdminCarrito,
|
||||
BotonBuscar,
|
||||
InformacionCarrito,
|
||||
SelectCarrito,
|
||||
SelectInstitucion,
|
||||
SelectModulo,
|
||||
},
|
||||
@ -110,79 +80,40 @@ export default {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
carritosC: [],
|
||||
carritosL: [],
|
||||
carritosI: [],
|
||||
modulos: [],
|
||||
idCarrito: 0,
|
||||
idInstitucion: 0,
|
||||
idModulo: 0,
|
||||
idCarrito: null,
|
||||
carritoParam: null,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
buscar() {
|
||||
if (this.idCarrito || this.carrito.id_carrito) {
|
||||
this.updateIsLoading(true)
|
||||
axios
|
||||
.get(
|
||||
`${process.env.api}/carrito/carrito?id_carrito=${
|
||||
this.idCarrito || this.carrito.id_carrito
|
||||
}`,
|
||||
this.$getToken.token()
|
||||
)
|
||||
.then((res) => {
|
||||
this.updateCarrito(res.data)
|
||||
this.updateIsLoading(false)
|
||||
if (!this.idModulo) this.idModulo = res.data.modulo.id_modulo
|
||||
this.$router.push(`/carritos/buscar_carrito/${this.idCarrito}`)
|
||||
})
|
||||
.catch((err) => {
|
||||
this.updateIsLoading(false)
|
||||
this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
|
||||
})
|
||||
}
|
||||
},
|
||||
obtenerModulosInstitucion() {
|
||||
this.carritoParam = parseInt(this.$route.params.carrito)
|
||||
if (this.idCarrito != this.carritoParam)
|
||||
this.$router.push(`/carritos/buscar_carrito/${this.idCarrito}`)
|
||||
this.updateIsLoading(true)
|
||||
axios
|
||||
.get(
|
||||
`${process.env.api}/modulo/modulos?id_institucion=${this.operador.institucion.id_institucion}`,
|
||||
`${process.env.api}/carrito/carrito?id_carrito=${this.idCarrito}`,
|
||||
this.$getToken.token()
|
||||
)
|
||||
.then((res) => {
|
||||
this.modulos = res.data
|
||||
if (!this.idModulo) this.idModulo = res.data.modulo.id_modulo
|
||||
this.updateCarrito(res.data)
|
||||
this.updateIsLoading(false)
|
||||
})
|
||||
.catch((err) => {
|
||||
this.updateIsLoading(false)
|
||||
this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
|
||||
})
|
||||
},
|
||||
obtenerCarritos() {
|
||||
for (let i = 0; i < 3; i++) {
|
||||
axios
|
||||
.get(
|
||||
`${process.env.api}/carrito/carritos?pagina=1&id_institucion=${
|
||||
this.operador.institucion.id_institucion
|
||||
}&id_modulo=${this.idModulo}&id_tipo_carrito=${i + 1}`,
|
||||
this.$getToken.token()
|
||||
)
|
||||
.then((res) => {
|
||||
if (i + 1 === 1) this.carritosC = res.data[0]
|
||||
if (i + 1 === 2) this.carritosL = res.data[0]
|
||||
else this.carritosI = res.data[0]
|
||||
})
|
||||
.catch((err) => {
|
||||
this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
|
||||
})
|
||||
}
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
idModulo() {
|
||||
this.obtenerCarritos()
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.obtenerModulosInstitucion()
|
||||
this.idCarrito = this.$route.params.carrito
|
||||
if (this.idCarrito) this.buscar()
|
||||
this.carritoParam = parseInt(this.$route.params.carrito)
|
||||
if (this.carritoParam) {
|
||||
this.idCarrito = this.carritoParam
|
||||
this.buscar()
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -69,9 +69,9 @@ export default {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
moduloParam: null,
|
||||
idInstitucion: 0,
|
||||
idModulo: 0,
|
||||
moduloParam: null,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
108
components/selects/SelectCarrito.vue
Normal file
108
components/selects/SelectCarrito.vue
Normal file
@ -0,0 +1,108 @@
|
||||
<template>
|
||||
<b-field class="column mb-0 pb-0" label="Carrito" :class="columnSize">
|
||||
<b-select
|
||||
icon="store"
|
||||
:loading="isLoadingSelect"
|
||||
v-model="idCarrito"
|
||||
expanded
|
||||
rounded
|
||||
>
|
||||
<option v-if="!idModulo" disabled>Selecciona un módulo</option>
|
||||
|
||||
<option :disabled="deshabilitarOptVacia" :value="0" v-else>
|
||||
Selecciona una opción
|
||||
</option>
|
||||
|
||||
<optgroup
|
||||
v-for="(tc, index) in carritos"
|
||||
:key="index"
|
||||
:label="tiposCarritos[index].tipo_carrito"
|
||||
v-show="mostarTipoCarrito(tc)"
|
||||
>
|
||||
<option v-for="(c, jndex) in tc" :key="jndex" :value="c.id_carrito">
|
||||
{{ c.carrito }}
|
||||
</option>
|
||||
</optgroup>
|
||||
</b-select>
|
||||
</b-field>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import axios from 'axios'
|
||||
|
||||
export default {
|
||||
props: {
|
||||
deshabilitarOptVacia: { typeof: Boolean, required: false, default: true },
|
||||
idInstitucion: { type: Number, required: true, default: 0 },
|
||||
idModulo: { type: Number, required: true, default: 0 },
|
||||
idCarritoPadre: { type: Number, required: true, default: 0 },
|
||||
columnSize: { typeof: String, required: false, default: '' },
|
||||
},
|
||||
data: () => {
|
||||
return {
|
||||
carritos: [],
|
||||
tiposCarritos: [],
|
||||
isLoadingSelect: false,
|
||||
idCarrito: 0,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
mostarTipoCarrito(carritos) {
|
||||
return carritos.length > 0 ? true : false
|
||||
},
|
||||
async obtenerCarritos() {
|
||||
const carritos = []
|
||||
|
||||
this.isLoadingSelect = true
|
||||
for (let i = 0; i < this.tiposCarritos.length; i++) {
|
||||
carritos.push([])
|
||||
await axios
|
||||
.get(
|
||||
`${process.env.api}/carrito/carritos?pagina=1&id_institucion=${this.idInstitucion}&id_modulo=${this.idModulo}&id_tipo_carrito=${this.tiposCarritos[i].id_tipo_carrito}`,
|
||||
this.$getToken.token()
|
||||
)
|
||||
.then((res) => {
|
||||
for (let j = 0; j < res.data[0].length; j++)
|
||||
carritos[i].push(res.data[0][j])
|
||||
})
|
||||
.catch((err) => {})
|
||||
this.isLoadingSelect = false
|
||||
}
|
||||
this.carritos = carritos
|
||||
},
|
||||
obtenerTiposCarritos() {
|
||||
this.tiposCarritos = []
|
||||
this.carritos = []
|
||||
axios
|
||||
.get(
|
||||
`${process.env.api}/institucion-tipo-carrito`,
|
||||
this.$getToken.token()
|
||||
)
|
||||
.then((res) => {
|
||||
this.tiposCarritos = res.data
|
||||
for (let i = 0; i < this.tiposCarritos.length; i++)
|
||||
this.carritos.push([])
|
||||
if (this.idModulo) return this.obtenerCarritos()
|
||||
})
|
||||
.catch((err) => {})
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
async idModulo(nuevoIdInstitucion) {
|
||||
if (nuevoIdInstitucion) await this.obtenerCarritos()
|
||||
},
|
||||
idCarrito(carritoSeleccionado) {
|
||||
this.$emit('carrito-seleccionado', parseInt(carritoSeleccionado))
|
||||
},
|
||||
idCarritoPadre(nuevoCarrito) {
|
||||
this.idCarrito = nuevoCarrito
|
||||
},
|
||||
},
|
||||
created() {
|
||||
if (this.idCarritoPadre) this.idCarrito = this.idCarritoPadre
|
||||
this.obtenerTiposCarritos()
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
Loading…
Reference in New Issue
Block a user