todos los carritos listo

This commit is contained in:
xXpuma99Xx 2022-07-29 10:23:07 -05:00
parent 8631c3b1fe
commit 10f7bb3205
11 changed files with 200 additions and 377 deletions

View File

@ -88,7 +88,7 @@ export default {
const info = JSON.stringify(res.data)
localStorage.setItem('usuario', info)
this.updateIsLoading(false)
this.$router.push('/operador/prestamo_devolucion')
this.$router.push('/prestamo_devolucion')
})
.catch((err) => {
this.error = 'is-danger'

View File

@ -21,10 +21,7 @@ import BuscarModulo from '@/components/buscar/BuscarModulo'
import TablaCarritos from '@/components/operador/TablaCarritos'
export default {
components: {
BuscarModulo,
TablaCarritos,
},
components: { BuscarModulo, TablaCarritos },
props: {
admin: { type: Object, required: true },
updateIsLoading: { type: Function, required: true },

View File

@ -6,23 +6,23 @@
:idInstitucion="operador.institucion.id_institucion"
/>
<!-- <TablaBuscadorModulo
<TablaBuscadorCarrito
:actualizarTabla="actualizarTabla"
:updateActualizarTabla="updateActualizarTabla"
:updateIsLoading="updateIsLoading"
:operador="operador"
/> -->
/>
</div>
</template>
<script>
import CrearCarrito from '@/components/crear/CrearCarrito'
import TablaBuscadorModulo from '@/components/tablaBuscador/TablaBuscadorModulo'
import TablaBuscadorCarrito from '@/components/tablaBuscador/TablaBuscadorCarrito'
export default {
components: {
CrearCarrito,
TablaBuscadorModulo,
TablaBuscadorCarrito,
},
props: {
operador: { type: Object, required: true },

View File

@ -1,179 +0,0 @@
<template>
<div class="box">
<div class="columns is-align-items-flex-end pl-0 pb-4">
<b-field class="column mb-0 pb-0" field="modulo" label="Módulo">
<b-select v-model="idModulo" icon="storefront-outline" rounded expanded>
<option disabled :value="null">Módulo</option>
<option
v-for="(modulo, index) in modulos"
:value="modulo.id_modulo"
:key="index"
>
{{ modulo.modulo }}
</option>
</b-select>
</b-field>
<b-field
class="column mb-0 pb-0"
field="tipoCarrito"
label="Tipo Carrito"
>
<b-select v-model="idTipoCarrito" icon="monitor-share" rounded expanded>
<option disabled :value="null">Tipo carrito</option>
<option
v-for="tipo_carrito in tiposCarritos"
:value="tipo_carrito.id_tipo_carrito"
:key="tipo_carrito.id_tipo_carrito"
>
{{ tipo_carrito.tipo_carrito }}
</option>
</b-select>
</b-field>
<b-field class="column mb-0 pb-0" field="modelo" label="Modelo">
<b-select v-model="modelo" icon="monitor-share" rounded expanded>
<option disabled :value="null">Modelo</option>
<option
v-for="(modelo, index) in modelos"
:value="modelo.modelo"
:key="index"
>
{{ modelo.modelo }}
</option>
</b-select>
</b-field>
<b-field class="column mb-0 pb-0" field="modelo" label="Modelo">
<b-select v-model="marca" icon="monitor-share" rounded expanded>
<option disabled :value="null">Marca</option>
<option
v-for="(marca, index) in marcas"
:value="marca.marca"
:key="index"
>
{{ marca.marca }}
</option>
</b-select>
</b-field>
<b-button
class="column"
label="Crear"
type="is-info"
@click="
$alertsGenericos.imprimirWarning(
$buefy,
'¿Esta segur@ de querer crear este módulo?',
crearCarrito
)
"
:disabled="!(idModulo && idTipoCarrito && modelo && marca)"
expanded
rounded
/>
</div>
</div>
</template>
<script>
import axios from 'axios'
export default {
props: {
institucion: { type: Object, required: true },
updateActualizarTabla: { type: Function, required: true },
updateIsLoading: { type: Function, required: true },
},
data() {
return {
modulos: [],
idModulo: null,
tiposCarritos: [],
idTipoCarrito: null,
modelos: [],
modelo: null,
marcas: [],
marca: null,
}
},
methods: {
crearCarrito() {
let data = {
id_modulo: this.idModulo,
id_tipo_carrito: this.idTipoCarrito,
marca: this.marca,
modelo: this.modelo,
}
this.updateIsLoading(true)
axios
.post(`${process.env.api}/carrito`, data, this.$getToken.token())
.then((res) => {
this.idModulo = null
this.idTipoCarrito = null
this.modelo = ''
this.marca = ''
this.updateIsLoading(false)
this.updateActualizarTabla(true)
this.$alertsGenericos.imprimirMensaje(this.$buefy, res.data.message)
})
.catch((err) => {
this.updateIsLoading(false)
this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
})
},
obtenerCatalogoModulo() {
axios
.get(
`${process.env.api}/modulo/modulos?id_institucion=${this.institucion.id_institucion}`,
this.$getToken.token()
)
.then((res) => {
this.modulos = res.data
})
.catch((err) => {
this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
})
},
obtenerCatalogoTiposCarritos() {
axios
.get(
`${process.env.api}/institucion-tipo-carrito/`,
this.$getToken.token()
)
.then((res) => {
this.tiposCarritos = res.data
})
.catch((err) => {
this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
})
},
obtenerCatalogoModelo() {
axios
.get(`${process.env.api}/modelo?tipo=c`, this.$getToken.token())
.then((res) => {
this.modelos = res.data
})
.catch((err) => {
this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
})
},
obtenerCatalogoMarca() {
axios
.get(`${process.env.api}/marca?tipo=c`, this.$getToken.token())
.then((res) => {
this.marcas = res.data
})
.catch((err) => {
this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
})
},
},
created() {
this.obtenerCatalogoModulo()
this.obtenerCatalogoTiposCarritos()
this.obtenerCatalogoModelo()
this.obtenerCatalogoMarca()
},
}
</script>

View File

@ -1,151 +0,0 @@
<template>
<div>
<div class="columns is-align-items-flex-end pl-0 pb-4">
<b-field class="column mb-0 pb-0" field="modulo" label="Módulo">
<b-select v-model="idModulo" icon="storefront-outline" expanded rounded>
<option disabled :value="null">Módulo</option>
<option
v-for="(modulo, index) in modulos"
:value="modulo.id_modulo"
:key="index"
>
{{ modulo.modulo }}
</option>
</b-select>
</b-field>
<b-field class="column mb-0 pb-0" field="carrito" label="Carrito">
<b-input
placeholder="Carrito"
v-model="carrito"
icon="cart-outline"
rounded
@keyup.enter.native="obtenerCarritos"
/>
</b-field>
<b-field
class="column mb-0 pb-0"
field="tipoCarrito"
label="Tipo Carrito"
>
<b-select v-model="idTipoCarrito" icon="monitor-share" expanded rounded>
<option disabled :value="null">Tipo carrito</option>
<option
v-for="tipo_carrito in tiposCarritos"
:value="tipo_carrito.id_tipo_carrito"
:key="tipo_carrito.id_tipo_carrito"
>
{{ tipo_carrito.tipo_carrito }}
</option>
</b-select>
</b-field>
<b-button
class="column mb-0"
label="Buscar"
type="is-info"
@click="obtenerCarritos"
rounded
expanded
/>
</div>
<TablaCarritos
:operador="operador"
:carritos="carritos"
:isLoadingTable="isLoadingTable"
/>
</div>
</template>
<script>
import axios from 'axios'
import TablaCarritos from '@/components/operador/TablaCarritos'
export default {
components: { TablaCarritos },
props: {
operador: { type: Object, required: true },
updateActualizarTabla: { type: Function, required: true },
actualizarTabla: { type: Boolean, required: true },
},
data() {
return {
modulos: [],
idModulo: null,
carritos: [],
carrito: '',
tiposCarritos: [],
idTipoCarrito: null,
isLoadingTable: false,
}
},
methods: {
obtenerCatalogoModulo() {
axios
.get(
`${process.env.api}/modulo/modulos?id_institucion=${this.operador.institucion.id_institucion}`,
this.$getToken.token()
)
.then((res) => {
this.modulos = res.data
this.obtenerCarritos()
})
.catch((err) => {
this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
})
},
obtenerCatalogoTiposCarritos() {
axios
.get(
`${process.env.api}/institucion-tipo-carrito/`,
this.$getToken.token()
)
.then((res) => {
this.tiposCarritos = res.data
this.obtenerCarritos()
})
.catch((err) => {
this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
})
},
obtenerCarritos() {
let id_modulo = ''
let id_tipo_carrito = ''
if (this.idTipoCarrito != null)
id_tipo_carrito = '&id_tipo_carrito=' + this.idTipoCarrito
if (this.idModulo != null) id_modulo = '&id_modulo=' + this.idModulo
this.isLoadingTable = true
axios
.get(
// `${process.env.api}/carrito/carritos?pagina=1&id_institucion=${this.operador.institucion.id_institucion}&carrito=${this.carrito}${id_modulo}${id_tipo_carrito}`,
`${process.env.api}/carrito/carritos?pagina=1&id_institucion=${this.operador.institucion.id_institucion}`,
this.$getToken.token()
)
.then(async (res) => {
this.carritos = res.data[0]
this.isLoadingTable = false
})
.catch((err) => {
this.isLoadingTable = false
this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
})
},
},
watch: {
actualizarTabla(value) {
if (value) {
this.obtenerCarritos()
this.updateActualizarTabla(false)
}
},
},
created() {
this.obtenerCatalogoModulo()
this.obtenerCatalogoTiposCarritos()
},
}
</script>

View File

@ -0,0 +1,172 @@
<template>
<div>
<h3 class="is-size-4 mb-3">Todos los carritos</h3>
<div class="columns mb-5 is-align-items-flex-end">
<SelectInstitucion
:deshabilitarOptVacia="false"
:institucionPadre="institucion"
@institucion-seleccionada="
(nuevaInstitucion) => (institucion = nuevaInstitucion)
"
v-if="operador.tipoUsuario.id_tipo_usuario === 2"
/>
<SelectModulo
:deshabilitarOptVacia="false"
:moduloPadre="modulo"
:idInstitucion="
operador.tipoUsuario.id_tipo_usuario === 2
? institucion.id_institucion
: operador.institucion.id_institucion
"
@modulo-seleccionado="(nuevaModulo) => (modulo = nuevaModulo)"
/>
<SelectTipoCarrito
:deshabilitarOptVacia="false"
:tipoCarritoPadre="tipoCarrito"
@tipo-carrito-seleccionado="
(tipoCarritoModulo) => (tipoCarrito = tipoCarritoModulo)
"
/>
<b-field class="column mb-0 pb-0" label="Carrito">
<b-input
icon="account"
placeholder="Carrito"
type="text"
@keyup.enter.native="obtenerCarritos()"
v-model="carrito"
rounded
/>
</b-field>
<BotonBuscar
:buscar="obtenerCarritos"
:disabled="
institucion.id_institucion ||
operador.institucion.id_institucion ||
operador
? false
: true
"
/>
</div>
<TablaCarritos
:carritos="carritos"
:isLoadingTable="isLoadingTable"
:obtenerCarritos="obtenerCarritos"
:onPageChange="onPageChange"
:total="total"
:page="page"
columnaActivo
columnaInstitucion
/>
</div>
</template>
<script>
import axios from 'axios'
import BotonBuscar from '@/components/botones/BotonBuscar'
import SelectInstitucion from '@/components/selects/SelectInstitucion'
import SelectModulo from '@/components/selects/SelectModulo'
import SelectTipoCarrito from '@/components/selects/SelectTipoCarrito'
import TablaCarritos from '@/components/tablas/TablaCarritos'
export default {
components: {
BotonBuscar,
SelectInstitucion,
SelectModulo,
SelectTipoCarrito,
TablaCarritos,
},
props: {
actualizarTabla: { type: Boolean, required: true },
operador: { type: Object, required: true },
updateActualizarTabla: { type: Function, required: true },
updateIsLoading: { type: Function, required: true },
},
data() {
return {
carritos: [],
isLoadingTable: false,
page: 1,
total: 0,
institucion: {},
lastSearch: {},
modulo: {},
tipoCarrito: {},
carrito: '',
}
},
methods: {
obtenerCarritos() {
let data = ''
this.isLoadingTable = true
console.log(this.modulo.modulo)
console.log(this.lastSearch)
if (
(this.operador.institucion.id_institucion &&
this.operador.institucion.id_institucion !=
this.lastSearch.idInstitucion) ||
(this.institucion.id_institucion &&
this.institucion.id_institucion != this.lastSearch.idInstitucion) ||
this.carrito != this.lastSearch.carrito ||
this.modulo.id_modulo != this.lastSearch.idModelo ||
this.tipoCarrito.id_tipo_carrito != this.lastSearch.idTipoCarrito
) {
this.page = 1
if (this.operador.institucion.id_institucion)
this.lastSearch.idInstitucion = this.operador.institucion.id_institucion
if (this.institucion.id_institucion)
this.lastSearch.idInstitucion = this.institucion.id_institucion
this.lastSearch.idModulo = this.modulo.id_modulo
this.lastSearch.idTipoCarrito = this.tipoCarrito.id_tipo_carrito
}
if (this.operador.institucion.id_institucion)
data += `&id_institucion=${this.operador.institucion.id_institucion}`
else if (this.institucion.id_institucion)
data += `&id_institucion=${this.institucion.id_institucion}`
if (this.modulo.id_modulo) data += `&id_modulo=${this.modulo.id_modulo}`
if (this.tipoCarrito.id_tipo_carrito)
data += `&id_tipo_carrito=${this.tipoCarrito.id_tipo_carrito}`
axios
.get(
`${process.env.api}/carrito/carritos?pagina=${this.page}&id_tipo_usuario=4${data}`,
this.$getToken.token()
)
.then((res) => {
this.carritos = res.data[0]
this.total = res.data[1]
this.isLoadingTable = false
})
.catch((err) => {
this.isLoadingTable = false
this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
})
},
onPageChange(page) {
this.page = page
this.obtenerCarritos()
},
updateInstitucion(institucion) {
this.institucion = institucion
},
},
watch: {
actualizarTabla() {
if (this.actualizarTabla) {
this.obtenerCarritos()
this.updateActualizarTabla(false)
}
},
},
created() {
this.obtenerCarritos()
},
}
</script>

View File

@ -56,15 +56,12 @@ export default {
let data = ''
this.isLoadingTable = true
if (this.institucion.id_institucion)
data += `${this.institucion.id_institucion}`
if (this.admin.tipoUsuario.id_tipo_usuario === 3)
data += `${this.admin.institucion.id_institucion}`
if (this.admin.institucion.id_institucion)
data += `?id_institucion=${this.admin.institucion.id_institucion}`
else if (this.institucion.id_institucion)
data += `?id_institucion=${this.institucion.id_institucion}`
axios
.get(
`${process.env.api}/modulo/modulos?id_institucion=${data}`,
this.$getToken.token()
)
.get(`${process.env.api}/modulo/modulos${data}`, this.$getToken.token())
.then((res) => {
this.modulos = res.data
this.isLoadingTable = false

View File

@ -3,7 +3,7 @@
<h3 class="is-size-4 mb-3">Todos los operadores</h3>
<div class="columns mb-5 is-align-items-flex-end">
<SelectInstitucion
<!-- <SelectInstitucion
columnSize="is-3"
:deshabilitarOptVacia="false"
:institucionPadre="institucion"
@ -11,7 +11,7 @@
(nuevaInstitucion) => (institucion = nuevaInstitucion)
"
v-if="admin.tipoUsuario.id_tipo_usuario === 2"
/>
/> -->
<b-field class="column is-3 mb-0 pb-0" label="Usuario operador">
<b-input
@ -81,17 +81,24 @@ export default {
this.isLoadingTable = true
if (
this.institucion.id_institucion != this.lastSearch.idInstitucion ||
(this.admin.institucion.id_institucion &&
this.admin.institucion.id_institucion !=
this.lastSearch.idInstitucion) ||
(this.institucion.id_institucion &&
this.institucion.id_institucion != this.lastSearch.idInstitucion) ||
this.operador != this.lastSearch.operador
) {
this.page = 1
this.lastSearch.idInstitucion = this.institucion.id_institucion
if (this.admin.institucion.id_institucion)
this.lastSearch.idInstitucion = this.admin.institucion.id_institucion
if (this.institucion.id_institucion)
this.lastSearch.idInstitucion = this.institucion.id_institucion
this.lastSearch.operador = this.operador
}
if (this.institucion.id_institucion)
data += `&id_institucion=${this.institucion.id_institucion}`
if (this.admin.institucion.id_institucion)
data += `&id_institucion=${this.admin.institucion.id_institucion}`
else if (this.institucion.id_institucion)
data += `&id_institucion=${this.institucion.id_institucion}`
if (this.operador) data += `&operador=${this.operador}`
axios
.get(

View File

@ -70,7 +70,7 @@ export default {
watch: {
carritoSeleccionado() {
this.$router.push(
`/operador/carritos/buscar_carrito/${this.carritoSeleccionado.id_carrito}`
`/carritos/buscar_carrito/${this.carritoSeleccionado.id_carrito}`
)
},
},

View File

@ -89,7 +89,7 @@ export default {
watch: {
equipoSeleccionado() {
this.$router.push(
`/operador/equipos/buscar_equipo/${this.equipoSeleccionado.numero_inventario}`
`/equipos/buscar_equipo/${this.equipoSeleccionado.numero_inventario}`
)
},
},

View File

@ -2,20 +2,6 @@
<div>
<Title title="Todos los carritos" :operador="operador" />
<CrearCarrito
:institucion="operador.institucion"
:updateActualizarTabla="updateActualizarTabla"
:updateIsLoading="updateIsLoading"
/>
<p class="subtitle is-4 mt-5">Todos los Carritos</p>
<InputsCarritos
:operador="operador"
:updateActualizarTabla="updateActualizarTabla"
:actualizarTabla="actualizarTabla"
/>
<Carritos :operador="operador" :updateIsLoading="updateIsLoading" />
<b-loading :is-full-page="true" v-model="isLoading" :can-cancel="false" />
@ -25,22 +11,16 @@
<script>
import Title from '@/components/layouts/Title'
import Carritos from '@/components/operador/Carritos'
import CrearCarrito from '@/components/operador/CrearCarrito'
import InputsCarritos from '@/components/operador/InputsCarritos'
export default {
components: { Carritos, CrearCarrito, InputsCarritos, Title },
components: { Carritos, Title },
data() {
return {
operador: {},
actualizarTabla: false,
isLoading: false,
operador: {},
}
},
methods: {
updateActualizarTabla(valorBooleano) {
this.actualizarTabla = valorBooleano
},
updateIsLoading(valorBooleano) {
this.isLoading = valorBooleano
},