prestamos del usuario

components/operador/AdminEquipo.vue

@@ -32,10 +32,7 @@
       </b-select>
     </b-field>
 
-    <b-field
-      label="Programa"
-      v-if="equipo.carrito.tipoCarrito.id_tipo_carrito === 2"
-    >
+    <b-field label="Programa">
       <b-select icon="list-status" v-model="idPrograma" expanded rounded>
         <option
           v-for="(programa, index) in programas"

components/operador/InputsCarritos.vue

@@ -70,8 +70,8 @@ export default {
     return {
       tipoCarrito: [
         { id_tipo_carrito: 1, tipo_carrito: 'Chromebook' },
-        { id_tipo_carrito: 2, tipo_carrito: 'iPad' },
-        { id_tipo_carrito: 3, tipo_carrito: 'Laptop' },
+        { id_tipo_carrito: 2, tipo_carrito: 'Laptop' },
+        { id_tipo_carrito: 3, tipo_carrito: 'iPad' },
       ],
       carritos: [],
       carrito: '',
@@ -102,6 +102,7 @@ export default {
       if (this.idTipoCarrito != 0)
         id_tipo_carrito = '&id_tipo_carrito=' + this.idTipoCarrito
       if (this.idModulo != 0) id_modulo = '&id_modulo=' + this.idModulo
+      console.log(this.idTipoCarrito)
       this.isLoadingTable = true
       axios
         .get(

components/operador/TablaPrestamo.vue

@@ -258,7 +258,7 @@ export default {
     },
     onPageChange: {
       type: Function,
-      require: true,
+      required: true,
     },
     total: {
       type: Number,
@@ -266,92 +266,92 @@ export default {
     },
     columnaNumeroCuenta: {
       type: Boolean,
-      require: false,
+      required: false,
       default: false,
     },
     columnaNombre: {
       type: Boolean,
-      require: false,
+      required: false,
       default: false,
     },
     columnaCarrera: {
       type: Boolean,
-      require: false,
+      required: false,
       default: false,
     },
     columnaOperadores: {
       type: Boolean,
-      require: false,
+      required: false,
       default: false,
     },
     columnaNumeroInventario: {
       type: Boolean,
-      require: false,
+      required: false,
       default: false,
     },
     columnaTipo: {
       type: Boolean,
-      require: false,
+      required: false,
       default: false,
     },
     columnaCarrito: {
       type: Boolean,
-      require: false,
+      required: false,
       default: false,
     },
     columnaEquipo: {
       type: Boolean,
-      require: false,
+      required: false,
       default: false,
     },
     columnaModulo: {
       type: Boolean,
-      require: false,
+      required: false,
       default: false,
     },
     columnaHoraRegreso: {
       type: Boolean,
-      require: false,
+      required: false,
       default: false,
     },
     columnaHoraFin: {
       type: Boolean,
-      require: false,
+      required: false,
       default: false,
     },
     columnaIdPrestamo: {
       type: Boolean,
-      require: false,
+      required: false,
       default: false,
     },
     columnaEnUso: {
       type: Boolean,
-      require: false,
+      required: false,
       default: false,
     },
     columnaBotonCancelar: {
       type: Boolean,
-      require: false,
+      required: false,
       default: false,
     },
     columnaCanceladoOperador: {
       type: Boolean,
-      require: false,
+      required: false,
       default: false,
     },
     columnaCanceladoUsuario: {
       type: Boolean,
-      require: false,
+      required: false,
       default: false,
     },
     filaRetraso: {
       type: Boolean,
-      require: false,
+      required: false,
       default: false,
     },
     filaActivo: {
       type: Boolean,
-      require: false,
+      required: false,
       default: false,
     },
     updateIsLoadingPage: {

components/operador/usuarios/Usuario.vue

@@ -6,20 +6,41 @@
       :updateUsuario="updateUsuario"
       :usuario="usuario"
     />
+
+    <TablaPrestamo
+      :isLoadingTable="isLoading"
+      :data="data"
+      :page="page"
+      :onPageChange="onPageChange"
+      :total="total"
+      :columnaNumeroInventario="true"
+      :columnaTipo="true"
+      :columnaEquipo="true"
+      :columnaCarrito="true"
+      :columnaModulo="true"
+      :columnaHoraRegreso="true"
+      :columnaIdPrestamo="true"
+    />
   </section>
 </template>
 
 <script>
 import axios from 'axios'
 import BuscarUsuario from '@/components/operador/usuarios/BuscarUsuario'
+import TablaPrestamo from '@/components/operador/TablaPrestamo'
+
 export default {
-  components: { BuscarUsuario },
+  components: { BuscarUsuario, TablaPrestamo },
   props: {
     operador: { type: Object, required: true },
     updateIsLoading: { type: Function, required: true },
   },
   data() {
     return {
+      data: [],
+      page: 1,
+      total: 0,
+      isLoading: false,
       usuario: { instituciones: [], tipoUsuario: {} },
     }
   },
@@ -27,6 +48,33 @@ export default {
     updateUsuario(valorObject) {
       this.usuario = valorObject
     },
+    onPageChange(page) {
+      this.page = page
+      this.obtenerPrestamos()
+    },
+    obtenerPrestamos() {
+      this.isLoading = true
+
+      axios
+        .get(
+          `${process.env.api}/prestamo/historial-usuario?pagina=${this.page}&id_usuario=${this.usuario.id_usuario}`,
+          this.operador.token
+        )
+        .then((res) => {
+          this.data = res.data[0]
+          this.total = res.data[1]
+          this.isLoading = false
+        })
+        .catch((err) => {
+          this.isLoading = false
+          this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
+        })
+    },
+  },
+  watch: {
+    usuario() {
+      this.obtenerPrestamos()
+    },
   },
 }
 </script>