pcpuma_unam_operador/components/buscar/BuscarCarrito.vue
2022-08-05 18:41:37 -05:00

124 lines
3.3 KiB
Vue

<template>
<div class="box">
<div class="columns is-align-items-flex-end">
<SelectInstitucion
:idInstitucionPadre="idInstitucion"
@institucion-seleccionada="
(nuevaInstitucion) => (idInstitucion = nuevaInstitucion)
"
v-if="operador.tipoUsuario.id_tipo_usuario === 2"
/>
<SelectModulo
:idInstitucion="
operador.tipoUsuario.id_tipo_usuario === 3
? operador.institucion.id_institucion
: idInstitucion
"
:idModuloPadre="idModulo"
@modulo-seleccionado="(nuevoModulo) => (idModulo = nuevoModulo)"
/>
<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 || idCarrito === carrito.id_carrito"
/>
</div>
<div class="columns">
<InformacionCarrito
:operador="operador"
:carrito="carrito"
:updateIsLoading="updateIsLoading"
:buscar="buscar"
/>
<AdminCarrito
:operador="operador"
:carrito="carrito"
:updateIsLoading="updateIsLoading"
:buscar="buscar"
/>
</div>
</div>
</template>
<script>
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'
export default {
components: {
AdminCarrito,
BotonBuscar,
InformacionCarrito,
SelectCarrito,
SelectInstitucion,
SelectModulo,
},
props: {
operador: { type: Object, required: true },
carrito: { type: Object, required: true },
updateIsLoading: { type: Function, required: true },
updateCarrito: { type: Function, required: true },
},
data() {
return {
idCarrito: 0,
idInstitucion: 0,
idModulo: 0,
carritoParam: null,
}
},
methods: {
buscar() {
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}/carrito/carrito?id_carrito=${this.idCarrito}`,
this.$getToken.token()
)
.then((res) => {
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,
this.$router,
err.response.data
)
})
},
},
created() {
this.carritoParam = parseInt(this.$route.params.carrito)
if (this.carritoParam) {
this.idCarrito = this.carritoParam
this.buscar()
}
},
}
</script>