cambios

src/App.vue

@@ -3,7 +3,6 @@
     um-header
     transition(name="router-anim" enter-active-class="animated slideInLeft")
       router-view
-    um-footer
 </template>
 
 <script>

src/api.js

@@ -1,6 +1,6 @@
 const api = {}
 
-// api.url = 'http://e9111523.ngrok.io'
+// api.url = 'http://192.168.4.226:3000'
 api.url = 'http://venus.acatlan.unam.mx:3010'
 api.isAuth = function () {
   if (window.localStorage.pcpumaT && window.localStorage.pcpumaU) {

src/components/usuario/Prestamo.vue

@@ -0,0 +1,87 @@
+<template lang="pug">
+  section.container
+    .columns
+      .column.is-8.is-offset-2
+        h1.is-size-3 Prestamo de Equipo
+        br
+        .control
+          .select
+            select(v-model="tipo")
+              option(value="laptop") Laptop
+              option(value="chromebook") Choromebook
+              option(value="ipad") Tablet
+        br
+        a.button.is-u-golden(v-on:click="prestamo()") Aceptar
+        br
+        br
+        h1.is-size-3 Devolver Equipo
+        br
+        a.button.is-u-golden(v-on:click="devolver()") Aceptar
+    .columns
+      .column.is-8.is-offset-2(v-if="prestamoData.idCarrito")
+        p.is-size-5 Carrito: {{prestamoData.idCarrito}}
+        p.is-size-5 Equipo: {{prestamoData.equipo_carrito}}
+</template>
+
+<script>
+import api from '../../api'
+import swal from 'sweetalert'
+const axios = require('axios')
+export default {
+  props: ['usuario'],
+  data () {
+    return {
+      tipo: '',
+      prestamoData: {}
+    }
+  },
+  methods: {
+    prestamo: function () {
+      axios({
+        method: 'post',
+        url: api.url + '/prestamo',
+        data: {
+          equipo: this.tipo,
+          idLugar: 1,
+          idUsuario: this.usuario,
+          idKiosko: window.localStorage.pcpumaK
+        },
+        headers: {
+          token: window.localStorage.pcpumaT
+        }
+      })
+        .then(response => {
+          this.prestamoData = response.data
+          console.log(this.prestamoData)
+          swal('Exito', 'Peticion exitosa ', 'success')
+        })
+        .catch(error => {
+          console.log(error.response.data)
+          swal('Error', error.response.data.err, 'error')
+        })
+    },
+    devolver: function () {
+      axios({
+        method: 'put',
+        url: api.url + '/devolucion',
+        data: {
+          idUsuario: this.usuario
+        },
+        headers: {
+          token: window.localStorage.pcpumaT
+        }
+      })
+        .then(response => {
+          swal('Exito', 'Se devolvio con exito', 'success')
+        })
+        .catch(error => {
+          console.log(error.response.data)
+          swal('Error', 'Algo salio mal', 'error')
+        })
+    }
+  }
+}
+</script>
+
+<style lang="css">
+</style>

src/layout/Usuario.vue

@@ -23,15 +23,16 @@
         .column.is-8.is-offset-2
           p.is-size-3 Usuario : {{data.id}}
           p.is-size-4 Multa : {{multa(data.multa)}}
+          prestamo(v-bind:usuario="buscar")
 </template>
 
 <script>
-import UmFooter from '../layout/Footer.vue'
-import UmHeader from '../layout/Header.vue'
+import Prestamo from '../components/usuario/Prestamo.vue'
+
 import api from '../api'
 const axios = require('axios')
 export default {
-  components: { UmHeader, UmFooter },
+  components: { Prestamo },
   data () {
     return {
       buscar: '',