devolucion

src/api.js

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

src/components/usuario/Devolucion.vue

@@ -0,0 +1,9 @@
+<template lang="pug">
+    main
+        h1.is-size-3 Devolver Equipo
+        br
+        a.button.is-u-golden(v-on:click="devolver()") Aceptar
+
+</template>
+
+

src/components/usuario/Prestamo.vue

@@ -22,9 +22,6 @@
         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
 </template>
 
 <script>

src/layout/Usuario.vue

@@ -20,11 +20,14 @@
               .control.has-text-centered
                 input.button.is-link(v-on:click="usuario()" type="submit" value="Buscar")
       .columns(v-if="data.id")
-        .column.is-7.is-offset-2
+        .column.is-10.is-offset-1
           p.is-size-3 Usuario : {{data.id}}
           p.is-size-4 Multa : {{multa(data.multa)}}
-          prestamo(v-bind:usuario="buscar")
-        .column.is-2
+          div(v-if="!prest")
+            prestamo(v-bind:usuario="buscar")
+          div(v-else)
+            devolucion
+        .column.is-1
           .field
             input#switch.switch.is-info(type="checkbox" v-model="data.ban" v-on:click="ban()")
             label(for="switch") Baneado
@@ -34,16 +37,18 @@
 
 <script>
 import Prestamo from '../components/usuario/Prestamo.vue'
+import Devolucion from '../components/usuario/Devolucion.vue'
 
 import api from '../api'
 import swal from 'sweetalert'
 const axios = require('axios')
 export default {
-  components: { Prestamo },
+  components: { Prestamo, Devolucion },
   data () {
     return {
       buscar: '',
-      data: {}
+      data: {},
+      prest: ''
     }
   },
   methods: {
@@ -55,10 +60,19 @@ export default {
       })
         .then(response => {
           console.log(response)
+          axios.get(api.url + '/prestamo/' + this.buscar, {
+            headers: {
+              'token': window.localStorage.pcpumaT
+            }
+          })
+            .then(data => {
+              this.prest = data.data.data
+              console.log(this.prest)
+            })
           this.data = response.data.data
         })
         .catch(error => {
-          console.log(error)
+          swal('Error', error.response.data.err, 'error')
         })
     },
     multa: function (str) {
@@ -73,7 +87,7 @@ export default {
         method: 'put',
         url: api.url + '/ban',
         data: {
-          id:this.data.id
+          id: this.data.id
         },
         headers: {
           'token': window.localStorage.pcpumaT,
@@ -81,18 +95,15 @@ export default {
         }
       })
         .then(response => {
-          console.log(response)
+          // console.log(response)
           this.data = response.data.data
           swal('Exito', 'Se suspendio el usuario', 'success')
         })
         .catch(error => {
-          console.log(error)
+          // console.log(error)
           swal('Error', error.response.data.err, 'error')
         })
     }
   }
 }
 </script>
-
-<style lang="css">
-</style>

src/main.js

@@ -5,6 +5,7 @@ import { faLaptop, faUpload, faTrash, faTabletAlt, faUser, faLock, faSearch, faS
 import { faChrome } from '@fortawesome/free-brands-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 import router from './routes.js'
+
 library.add(faChrome, faSearch, faShoppingCart, faCheckCircle, faPen, faEye)
 library.add(faLaptop)
 library.add(faUser)

src/scss/main.scss

@@ -2,4 +2,5 @@
 // @import '/home/arturo/sites/pcpuma-front/node_modules/bulma-extensions/bulma-switch/dist/css/bulma-switch.sass'
 @import './acatlan/bulma.sass';
 @import '../../node_modules/bulma-extensions/bulma-switch/dist/css/bulma-switch.sass';
-@import '../../node_modules/bulma-extensions/bulma-pageloader/dist/css/bulma-pageloader.sass'
+@import '../../node_modules/bulma-extensions/bulma-pageloader/dist/css/bulma-pageloader.sass';
+@import '../../node_modules/bulma-extensions/bulma-steps/dist/css/bulma-steps.sass';